1425 lines
41 KiB
CSS
1425 lines
41 KiB
CSS
/* *:not(.monaco-editor .margin):not(.monaco-editor .lines-content.monaco-editor-background):not(.monaco-editor .cursors-layer.cursor-smooth-caret-animation > .cursor):not(.monaco-scrollable-element > .scrollbar.vertical > .slider):not(.monaco-scrollable-element > .scrollbar.horizontal > .slider):not(.pane .pane-body .monaco-list .monaco-scrollable-element .monaco-list-rows) {
|
|
transition-duration: 100ms !important;
|
|
} */
|
|
|
|
:root,
|
|
::after,
|
|
::before {
|
|
--tab-height: 25px;
|
|
--tab-radius: 8px;
|
|
--ui-radius: 6px;
|
|
--base-color: #bd93f9;
|
|
--gradient-one: #cba6f7;
|
|
--gradient-two: #89b4fa;
|
|
--side-pane-color: var(--vscode-editor-background);
|
|
--focus-border: #3f4f81;
|
|
--sash-size: 2px !important;
|
|
--sash-hover-size: 2px !important;
|
|
}
|
|
|
|
body > .monaco-workbench > .monaco-grid-view > .monaco-grid-branch-node > .monaco-split-view2 > .monaco-scrollable-element > .split-view-container {
|
|
background: var(--vscode-editor-background) !important;
|
|
}
|
|
|
|
.editor-container {
|
|
-webkit-font-smoothing: antialiased;
|
|
}
|
|
|
|
.monaco-workbench .part.titlebar .window-controls-container .window-icon,
|
|
.monaco-workbench .part.editor > .content > .watermark {
|
|
display: none !important;
|
|
}
|
|
|
|
.monaco-workbench .part.editor .tabs-and-actions-container .window-controls-container {
|
|
display: flex;
|
|
flex-grow: 0;
|
|
flex-shrink: 0;
|
|
text-align: center;
|
|
-webkit-app-region: no-drag;
|
|
height: 100%;
|
|
}
|
|
|
|
.monaco-workbench .part.editor .tabs-and-actions-container .window-controls-container .window-icon {
|
|
width: 30px !important;
|
|
height: 30px !important;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
|
|
.monaco-workbench .part.editor .tabs-and-actions-container .window-controls-container .window-icon.window-close:hover {
|
|
background: #FF5555 !important;
|
|
}
|
|
|
|
.monaco-workbench .part.titlebar .window-controls-container .layout-dropdown-container {
|
|
margin-left: auto !important;
|
|
}
|
|
|
|
.monaco-workbench .part.titlebar > .window-controls-container {
|
|
width: unset !important;
|
|
}
|
|
|
|
.monaco-workbench .part.titlebar > .window-controls-container > .window-icon {
|
|
width: 30px !important;
|
|
}
|
|
|
|
.monaco-workbench.linux .part.titlebar > .window-title {
|
|
font-size: 12.5px !important;
|
|
}
|
|
|
|
.monaco-workbench .part.titlebar > .titlebar-container .window-appicon > .home-bar-icon-badge,
|
|
.monaco-workbench .part.titlebar > .titlebar-container > .window-appicon:not(.codicon) {
|
|
background-image: url(./vsc/vsc.svg) !important;
|
|
}
|
|
|
|
.monaco-workbench .part.editor > .content .editor-group-container.empty .editor-group-letterpress {
|
|
background-image: url(./vsc/vsc-back.svg) !important;
|
|
}
|
|
|
|
.monaco-workbench .part.editor.has-watermark > .content.empty .editor-group-container > .editor-group-letterpress {
|
|
background-position-y: 50% !important;
|
|
}
|
|
|
|
.mac,
|
|
.windows,
|
|
.linux {
|
|
/* font-family: 'CaskaydiaCove Nerd Font' !important;
|
|
--monaco-monospace-font: 'CaskaydiaCove Nerd Font' !important; */
|
|
/* font-family: 'Delugia' !important;
|
|
--monaco-monospace-font: 'Delugia Mono' !important; */
|
|
}
|
|
|
|
|
|
.monaco-workbench .part.sidebar > .title > .title-label h2 {
|
|
font-weight: bold !important;
|
|
}
|
|
|
|
.monaco-sash.hover:before,
|
|
.monaco-sash.active:before {
|
|
background: linear-gradient(to bottom, var(--gradient-one), var(--gradient-two)) !important;
|
|
}
|
|
|
|
/* Squiggly lines to straight lines */
|
|
|
|
.monaco-editor .squiggly-error {
|
|
background: none !important;
|
|
border-bottom: 0.5px solid var(--vscode-editorError-foreground) !important;
|
|
}
|
|
|
|
.monaco-editor .squiggly-warning {
|
|
background: none !important;
|
|
border-bottom: 0.5px solid var(--vscode-editorWarning-foreground) !important;
|
|
}
|
|
|
|
.monaco-editor .squiggly-info {
|
|
background: none !important;
|
|
border-bottom: 0.5px solid var(--vscode-editorInfo-foreground) !important;
|
|
}
|
|
|
|
.monaco-editor .squiggly-hint {
|
|
background: none !important;
|
|
border-bottom: 0.5px solid var(--vscode-editorHint-foreground) !important;
|
|
}
|
|
|
|
/* */
|
|
|
|
/* Gradient Tab border */
|
|
body.activity-bar-at-bottom .monaco-workbench .activitybar .active-item-indicator {
|
|
display: block !important;
|
|
}
|
|
|
|
.monaco-workbench .activitybar > .content :not(.monaco-menu) > .monaco-action-bar .action-item.checked .active-item-indicator:before {
|
|
border: 0 !important;
|
|
width: 3px !important;
|
|
height: 100% !important;
|
|
position: absolute !important;
|
|
top: 0 !important;
|
|
left: 0 !important;
|
|
background-image: linear-gradient(to top, var(--gradient-one), var(--gradient-two)) !important;
|
|
border-radius: 100vmax !important;
|
|
}
|
|
|
|
.monaco-workbench .part.editor > .content .editor-group-container > .title .tabs-container > .tab > .tab-border-bottom-container,
|
|
.monaco-workbench .part.editor > .content .editor-group-container > .title .tabs-container > .tab > .tab-border-top-container {
|
|
background-image: linear-gradient(to left, var(--gradient-one), var(--gradient-two)) !important;
|
|
height: 3px !important;
|
|
display: none !important;
|
|
}
|
|
|
|
.monaco-workbench .activitybar > .content :not(.monaco-menu) > .monaco-action-bar .badge .badge-content {
|
|
background-image: linear-gradient(90deg, var(--gradient-one), var(--gradient-two)) !important;
|
|
}
|
|
|
|
/* */
|
|
|
|
/* Hides dirty tab white dot indicator */
|
|
|
|
.monaco-workbench .part.editor > .content .editor-group-container.active > .title .tabs-container > .tab.dirty > .tab-actions .action-label:not(:hover):before,
|
|
.monaco-workbench .part.editor > .content .editor-group-container > .title .tabs-container > .tab.dirty > .tab-actions .action-label:not(:hover):before {
|
|
content: '' !important;
|
|
}
|
|
|
|
/* */
|
|
|
|
/* Git icon background */
|
|
|
|
.codicon-git-branch:before {
|
|
background: linear-gradient(to bottom, var(--gradient-one), var(--gradient-two)) !important;
|
|
-webkit-background-clip: text !important;
|
|
background-clip: text !important;
|
|
color: rgba(255, 255, 255, 0.4) !important;
|
|
}
|
|
|
|
/* */
|
|
|
|
/* Editor Background */
|
|
|
|
.monaco-editor,
|
|
.split-view-view .lines-content.monaco-editor-background {
|
|
background: url(./vsc/pek.png) bottom right / 10% auto no-repeat scroll;
|
|
/*background: linear-gradient(rgba(0,0,0,.65), rgba(0,0,0,.65)), url(./vsc/bg.jpg) center center / auto 100vh no-repeat scroll;*/
|
|
}
|
|
|
|
/* */
|
|
|
|
/* Scrollbar */
|
|
.monaco-scrollable-element > .scrollbar > .slider {
|
|
border-radius: 7px !important;
|
|
}
|
|
|
|
.monaco-scrollable-element > .scrollbar > .slider.active {
|
|
background: linear-gradient(to top, var(--gradient-one), var(--gradient-two)) !important;
|
|
}
|
|
|
|
canvas.decorationsOverviewRuler,
|
|
.monaco-scrollable-element > .scrollbar.vertical,
|
|
.monaco-scrollable-element > .scrollbar.vertical > .slider {
|
|
width: 7px !important;
|
|
}
|
|
|
|
.monaco-scrollable-element > .scrollbar.vertical > .slider {
|
|
transition: all 100ms ease-out;
|
|
}
|
|
|
|
.monaco-scrollable-element > .scrollbar.horizontal,
|
|
.monaco-scrollable-element > .scrollbar.horizontal > .slider {
|
|
height: 7px !important;
|
|
}
|
|
|
|
.monaco-scrollable-element > .scrollbar.horizontal > .slider {
|
|
transition: all 100ms ease-out;
|
|
}
|
|
|
|
.monaco-scrollable-element > .scrollbar.horizontal > .slider {
|
|
width: 135px !important;
|
|
}
|
|
|
|
/* */
|
|
|
|
/* Rounded UI */
|
|
|
|
/* Suggestions */
|
|
.monaco-editor .monaco-hover,
|
|
.monaco-editor .suggest-widget,
|
|
.monaco-editor .suggest-details {
|
|
border-radius: var(--ui-radius) !important;
|
|
overflow: hidden !important;
|
|
box-shadow: rgb(0 0 0 / 36%) 0px 2px calc(var(--ui-radius) + 2px) !important;
|
|
}
|
|
|
|
/* Left pane selected file */
|
|
.pane .pane-body,
|
|
.pane .pane-body .monaco-list,
|
|
.pane .pane-body .monaco-list .monaco-scrollable-element,
|
|
.pane .pane-body .monaco-list .monaco-scrollable-element .monaco-list-rows,
|
|
.pane .pane-body .monaco-list .monaco-scrollable-element .monaco-list-rows .monaco-list-row {
|
|
overflow: visible !important;
|
|
}
|
|
|
|
.open-editors .monaco-list .monaco-list-row {
|
|
padding-left: 0px !important;
|
|
}
|
|
|
|
.monaco-list-row:hover,
|
|
.monaco-list-row.selected,
|
|
.monaco-list-row.focused {
|
|
border-radius: 0 var(--ui-radius) var(--ui-radius) 0 !important;
|
|
}
|
|
|
|
.monaco-workbench .monaco-list:not(.element-focused):focus:before,
|
|
.monaco-select-box,
|
|
.monaco-select-box-dropdown-container,
|
|
.monaco-select-box-dropdown-container .monaco-list-row:hover,
|
|
.monaco-select-box-dropdown-container .monaco-list-row.selected,
|
|
.monaco-select-box-dropdown-container .monaco-list-row.focused {
|
|
border-radius: var(--ui-radius) !important;
|
|
}
|
|
|
|
.monaco-list-row.selected::before,
|
|
.monaco-list-row.selected::after {
|
|
content: '' !important;
|
|
display: block !important;
|
|
position: absolute !important;
|
|
width: var(--ui-radius) !important;
|
|
height: var(--ui-radius) !important;
|
|
left: 0 !important;
|
|
pointer-events: none !important;
|
|
}
|
|
|
|
.monaco-list-row.selected::before {
|
|
top: calc(0px - var(--ui-radius)) !important;
|
|
background: radial-gradient(circle at 100% 0%, transparent 70.71%, var(--side-pane-color) 29.289%) no-repeat;
|
|
background-position: 100% 0%;
|
|
}
|
|
|
|
.monaco-list-row.selected::after {
|
|
bottom: calc(0px - var(--ui-radius)) !important;
|
|
background: radial-gradient(circle at 100% 100%, transparent 70.71%, var(--side-pane-color) 29.289%) no-repeat;
|
|
background-position: 100% 100%;
|
|
}
|
|
|
|
.monaco-button.monaco-text-button {
|
|
border-radius: var(--ui-radius) !important;
|
|
}
|
|
|
|
/* */
|
|
|
|
/* Smooth cursor */
|
|
|
|
.monaco-editor .cursors-layer.cursor-smooth-caret-animation > .cursor {
|
|
transition: all 100ms ease-out;
|
|
}
|
|
|
|
/* */
|
|
|
|
/* Active tab (Without border) */
|
|
|
|
..tab:first-child {
|
|
margin-left: var(--tab-radius) !important;
|
|
/* margin-left: calc(var(--tab-radius) - 2px) !important; */
|
|
}
|
|
|
|
..tab:last-child {
|
|
margin-right: var(--tab-radius) !important;
|
|
/* margin-right: calc(var(--tab-radius) - 2px) !important; */
|
|
}
|
|
|
|
..tab.active {
|
|
/* border: 2px solid var(--base-color) !important; */
|
|
/* background-color: transparent !important; */
|
|
/* rgb(20, 24, 34) */
|
|
border-radius: var(--tab-radius) var(--tab-radius) 0 0 !important;
|
|
/* border-bottom: 2px solid #0c0e14 !important; */
|
|
/* z-index: 1 !important; */
|
|
}
|
|
|
|
.tab.dirty-border-top > .tab-border-top-container {
|
|
border-radius: var(--tab-radius) var(--tab-radius) 0 0 !important;
|
|
}
|
|
|
|
ignorethispart {
|
|
|
|
/* Border bottom radius */
|
|
.tab.active::before,
|
|
.tab.active::after {
|
|
content: '' !important;
|
|
display: block !important;
|
|
box-sizing: border-box !important;
|
|
position: absolute !important;
|
|
z-index: 1;
|
|
width: var(--tab-radius) !important;
|
|
height: var(--tab-radius) !important;
|
|
bottom: 0px !important;
|
|
/* bottom: -2px !important; */
|
|
pointer-events: none !important;
|
|
/* border-bottom: 2px solid var(--base-color) !important; */
|
|
}
|
|
|
|
.tab.active::before {
|
|
left: calc(0px - var(--tab-radius)) !important;
|
|
/* transform: translateX(calc(0px - var(--tab-radius))) !important; */
|
|
/* border-right: 2px solid var(--base-color) !important; */
|
|
border-bottom-right-radius: var(--tab-radius) !important;
|
|
/* box-shadow: 3px 3px 0 3px var(--tab-color) !important; */
|
|
box-shadow: 3px 3px 0 3px var(--vscode-editor-background) !important;
|
|
/* background: radial-gradient(circle at 0% 0%, transparent 70.71%, var(--tab-color) 29.289%) no-repeat;
|
|
background-position: 0% 0%; */
|
|
}
|
|
|
|
.tab.active::after {
|
|
right: 0 !important;
|
|
transform: translateX(var(--tab-radius)) !important;
|
|
/* border-left: 2px solid var(--base-color) !important; */
|
|
border-bottom-left-radius: var(--tab-radius) !important;
|
|
/* box-shadow: -3px 3px 0 3px var(--tab-color) !important; */
|
|
box-shadow: -3px 3px 0 3px var(--vscode-editor-background) !important;
|
|
/* background: radial-gradient(circle at 100% 0%, transparent 70.71%, var(--tab-color) 29.289%) no-repeat;
|
|
background-position: 100% 0%; */
|
|
}
|
|
|
|
/* .tabs-container:before {
|
|
content: '' !important;
|
|
top: 0 !important;
|
|
left: 0 !important;
|
|
right: 0 !important;
|
|
bottom: 0 !important;
|
|
background: linear-gradient(90deg, rgb(12, 14, 20), rgb(189, 172, 255), rgb(189, 147, 249), rgb(189, 147, 249), rgb(189, 147, 249), rgb(189, 172, 249), rgb(12, 14, 20)) !important;
|
|
clip: rect(33px, 2600px, 33px, 0px) !important;
|
|
position: absolute !important;
|
|
}
|
|
|
|
.tabs-container:after {
|
|
content: '' !important;
|
|
top: 0 !important;
|
|
left: 0 !important;
|
|
right: 0 !important;
|
|
bottom: 0 !important;
|
|
background: linear-gradient(90deg, rgb(12, 14, 20), rgb(189, 172, 255), rgb(189, 147, 249), rgb(189, 147, 249), rgb(189, 147, 249), rgb(189, 172, 249), rgb(12, 14, 20)) !important;
|
|
clip: rect(33px, 2600px, 35px, 0px) !important;
|
|
position: absolute !important;
|
|
}
|
|
|
|
.tab-label > .monaco-icon-label-container::after {
|
|
background: transparent !important;
|
|
} */
|
|
}
|
|
|
|
.tab {
|
|
border-radius: 12px !important;
|
|
margin: 5px !important;
|
|
height: 40px !important;
|
|
border: 2px solid #313244 !important;
|
|
background-color: #161925 !important;
|
|
}
|
|
|
|
.tab.active {
|
|
border: 2px solid var(--gradient-one) !important;
|
|
color: var(--gradient-one) !important;
|
|
font-weight: bold !important;
|
|
}
|
|
|
|
.tab.dirty {
|
|
border: 2px solid var(--gradient-two) !important;
|
|
|
|
}
|
|
|
|
.tabs-container {
|
|
height: auto !important;
|
|
padding: 5px !important;
|
|
}
|
|
|
|
.editor-actions {
|
|
height: inherit !important;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
ignorethispart {
|
|
/* ATOM */
|
|
|
|
.part.editor > .content .editor-group-container > .title:not(.tabs).dirty .codicon-close-dirty {
|
|
color: #568af2 !important;
|
|
}
|
|
|
|
|
|
/* .monaco-workbench.vs-dark .part.editor>.content .editor-group-container .editor-group-watermark>.shortcuts dl, */
|
|
.monaco-workbench .part.editor > .content .editor-group-container > .editor-group-watermark > .shortcuts dd > .monaco-keybinding,
|
|
.monaco-workbench.vs-dark .part.editor > .content .editor-group-container .editor-group-watermark > .shortcuts dt {
|
|
color: hsla(219, 13%, 66%, .6) !important;
|
|
}
|
|
|
|
|
|
|
|
::placeholder {
|
|
color: #9da5b4 !important;
|
|
opacity: 1 !important;
|
|
}
|
|
|
|
|
|
/* NOTE: badge count may be off-centred when workbench font is changed */
|
|
/* .windows { */
|
|
/* .monaco-workbench {
|
|
font-family: 'Iosevka', 'Victor Mono', 'JetBrains Mono', 'SF Mono', 'Input Mono', 'Hack', 'Dank Mono', 'Fira Code', 'Operator Mono', 'Source Code Pro', 'IBM Plex Mono', 'Courier New', Courier, monospace;
|
|
} */
|
|
|
|
|
|
/* tab label */
|
|
|
|
.monaco-workbench .part.editor > .content .editor-group-container > .title .tabs-container > .tab .tab-label {
|
|
text-align: center !important;
|
|
}
|
|
|
|
.monaco-workbench .part.editor > .content .editor-group-container > .title .tabs-container > .tab.sizing-fit .monaco-icon-label,
|
|
.monaco-workbench .part.editor > .content .editor-group-container > .title .tabs-container > .tab.sizing-fit .monaco-icon-label > .monaco-icon-label-container {
|
|
overflow: hidden !important;
|
|
}
|
|
|
|
.monaco-workbench .part.editor > .content .editor-group-container > .title .tabs-container > .tab.sizing-fit .monaco-icon-label[class*="untitled-"] {
|
|
font-style: italic !important;
|
|
}
|
|
|
|
|
|
/* caret, cursor */
|
|
|
|
.monaco-inputbox.synthetic-focus .input {
|
|
contain: paint;
|
|
caret-color: #568af2;
|
|
}
|
|
|
|
.suggest-input-container > .monaco-editor.focused .cursor {
|
|
/* .monaco-editor.focused .cursor { */
|
|
border-color: #568af2;
|
|
border-width: 2px;
|
|
border-left: 2px solid #528bff;
|
|
}
|
|
|
|
|
|
/* PANEL */
|
|
|
|
/* action label */
|
|
|
|
.monaco-workbench .part.basepanel > .composite.title > .panel-switcher-container > .monaco-action-bar .action-item .action-label {
|
|
display: block !important;
|
|
}
|
|
|
|
.monaco-workbench .part.basepanel > .composite.title > .panel-switcher-container > .monaco-action-bar .action-item .action-label {
|
|
color: #9da5b4 !important;
|
|
text-transform: lowercase;
|
|
}
|
|
|
|
.monaco-workbench .part.basepanel > .composite.title > .panel-switcher-container > .monaco-action-bar .action-item .action-label::first-letter {
|
|
text-transform: uppercase !important;
|
|
}
|
|
|
|
.part.panel.basepanel.bottom {
|
|
color: #9da5b4 !important;
|
|
}
|
|
|
|
|
|
/* PANEL end. */
|
|
|
|
|
|
|
|
/* editor hover widget */
|
|
|
|
.monaco-editor .parameter-hints-widget.multiple,
|
|
.monaco-editor .monaco-hover {
|
|
color: #9da5b4 !important;
|
|
border-radius: 3px !important;
|
|
}
|
|
|
|
|
|
/* panel indicator */
|
|
|
|
.part.basepanel > .composite.title > .panel-switcher-container > .monaco-action-bar .action-item .active-item-indicator:before {
|
|
border: none !important;
|
|
}
|
|
|
|
|
|
/* extension name */
|
|
|
|
.extension-list-item > .details > .description {
|
|
color: rgba(157, 165, 180, 0.6) !important;
|
|
}
|
|
|
|
.extension-list-item > .details > .footer > .author > .publisher-name {
|
|
color: rgba(157, 165, 180, 0.6) !important;
|
|
}
|
|
|
|
|
|
/* workbench hover widget */
|
|
|
|
.monaco-workbench .workbench-hover {
|
|
border-radius: 3px !important;
|
|
background: #4d78cc !important;
|
|
color: #fff !important;
|
|
border-color: #4d78cc !important;
|
|
}
|
|
|
|
.monaco-workbench .workbench-hover-pointer:after {
|
|
background-color: #4d78cc !important;
|
|
border-color: #4d78cc !important;
|
|
/*border-right: 1px solid #181a1f !important;
|
|
border-bottom: 1px solid #181a1f !important;*/
|
|
}
|
|
|
|
|
|
/* settings (UI) */
|
|
|
|
.settings-editor > .settings-header > .settings-header-controls {
|
|
border-color: #181a1f !important;
|
|
}
|
|
|
|
|
|
/* checkbox */
|
|
|
|
.settings-editor > .settings-body .settings-tree-container .setting-item-bool .codicon-check::before,
|
|
.settings-editor > .settings-body .settings-tree-container .setting-item-bool .setting-value-checkbox::after {
|
|
color: #001133 !important;
|
|
}
|
|
|
|
/* .settings-editor>.settings-body .settings-tree-container .setting-item-bool .setting-value-checkbox.checked, */
|
|
.settings-editor > .settings-body .settings-tree-container .setting-item-bool .codicon-check.checked {
|
|
background-color: #568af2 !important;
|
|
}
|
|
|
|
|
|
/* status bar */
|
|
|
|
.monaco-workbench .part.statusbar {
|
|
border-top: 1px solid #181a1f !important;
|
|
}
|
|
|
|
|
|
/* sidebar */
|
|
|
|
.part.sidebar.left,
|
|
.part.sidebar.right {
|
|
color: #9da5b4 !important;
|
|
}
|
|
|
|
.sidebar.right {
|
|
border-left: 1px solid #181a1f !important;
|
|
}
|
|
|
|
.sidebar.left {
|
|
border-right: 1px solid #181a1f;
|
|
}
|
|
|
|
|
|
/* .codicon, */
|
|
|
|
.codicon-notifications-clear-all,
|
|
.codicon-notifications-do-not-disturb,
|
|
.codicon-notifications-hide,
|
|
.codicon-gear,
|
|
|
|
.codicon-edit,
|
|
.codicon-new-folder,
|
|
.codicon-refresh,
|
|
|
|
.codicon-watch-expressions-add-function-breakpoint,
|
|
.codicon-breakpoints-activate,
|
|
.codicon-breakpoints-remove-all,
|
|
.codicon-collapse-all,
|
|
.codicon-watch-expressions-add,
|
|
.codicon-watch-expressions-remove-all,
|
|
|
|
.codicon-debug-console-evaluation-prompt,
|
|
/*.codicon-split-horizontal,*/
|
|
.codicon-terminal-bash,
|
|
.codicon-terminal-cmd,
|
|
.codicon-terminal-powershell,
|
|
.codicon-trashcan,
|
|
.codicon-debug,
|
|
|
|
.codicon-preferences-clear-input,
|
|
.codicon-preferences-filter,
|
|
.codicon-preferences-open-settings,
|
|
.codicon-search-refresh,
|
|
|
|
.codicon-new-file,
|
|
.codicon-save-all,
|
|
.codicon-close-all,
|
|
.codicon-expand-all,
|
|
.codicon-timeline-pin,
|
|
.codicon-timeline-refresh,
|
|
.codicon-timeline-filter,
|
|
.codicon-localHistory-icon,
|
|
|
|
.extension-action.icon,
|
|
.codicon-extension-activation-time,
|
|
.codicon-extensions-install-count,
|
|
.codicon-view-pane-container-expanded,
|
|
.codicon-view-pane-container-collapsed,
|
|
.codicon-preserve-case,
|
|
.codicon-book,
|
|
.codicon-exclude,
|
|
|
|
.codicon-widget-close,
|
|
.codicon-find-previous-match,
|
|
.codicon-find-next-match,
|
|
.codicon-find-replace,
|
|
.codicon-find-replace-all,
|
|
.codicon-find-collapsed,
|
|
.codicon-find-expanded,
|
|
.codicon-search-replace-all,
|
|
.codicon-search-hide-replace,
|
|
.codicon-search-show-replace,
|
|
.codicon-split-vertical,
|
|
.codicon-split-horizontal,
|
|
.codicon-toolbar-more,
|
|
.codicon-terminal,
|
|
.codicon-panel-maximize,
|
|
.codicon-panel-restore {
|
|
color: #9da5b4 !important;
|
|
}
|
|
|
|
|
|
/* breadcrumbs */
|
|
/* .monaco-breadcrumbs .monaco-breadcrumb-item {
|
|
color: var(--vscode-breadcrumb-foreground);
|
|
} */
|
|
|
|
|
|
/* select box */
|
|
|
|
.monaco-action-bar .action-item .monaco-select-box {
|
|
color: #9da5b4 !important;
|
|
}
|
|
|
|
|
|
/* search, extension */
|
|
|
|
.suggest-input-container .suggest-input-placeholder,
|
|
.search-view .search-widget .monaco-inputbox .input::placeholder {
|
|
/* .search-view .search-widget .monaco-inputbox>.ibwrapper>textarea.input::placeholder { */
|
|
color: #9da5b4 !important;
|
|
/* opacity: 1 !important; */
|
|
}
|
|
|
|
.search-view .message {
|
|
color: #9da5b4 !important;
|
|
}
|
|
|
|
.codicon-search-show-context,
|
|
.codicon-preserve-case,
|
|
.codicon-book,
|
|
.codicon-exclude {
|
|
color: #9da5b4 !important;
|
|
border-color: #181a1f !important;
|
|
background-color: #373d48 !important;
|
|
}
|
|
|
|
.codicon-search-show-context.checked,
|
|
.codicon-preserve-case.checked,
|
|
.codicon-book.checked,
|
|
.codicon-exclude.checked {
|
|
color: #fff !important;
|
|
border-color: #181a1f !important;
|
|
background-color: #568af2 !important;
|
|
}
|
|
|
|
|
|
/* find widget */
|
|
|
|
.monaco-editor .find-widget.no-results > .find-part .monaco-inputbox.synthetic-focus .input {
|
|
caret-color: #ff6347;
|
|
}
|
|
|
|
.monaco-editor .find-widget.no-results .matchesCount {
|
|
color: #ff6347;
|
|
}
|
|
|
|
.monaco-editor .find-widget.no-results > .find-part .monaco-inputbox.synthetic-focus {
|
|
border-color: #ff6347 !important;
|
|
box-shadow: 0 0 0 1px #ff6347 !important;
|
|
background-color: #312426 !important;
|
|
}
|
|
|
|
.monaco-editor .find-widget,
|
|
.monaco-editor .find-widget .monaco-findInput .input::placeholder {
|
|
color: #9da5b4 !important;
|
|
}
|
|
|
|
.codicon-case-sensitive,
|
|
.codicon-whole-word,
|
|
.codicon-regex {
|
|
color: #9da5b4 !important;
|
|
border-color: #181a1f !important;
|
|
background-color: #373d48 !important;
|
|
}
|
|
|
|
.codicon-case-sensitive.checked,
|
|
.codicon-whole-word.checked,
|
|
.codicon-regex.checked {
|
|
color: #fff !important;
|
|
border-color: #181a1f !important;
|
|
background-color: #568af2 !important;
|
|
}
|
|
|
|
|
|
/* tab (for panel && editor) */
|
|
|
|
.monaco-workbench .part.basepanel.bottom > .composite.title > .panel-switcher-container > .monaco-action-bar .action-item:first-of-type,
|
|
.tabs-container > .tab:first-of-type {
|
|
border-left-color: transparent;
|
|
}
|
|
|
|
.monaco-workbench .part.panel.basepanel.bottom .composite.title,
|
|
.editor-group-container > .title .tabs-container {
|
|
box-shadow: inset 0 -1px 0 #181a1f;
|
|
}
|
|
|
|
.monaco-workbench .part.basepanel.bottom > .composite.title > .panel-switcher-container > .monaco-action-bar .action-item.icon:last-of-type {
|
|
box-shadow: none !important;
|
|
border-left: none !important;
|
|
}
|
|
|
|
.monaco-workbench .part.basepanel.bottom > .composite.title > .panel-switcher-container > .monaco-action-bar .action-item:last-of-type,
|
|
.tabs-container > .tab:last-of-type {
|
|
box-shadow: inset 0 -1px 0 #181a1f, 1px 0 0 #181a1f;
|
|
}
|
|
|
|
.monaco-workbench .part.basepanel.bottom > .composite.title > .panel-switcher-container > .monaco-action-bar .action-item.checked:last-of-type,
|
|
.tabs-container > .tab.active:last-of-type {
|
|
box-shadow: 1px 0 0 #181a1f;
|
|
}
|
|
|
|
.monaco-workbench .part.basepanel.bottom > .composite.title > .panel-switcher-container > .monaco-action-bar .action-item,
|
|
.monaco-workbench .part.basepanel.bottom > .composite.title > .panel-switcher-container > .monaco-action-bar .action-item.checked,
|
|
.tabs-container > .tab,
|
|
.tabs-container > .tab.active {
|
|
flex: 1 1 0;
|
|
max-width: 22em;
|
|
min-width: 7em !important;
|
|
}
|
|
|
|
.monaco-workbench .part.basepanel.bottom > .composite.title > .panel-switcher-container > .monaco-action-bar .action-item.checked,
|
|
.tabs-container > .tab.active {
|
|
color: #d7dae0;
|
|
background-color: #282c34;
|
|
box-shadow: none;
|
|
width: -webkit-fit-content;
|
|
}
|
|
|
|
.monaco-workbench .part.basepanel.bottom > .composite.title > .panel-switcher-container > .monaco-action-bar .action-item,
|
|
.tabs-container > .tab {
|
|
border-left: 1.4px solid #181a1f;
|
|
border-right: none !important;
|
|
transition: max-width 0.25s ease-in-out;
|
|
box-shadow: inherit;
|
|
}
|
|
|
|
|
|
/* active tab(editor, panel) border */
|
|
|
|
.monaco-workbench .part.panel:focus-within > .composite.title > .panel-switcher-container > .monaco-action-bar .action-item.checked .action-label::before,
|
|
.monaco-workbench .part.panel > .composite.title > .panel-switcher-container > .monaco-action-bar .action-item.checked:active .action-label::before,
|
|
.part.editor > .content .editor-group-container:focus-within .tabs-container > .tab.active:before {
|
|
background: #568af2;
|
|
}
|
|
|
|
.monaco-workbench .part.panel > .composite.title > .panel-switcher-container > .monaco-action-bar .action-item.checked .action-label::before,
|
|
.part.editor > .content .active .tabs-container > .tab.active:before {
|
|
content: "";
|
|
position: absolute;
|
|
pointer-events: none;
|
|
z-index: 2;
|
|
top: 0;
|
|
left: -1px;
|
|
bottom: 0;
|
|
width: 2px;
|
|
background: #4f545e;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
|
|
.part.editor > .content .split-view-view:not(:first-child) .active .tabs-container > .tab.active:before {
|
|
left: 0 !important;
|
|
}
|
|
|
|
|
|
/* tab close btn */
|
|
|
|
.tabs-container > .tab.dirty:not(:hover) .codicon-close::before {
|
|
content: "\ea71" !important;
|
|
/* display: inline-block; */
|
|
}
|
|
|
|
.tabs-container > .tab .codicon-close::before {
|
|
content: "\ea76" !important;
|
|
}
|
|
|
|
.codicon-panel-close,
|
|
.tabs-container > .tab .codicon-close {
|
|
border-radius: 3px;
|
|
transform: scale(0);
|
|
transition: transform .08s;
|
|
}
|
|
|
|
.tabs-container > .tab.dirty:not(:hover) .codicon-close {
|
|
color: #568af2 !important;
|
|
border-radius: 3px;
|
|
border: none;
|
|
transform: scale(1);
|
|
}
|
|
|
|
.part.basepanel > .title:has(.title-actions:hover) .codicon-panel-close,
|
|
.part.basepanel > .title > .global-actions:hover .codicon-panel-close,
|
|
.tabs-container > .tab:hover .codicon-close {
|
|
transform: scale(1);
|
|
transition-duration: .16s;
|
|
}
|
|
|
|
.codicon-panel-close:hover,
|
|
.tabs-container > .tab .codicon-close:hover {
|
|
color: #001133 !important;
|
|
background-color: #568af2 !important;
|
|
}
|
|
|
|
.tabs-container > .tab.dirty:hover .codicon-close:hover {
|
|
color: #fff !important;
|
|
}
|
|
|
|
.tabs-container > .tab.dirty:hover .codicon-close {
|
|
color: #568af2 !important;
|
|
}
|
|
|
|
|
|
/* button border */
|
|
|
|
.monaco-button.monaco-text-button {
|
|
border: 1px solid #181a1f;
|
|
}
|
|
|
|
|
|
|
|
/* keybinding label */
|
|
|
|
|
|
.quick-input-list .monaco-keybinding > .monaco-keybinding-key:has(~ .monaco-keybinding-key-separator) {
|
|
margin-right: 0 !important;
|
|
}
|
|
|
|
.quick-input-list .monaco-keybinding > .monaco-keybinding-key:has(+ .monaco-keybinding-key-chord-separator) {
|
|
border-top-right-radius: 3px !important;
|
|
border-bottom-right-radius: 3px !important;
|
|
}
|
|
|
|
.quick-input-list .monaco-keybinding > .monaco-keybinding-key-chord-separator + .monaco-keybinding-key {
|
|
border-top-left-radius: 3px !important;
|
|
border-bottom-left-radius: 3px !important;
|
|
}
|
|
|
|
.quick-input-list .monaco-keybinding > .monaco-keybinding-key:first-child {
|
|
border-top-left-radius: 3px !important;
|
|
border-bottom-left-radius: 3px !important;
|
|
}
|
|
|
|
.quick-input-list .monaco-keybinding > .monaco-keybinding-key:last-child {
|
|
border-top-right-radius: 3px !important;
|
|
border-bottom-right-radius: 3px !important;
|
|
}
|
|
|
|
.quick-input-list .monaco-keybinding > .monaco-keybinding-key {
|
|
margin-left: 0;
|
|
}
|
|
|
|
/* .quick-input-list .monaco-keybinding>.monaco-keybinding-key-separator:has(~ .monaco-keybinding-key) {
|
|
margin-left: 0 !important;
|
|
} */
|
|
|
|
.monaco-keybinding {
|
|
line-height: 2 !important;
|
|
}
|
|
|
|
.quick-input-list .monaco-keybinding > .monaco-keybinding-key,
|
|
.quick-input-list .monaco-keybinding > .monaco-keybinding-key-separator {
|
|
color: #fff !important;
|
|
background-color: #4d78cc !important;
|
|
}
|
|
|
|
.quick-input-list .monaco-keybinding > .monaco-keybinding-key-separator {
|
|
line-height: 22px !important;
|
|
}
|
|
|
|
.quick-input-list .monaco-keybinding > .monaco-keybinding-key {
|
|
/* border-radius: 3px; */
|
|
border-radius: 0;
|
|
border: transparent !important;
|
|
box-shadow: none !important;
|
|
padding: 0 0.375em !important;
|
|
}
|
|
|
|
|
|
/* center count-badge */
|
|
|
|
.extensions-viewlet > .extensions .extension-view-header .count-badge-wrapper {
|
|
display: flex !important;
|
|
align-items: center !important;
|
|
}
|
|
|
|
.extension-list-item > .icon-container .extension-badge {
|
|
display: flex !important;
|
|
align-items: center !important;
|
|
}
|
|
|
|
|
|
/* notifications center header */
|
|
|
|
.monaco-workbench > .notifications-center > .notifications-center-header > .notifications-center-header-title {
|
|
color: #9da5b4 !important;
|
|
}
|
|
|
|
/* notifications toolbar */
|
|
|
|
.notification-list-item .notification-list-item-toolbar-container .action-item .codicon {
|
|
/* color: inherit !important; */
|
|
color: black !important;
|
|
opacity: .4 !important;
|
|
background: none !important;
|
|
}
|
|
|
|
.notification-list-item .notification-list-item-toolbar-container .action-item .codicon:hover {
|
|
opacity: 1 !important;
|
|
}
|
|
|
|
|
|
/* notifications */
|
|
|
|
:where(.notifications-list-container) .monaco-list-row:has( :is(.codicon-error)) {
|
|
color: #7a1200 !important;
|
|
background-color: #e89d96 !important;
|
|
}
|
|
|
|
:where(.notifications-list-container) .monaco-list-row:has( :is(.codicon-warning)) {
|
|
color: #835b21 !important;
|
|
background-color: #f3bf44 !important;
|
|
}
|
|
|
|
:where(.notifications-list-container) .monaco-list-row:has( :is(.codicon-info)) {
|
|
color: #0e3377 !important;
|
|
background-color: #7ebef7 !important;
|
|
}
|
|
|
|
|
|
|
|
/* notifications buttons */
|
|
|
|
|
|
.notifications-list-container .monaco-list-row:has(.codicon-info) .monaco-text-button {
|
|
color: #d7dae0 !important;
|
|
text-shadow: none !important;
|
|
border: 1px solid #181a1f !important;
|
|
background-color: #0f82e6 !important;
|
|
background-image: linear-gradient(#0f87f0, #0f82e6) !important;
|
|
color: white !important;
|
|
}
|
|
|
|
.notifications-list-container .monaco-list-row:has(.codicon-info) .monaco-text-button:hover {
|
|
color: #ffffff !important;
|
|
background-image: linear-gradient(#1e8ef1, #1489f0) !important;
|
|
}
|
|
|
|
.notifications-list-container .monaco-list-row:has(.codicon-info) .monaco-text-button:active {
|
|
background: #0d77d3 !important;
|
|
box-shadow: none !important;
|
|
}
|
|
|
|
.notifications-list-container .monaco-list-row:has(.codicon-info) .monaco-text-button:focus {
|
|
outline: none !important;
|
|
}
|
|
|
|
.notifications-list-container .monaco-list-row:has(.codicon-info) .monaco-text-button:hover,
|
|
.notifications-list-container .monaco-list-row:has(.codicon-info) .monaco-text-button:focus {
|
|
color: white !important;
|
|
}
|
|
|
|
.notifications-list-container .monaco-list-row:has(.codicon-info) .monaco-text-button:focus {
|
|
border-color: transparent !important;
|
|
background-clip: padding-box !important;
|
|
box-shadow: inset 0 0 0 1px rgba(24, 26, 31, 0.5), 0 0 0 1px #0f82e6 !important;
|
|
}
|
|
|
|
.notifications-list-container .monaco-list-row:has(.codicon-warning) .monaco-text-button {
|
|
color: #d7dae0 !important;
|
|
text-shadow: none !important;
|
|
border: 1px solid #181a1f !important;
|
|
background-color: #ad7c0b !important;
|
|
background-image: linear-gradient(#b6830c, #ad7c0b) !important;
|
|
color: white !important;
|
|
}
|
|
|
|
.notifications-list-container .monaco-list-row:has(.codicon-warning) .monaco-text-button:hover {
|
|
color: #ffffff !important;
|
|
background-image: linear-gradient(#c58d0d, #bb860c) !important;
|
|
}
|
|
|
|
.notifications-list-container .monaco-list-row:has(.codicon-warning) .monaco-text-button:active {
|
|
background: #996e0a !important;
|
|
box-shadow: none !important;
|
|
}
|
|
|
|
.notifications-list-container .monaco-list-row:has(.codicon-warning) .monaco-text-button:focus {
|
|
outline: none !important;
|
|
}
|
|
|
|
.notifications-list-container .monaco-list-row:has(.codicon-warning) .monaco-text-button:hover,
|
|
.notifications-list-container .monaco-list-row:has(.codicon-warning) .monaco-text-button:focus {
|
|
color: white !important;
|
|
}
|
|
|
|
.notifications-list-container .monaco-list-row:has(.codicon-warning) .monaco-text-button:focus {
|
|
border-color: transparent !important;
|
|
background-clip: padding-box !important;
|
|
box-shadow: inset 0 0 0 1px rgba(24, 26, 31, 0.5), 0 0 0 1px #ad7c0b !important;
|
|
}
|
|
|
|
.notifications-list-container .monaco-list-row:has(.codicon-error) .monaco-text-button {
|
|
color: #d7dae0 !important;
|
|
text-shadow: none !important;
|
|
border: 1px solid #181a1f !important;
|
|
background-color: #d13b2e !important;
|
|
background-image: linear-gradient(#d34336, #d13b2e) !important;
|
|
color: white !important;
|
|
}
|
|
|
|
.notifications-list-container .monaco-list-row:has(.codicon-error) .monaco-text-button:hover {
|
|
color: #ffffff !important;
|
|
background-image: linear-gradient(#d64f43, #d4473a) !important;
|
|
}
|
|
|
|
.notifications-list-container .monaco-list-row:has(.codicon-error) .monaco-text-button:active {
|
|
background: #c0372a !important;
|
|
box-shadow: none !important;
|
|
}
|
|
|
|
.notifications-list-container .monaco-list-row:has(.codicon-error) .monaco-text-button:focus {
|
|
outline: none !important;
|
|
}
|
|
|
|
.notifications-list-container .monaco-list-row:has(.codicon-error) .monaco-text-button:hover,
|
|
.notifications-list-container .monaco-list-row:has(.codicon-error) .monaco-text-button:focus {
|
|
color: white !important;
|
|
}
|
|
|
|
.notifications-list-container .monaco-list-row:has(.codicon-error) .monaco-text-button:focus {
|
|
border-color: transparent !important;
|
|
background-clip: padding-box !important;
|
|
box-shadow: inset 0 0 0 1px rgba(24, 26, 31, 0.5), 0 0 0 1px #d13b2e !important;
|
|
}
|
|
|
|
|
|
/* scrollbar */
|
|
|
|
canvas.decorationsOverviewRuler,
|
|
.monaco-scrollable-element > .scrollbar.vertical,
|
|
.monaco-scrollable-element > .vertical > .slider {
|
|
width: 10px !important;
|
|
}
|
|
|
|
.monaco-scrollable-element > .scrollbar.horizontal,
|
|
.monaco-scrollable-element > .horizontal > .slider {
|
|
height: 10px !important;
|
|
}
|
|
|
|
.quick-input-list > .monaco-list > .monaco-scrollable-element > .visible,
|
|
.quick-input-list > .monaco-list > .monaco-scrollable-element > .invisible.vertical {
|
|
background: #21252b !important;
|
|
}
|
|
|
|
.monaco-scrollable-element > .visible,
|
|
.monaco-scrollable-element > .invisible.fade {
|
|
transition: none !important;
|
|
}
|
|
|
|
/*.monaco-scrollable-element>.invisible.fade,*/
|
|
.quick-input-list > .monaco-list > .monaco-scrollable-element > .invisible.vertical.fade {
|
|
opacity: 1 !important;
|
|
pointer-events: all !important;
|
|
}
|
|
|
|
.monaco-scrollable-element > .scrollbar > .slider {
|
|
box-sizing: border-box !important;
|
|
border-radius: 5px !important;
|
|
border: 3px solid !important;
|
|
border-color: rgba(40, 44, 52, 0) !important;
|
|
/* background: #4b5362 !important; */
|
|
background-color: rgba(75, 83, 98, 1) !important;
|
|
background-clip: content-box !important;
|
|
}
|
|
|
|
.quick-input-list > .monaco-list > .monaco-scrollable-element > .scrollbar > .slider {
|
|
background: #4b5362 !important;
|
|
border-color: #21252b !important;
|
|
}
|
|
|
|
.monaco-scrollable-element > .vertical > .slider:active {
|
|
border-radius: 0 !important;
|
|
border-left-width: 0 !important;
|
|
border-right-width: 0 !important;
|
|
}
|
|
|
|
.monaco-scrollable-element > .horizontal > .slider:active {
|
|
border-radius: 0 !important;
|
|
border-top-width: 0 !important;
|
|
border-bottom-width: 0 !important;
|
|
}
|
|
|
|
.quick-input-widget {
|
|
top: 50px !important;
|
|
/* no margin here. */
|
|
box-sizing: border-box !important;
|
|
color: #9da5b4;
|
|
padding-bottom: 0.75em !important;
|
|
box-shadow: 0 6px 12px -2px rgba(0, 0, 0, 0.4), 0 0 0 100vw rgba(8, 9, 10, 0.75) !important;
|
|
}
|
|
|
|
/* .quick-input-header {
|
|
display: flex;
|
|
padding: 0.75em;
|
|
} */
|
|
|
|
.quick-input-widget.hidden-input .quick-input-header {
|
|
padding: 0 !important;
|
|
margin-bottom: 0 !important;
|
|
}
|
|
|
|
.quick-input-header {
|
|
/* display: flex; */
|
|
padding: 0.75em !important;
|
|
}
|
|
|
|
.quick-input-list .monaco-scrollable-element {
|
|
margin: 0 !important;
|
|
padding: 0 !important;
|
|
}
|
|
|
|
.quick-input-widget.hidden-input .quick-input-list {
|
|
margin-top: 0.75em !important;
|
|
}
|
|
|
|
.quick-input-list {
|
|
display: block !important;
|
|
border: 1.5px solid #181a1f !important;
|
|
position: relative !important;
|
|
overflow-y: auto !important;
|
|
max-height: 312px !important;
|
|
/* margin: 0 0.75em 0.75em !important; */
|
|
margin: 0 0.75em 0 !important;
|
|
padding: 0 !important;
|
|
list-style: none !important;
|
|
cursor: default !important;
|
|
}
|
|
|
|
.quick-input-list .monaco-list {
|
|
max-height: 312px !important;
|
|
margin: 0 !important;
|
|
padding: 0 !important;
|
|
}
|
|
|
|
.quick-input-list .monaco-list .monaco-list-rows {
|
|
background-color: #292d35 !important;
|
|
}
|
|
|
|
.quick-input-list .monaco-list-row.focused {
|
|
/* color: #d7dae0; */
|
|
background-color: #3a3f4b !important;
|
|
}
|
|
|
|
.quick-input-list .monaco-list .monaco-list-row {
|
|
position: static !important;
|
|
height: auto !important;
|
|
display: block !important;
|
|
padding: 0.75em 1em !important;
|
|
line-height: 2em !important;
|
|
border-bottom: 1.5px solid #181a1f !important;
|
|
border-radius: 0 !important;
|
|
color: #9da5b4;
|
|
}
|
|
|
|
.quick-input-list .monaco-list-row:last-of-type {
|
|
border-bottom: none !important;
|
|
}
|
|
|
|
.monaco-findInput > div {
|
|
overflow: visible !important;
|
|
}
|
|
|
|
.suggest-input-container,
|
|
.monaco-inputbox.idle {
|
|
border: 1px solid #181a1f !important;
|
|
background-color: #1b1d23 !important;
|
|
border-radius: 3px !important;
|
|
}
|
|
|
|
/* .monaco-editor.focused, */
|
|
.suggest-input-container.synthetic-focus,
|
|
.monaco-inputbox.synthetic-focus {
|
|
overflow: visible !important;
|
|
outline: none !important;
|
|
border-color: #568af2 !important;
|
|
box-shadow: 0 0 0 1px #568af2 !important;
|
|
background-color: #202634 !important;
|
|
}
|
|
|
|
.monaco-editor .suggest-widget > .message {
|
|
border-radius: 3px;
|
|
padding-bottom: 1em;
|
|
background-color: #252830;
|
|
}
|
|
|
|
.monaco-editor .suggest-widget {
|
|
background: transparent !important;
|
|
border: none !important;
|
|
position: fixed;
|
|
/* z-index: 12; */
|
|
contain: layout style;
|
|
display: block;
|
|
}
|
|
|
|
.monaco-editor .suggest-widget .monaco-list {
|
|
position: relative;
|
|
margin-left: -39px;
|
|
width: auto !important;
|
|
background-color: #252830 !important;
|
|
box-shadow: 0 2px 8px 1px rgba(0, 0, 0, 0.3);
|
|
border-radius: 3px;
|
|
min-width: 243px;
|
|
padding: 0;
|
|
overflow: hidden;
|
|
color: #9da5b4;
|
|
}
|
|
|
|
.monaco-editor .suggest-widget .monaco-list-rows {
|
|
background-color: transparent;
|
|
border: none;
|
|
padding: 0;
|
|
position: relative;
|
|
overflow-y: scroll;
|
|
margin-top: 0;
|
|
display: table;
|
|
width: 100%;
|
|
margin-right: 10px;
|
|
list-style: none;
|
|
cursor: default;
|
|
}
|
|
|
|
.monaco-editor .suggest-widget .monaco-list-row {
|
|
display: table-row;
|
|
color: #9da5b4;
|
|
line-height: 2em;
|
|
/* padding-left: 0.375em; */
|
|
padding-left: 0;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.monaco-editor .suggest-widget .monaco-list-row.focused {
|
|
background-color: #3a3f4b !important;
|
|
}
|
|
|
|
/* .monaco-editor .suggest-widget .codicon[class*=-variable] { */
|
|
/* .monaco-editor .suggest-widget .codicon-symbol-snippet[class*=codicon-] { */
|
|
.monaco-editor .suggest-widget .codicon[class*=codicon-] {
|
|
color: rgba(157, 165, 180, 0.6);
|
|
background: rgba(157, 165, 180, 0.1);
|
|
/* .monaco-editor .suggest-widget .codicon[class*=codicon-symbol-function] { */
|
|
font-size: 14px;
|
|
display: inline-block !important;
|
|
height: inherit;
|
|
min-width: 2em;
|
|
padding-left: 0;
|
|
margin-right: 0.75em !important;
|
|
line-height: 2em;
|
|
text-align: center;
|
|
font-style: normal;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.monaco-editor .suggest-widget .codicon[class*=codicon-symbol-attribute] {
|
|
color: #d19a66 !important;
|
|
background: rgba(209, 154, 102, 0.2);
|
|
}
|
|
|
|
.monaco-editor .suggest-widget .codicon[class*=codicon-symbol-builtin] {
|
|
color: #c678dd !important;
|
|
background: rgba(198, 120, 221, 0.2);
|
|
}
|
|
|
|
.monaco-editor .suggest-widget .codicon[class*=codicon-symbol-class] {
|
|
color: #e5c07b !important;
|
|
background: rgba(229, 192, 123, 0.2);
|
|
}
|
|
|
|
.monaco-editor .suggest-widget .codicon[class*=codicon-symbol-constant] {
|
|
color: #d19a66 !important;
|
|
background: rgba(209, 154, 102, 0.2);
|
|
}
|
|
|
|
.monaco-editor .suggest-widget .codicon[class*=codicon-symbol-function] {
|
|
color: #61afef !important;
|
|
background: rgba(97, 175, 239, 0.2);
|
|
}
|
|
|
|
.monaco-editor .suggest-widget .codicon[class*=codicon-symbol-import] {
|
|
color: #c678dd !important;
|
|
background: rgba(198, 120, 221, 0.2);
|
|
}
|
|
|
|
.monaco-editor .suggest-widget .codicon[class*=codicon-symbol-keyword] {
|
|
color: #c678dd !important;
|
|
background: rgba(198, 120, 221, 0.2);
|
|
}
|
|
|
|
.monaco-editor .suggest-widget .codicon[class*=codicon-symbol-method] {
|
|
color: #61afef !important;
|
|
background: rgba(97, 175, 239, 0.2);
|
|
}
|
|
|
|
.monaco-editor .suggest-widget .codicon[class*=codicon-symbol-module] {
|
|
color: #c678dd !important;
|
|
background: rgba(198, 120, 221, 0.2);
|
|
}
|
|
|
|
.monaco-editor .suggest-widget .codicon[class*=codicon-symbol-mixin] {
|
|
color: #e5c07b !important;
|
|
background: rgba(229, 192, 123, 0.2);
|
|
}
|
|
|
|
.monaco-editor .suggest-widget .codicon[class*=codicon-symbol-package] {
|
|
color: #c678dd !important;
|
|
background: rgba(198, 120, 221, 0.2);
|
|
}
|
|
|
|
.monaco-editor .suggest-widget .codicon[class*=codicon-symbol-property] {
|
|
color: #abb2bf !important;
|
|
background: rgba(171, 178, 191, 0.2);
|
|
}
|
|
|
|
.monaco-editor .suggest-widget .codicon[class*=codicon-symbol-require] {
|
|
color: #c678dd !important;
|
|
background: rgba(198, 120, 221, 0.2);
|
|
}
|
|
|
|
.monaco-editor .suggest-widget .codicon[class*=codicon-symbol-snippet] {
|
|
color: #98c379 !important;
|
|
background: rgba(152, 195, 121, 0.2);
|
|
}
|
|
|
|
.monaco-editor .suggest-widget .codicon[class*=codicon-symbol-tag] {
|
|
color: #e06c75 !important;
|
|
background: rgba(224, 108, 117, 0.2);
|
|
}
|
|
|
|
.monaco-editor .suggest-widget .codicon[class*=codicon-symbol-type] {
|
|
color: #e5c07b !important;
|
|
background: rgba(229, 192, 123, 0.2);
|
|
}
|
|
|
|
.monaco-editor .suggest-widget .codicon[class*=codicon-symbol-value] {
|
|
color: #abb2bf !important;
|
|
background: rgba(171, 178, 191, 0.2);
|
|
}
|
|
|
|
.monaco-editor .suggest-widget .codicon[class*=codicon-symbol-variable] {
|
|
color: #e06c75 !important;
|
|
background: rgba(224, 108, 117, 0.2);
|
|
}
|
|
|
|
.monaco-editor .suggest-widget .codicon[class*=codicon-symbol-selector] {
|
|
color: #d19a66 !important;
|
|
background: rgba(209, 154, 102, 0.2);
|
|
}
|
|
|
|
.monaco-editor .suggest-widget .codicon[class*=codicon-symbol-pseudo-selector] {
|
|
color: #d19a66 !important;
|
|
background: rgba(209, 154, 102, 0.2);
|
|
}
|
|
}
|