Skip to content

Instantly share code, notes, and snippets.

@aeschli
Created November 18, 2022 13:32
Show Gist options
  • Save aeschli/8aa2f09d75d004c8b48a91ec1457008d to your computer and use it in GitHub Desktop.
Save aeschli/8aa2f09d75d004c8b48a91ec1457008d to your computer and use it in GitHub Desktop.
Stylesheet with color variables
.monaco-editor,
.monaco-editor-background {
background-color: var(--vscode-editor-background);
}
.monaco-editor .inputarea.ime-input {
background-color: var(--vscode-editor-lineHighlightBackground);
}
.monaco-editor,
.monaco-editor .inputarea.ime-input {
color: var(--vscode-editor-foreground);
}
.monaco-editor .margin {
background-color: var(--vscode-editorGutter-background);
}
.monaco-editor .rangeHighlight {
background-color: var(--vscode-editor-rangeHighlightBackground);
}
.monaco-editor .rangeHighlight {
border: 1px solid var(--vscode-editor-rangeHighlightBorder);
}
.monaco-editor .symbolHighlight {
background-color: var(--vscode-editor-symbolHighlightBackground);
}
.monaco-editor .symbolHighlight {
border: 1px solid var(--vscode-editor-symbolHighlightBorder);
}
.monaco-editor .mtkw {
color: var(--vscode-editorWhitespace-foreground) !important;
}
.monaco-editor .mtkz {
color: var(--vscode-editorWhitespace-foreground) !important;
}
.monaco-editor .view-overlays .debug-top-stack-frame-line {
background: var(--vscode-editor-stackFrameHighlightBackground);
}
.monaco-editor .view-overlays .debug-focused-stack-frame-line {
background: var(--vscode-editor-focusedStackFrameHighlightBackground);
}
.monaco-workbench {
color: var(--vscode-foreground);
}
.monaco-workbench {
background-color: #252526;
}
.codicon {
color: var(--vscode-icon-foreground);
}
.monaco-workbench ::selection {
background-color: var(--vscode-selection-background);
}
.monaco-workbench input::placeholder {
color: var(--vscode-input-placeholderForeground);
}
.monaco-workbench input::-webkit-input-placeholder {
color: var(--vscode-input-placeholderForeground);
}
.monaco-workbench input::-moz-placeholder {
color: var(--vscode-input-placeholderForeground);
}
.monaco-workbench textarea::placeholder {
color: var(--vscode-input-placeholderForeground);
}
.monaco-workbench textarea::-webkit-input-placeholder {
color: var(--vscode-input-placeholderForeground);
}
.monaco-workbench textarea::-moz-placeholder {
color: var(--vscode-input-placeholderForeground);
}
.monaco-workbench .monaco-list .monaco-list-row .monaco-highlighted-label .highlight {
color: var(--vscode-list-highlightForeground);
}
.monaco-workbench .monaco-list .monaco-list-row.focused .monaco-highlighted-label .highlight {
color: var(--vscode-list-focusHighlightForeground);
}
.monaco-workbench [tabindex="0"]:focus,
.monaco-workbench [tabindex="-1"]:focus,
.monaco-workbench .synthetic-focus,
.monaco-workbench select:focus,
.monaco-workbench .monaco-list:not(.element-focused):focus:before,
.monaco-workbench input[type="button"]:focus,
.monaco-workbench input[type="text"]:focus,
.monaco-workbench button:focus,
.monaco-workbench textarea:focus,
.monaco-workbench input[type="search"]:focus,
.monaco-workbench input[type="checkbox"]:focus {
outline-color: var(--vscode-focusBorder);
}
.monaco-action-bar:not(.vertical) .action-label:not(.disabled):hover {
background-color: var(--vscode-toolbar-hoverBackground);
}
.monaco-action-bar:not(.vertical) .monaco-dropdown-with-primary:not(.disabled):hover {
background-color: var(--vscode-toolbar-hoverBackground);
}
.monaco-action-bar:not(.vertical) .action-item.active .action-label:not(.disabled),
.monaco-action-bar:not(.vertical) .monaco-dropdown.active .action-label:not(.disabled) {
background-color: var(--vscode-toolbar-activeBackground);
}
.monaco-action-bar:not(.vertical) .action-item .action-label:hover:not(.disabled) {
outline: 1px dashed var(--vscode-toolbar-hoverOutline);
outline-offset: -1px;
}
.monaco-editor .testing-inline-message-severity-0 {
background: var(--vscode-testing-message-error-lineBackground);
}
.monaco-editor .testing-inline-message-severity-1 {
background: var(--vscode-testing-message-info-lineBackground);
}
.testing-filter-action-item>.monaco-action-bar .testing-filter-button.checked {
border-color: var(--vscode-inputOption-activeBorder);
}
.testing-filter-action-item>.monaco-action-bar .testing-filter-button.checked {
color: var(--vscode-inputOption-activeForeground);
}
.testing-filter-action-item>.monaco-action-bar .testing-filter-button.checked {
background-color: var(--vscode-inputOption-activeBackground);
}
.monaco-workbench .part>.title>.title-actions .action-label.codicon-testing-autorun::after {
background-color: var(--vscode-activityBarBadge-background);
}
.monaco-workbench .codicon.codicon-testing-error-icon {
color: var(--vscode-testing-iconErrored) !important;
}
.monaco-workbench .codicon.codicon-testing-failed-icon {
color: var(--vscode-testing-iconFailed) !important;
}
.monaco-workbench .codicon.codicon-testing-passed-icon {
color: var(--vscode-testing-iconPassed) !important;
}
.monaco-workbench .codicon.codicon-testing-queued-icon {
color: var(--vscode-testing-iconQueued) !important;
}
.monaco-workbench .codicon.codicon-testing-skipped-icon {
color: var(--vscode-testing-iconSkipped) !important;
}
.monaco-workbench .codicon.codicon-testing-unset-icon {
color: var(--vscode-testing-iconUnset) !important;
}
.monaco-editor .codicon.codicon-testing-run-icon,
.monaco-editor .codicon.codicon-testing-run-all-icon {
color: var(--vscode-testing-runAction);
}
.monaco-workbench>.welcomeOverlay>.key {
color: var(--vscode-foreground);
}
.monaco-workbench>.welcomeOverlay {
background: rgba(0, 0, 0, 0.52);
}
.monaco-workbench>.welcomeOverlay>.key>.shortcut {
color: var(--vscode-textPreformat-foreground);
}
.monaco-editor .zone-widget .codicon.codicon-error,
.markers-panel .marker-icon.codicon.codicon-error,
.text-search-provider-messages .providerMessage .codicon.codicon-error,
.extensions-viewlet>.extensions .codicon.codicon-error {
color: var(--vscode-problemsErrorIcon-foreground);
}
.monaco-editor .zone-widget .codicon.codicon-warning,
.markers-panel .marker-icon.codicon.codicon-warning,
.extensions-viewlet>.extensions .codicon.codicon-warning,
.extension-editor .codicon.codicon-warning,
.text-search-provider-messages .providerMessage .codicon.codicon-warning,
.preferences-editor .codicon.codicon-warning {
color: var(--vscode-problemsWarningIcon-foreground);
}
.monaco-editor .zone-widget .codicon.codicon-info,
.markers-panel .marker-icon.codicon.codicon-info,
.extensions-viewlet>.extensions .codicon.codicon-info,
.text-search-provider-messages .providerMessage .codicon.codicon-info,
.extension-editor .codicon.codicon-info {
color: var(--vscode-problemsInfoIcon-foreground);
}
.monaco-editor .unexpected-closing-bracket {
color: var(--vscode-editorBracketHighlight-unexpectedBracket-foreground);
}
.monaco-editor .bracket-highlighting-0 {
color: var(--vscode-editorBracketHighlight-foreground1);
}
.monaco-editor .bracket-highlighting-1 {
color: var(--vscode-editorBracketHighlight-foreground2);
}
.monaco-editor .bracket-highlighting-2 {
color: var(--vscode-editorBracketHighlight-foreground3);
}
.monaco-editor .bracket-highlighting-3 {
color: var(--vscode-editorBracketHighlight-foreground4);
}
.monaco-editor .bracket-highlighting-4 {
color: var(--vscode-editorBracketHighlight-foreground5);
}
.monaco-editor .bracket-highlighting-5 {
color: var(--vscode-editorBracketHighlight-foreground6);
}
.monaco-editor .bracket-highlighting-6 {
color: var(--vscode-editorBracketHighlight-foreground1);
}
.monaco-editor .bracket-highlighting-7 {
color: var(--vscode-editorBracketHighlight-foreground2);
}
.monaco-editor .bracket-highlighting-8 {
color: var(--vscode-editorBracketHighlight-foreground3);
}
.monaco-editor .bracket-highlighting-9 {
color: var(--vscode-editorBracketHighlight-foreground4);
}
.monaco-editor .bracket-highlighting-10 {
color: var(--vscode-editorBracketHighlight-foreground5);
}
.monaco-editor .bracket-highlighting-11 {
color: var(--vscode-editorBracketHighlight-foreground6);
}
.monaco-editor .bracket-highlighting-12 {
color: var(--vscode-editorBracketHighlight-foreground1);
}
.monaco-editor .bracket-highlighting-13 {
color: var(--vscode-editorBracketHighlight-foreground2);
}
.monaco-editor .bracket-highlighting-14 {
color: var(--vscode-editorBracketHighlight-foreground3);
}
.monaco-editor .bracket-highlighting-15 {
color: var(--vscode-editorBracketHighlight-foreground4);
}
.monaco-editor .bracket-highlighting-16 {
color: var(--vscode-editorBracketHighlight-foreground5);
}
.monaco-editor .bracket-highlighting-17 {
color: var(--vscode-editorBracketHighlight-foreground6);
}
.monaco-editor .bracket-highlighting-18 {
color: var(--vscode-editorBracketHighlight-foreground1);
}
.monaco-editor .bracket-highlighting-19 {
color: var(--vscode-editorBracketHighlight-foreground2);
}
.monaco-editor .bracket-highlighting-20 {
color: var(--vscode-editorBracketHighlight-foreground3);
}
.monaco-editor .bracket-highlighting-21 {
color: var(--vscode-editorBracketHighlight-foreground4);
}
.monaco-editor .bracket-highlighting-22 {
color: var(--vscode-editorBracketHighlight-foreground5);
}
.monaco-editor .bracket-highlighting-23 {
color: var(--vscode-editorBracketHighlight-foreground6);
}
.monaco-editor .bracket-highlighting-24 {
color: var(--vscode-editorBracketHighlight-foreground1);
}
.monaco-editor .bracket-highlighting-25 {
color: var(--vscode-editorBracketHighlight-foreground2);
}
.monaco-editor .bracket-highlighting-26 {
color: var(--vscode-editorBracketHighlight-foreground3);
}
.monaco-editor .bracket-highlighting-27 {
color: var(--vscode-editorBracketHighlight-foreground4);
}
.monaco-editor .bracket-highlighting-28 {
color: var(--vscode-editorBracketHighlight-foreground5);
}
.monaco-editor .bracket-highlighting-29 {
color: var(--vscode-editorBracketHighlight-foreground6);
}
.monaco-workbench .feedback-form .sentiment.checked {
border: 1px solid var(--vscode-inputOption-activeBorder);
}
.monaco-workbench .feedback-form .content .channels a {
color: var(--vscode-textLink-foreground);
}
.monaco-editor .lines-content .core-guide-indent {
box-shadow: 1px 0 0 0 var(--vscode-editorIndentGuide-background) inset;
}
.monaco-editor .lines-content .core-guide-indent-active {
box-shadow: 1px 0 0 0 var(--vscode-editorIndentGuide-activeBackground) inset;
}
.monaco-editor .bracket-indent-guide.lvl-0 {
--guide-color: var(--vscode-editorBracketPairGuide-background1);
--guide-color-active: var(--vscode-editorBracketPairGuide-activeBackground1);
}
.monaco-editor .bracket-indent-guide.lvl-1 {
--guide-color: var(--vscode-editorBracketPairGuide-background2);
--guide-color-active: var(--vscode-editorBracketPairGuide-activeBackground2);
}
.monaco-editor .bracket-indent-guide.lvl-2 {
--guide-color: var(--vscode-editorBracketPairGuide-background3);
--guide-color-active: var(--vscode-editorBracketPairGuide-activeBackground3);
}
.monaco-editor .bracket-indent-guide.lvl-3 {
--guide-color: var(--vscode-editorBracketPairGuide-background4);
--guide-color-active: var(--vscode-editorBracketPairGuide-activeBackground4);
}
.monaco-editor .bracket-indent-guide.lvl-4 {
--guide-color: var(--vscode-editorBracketPairGuide-background5);
--guide-color-active: var(--vscode-editorBracketPairGuide-activeBackground5);
}
.monaco-editor .bracket-indent-guide.lvl-5 {
--guide-color: var(--vscode-editorBracketPairGuide-background6);
--guide-color-active: var(--vscode-editorBracketPairGuide-activeBackground6);
}
.monaco-editor .bracket-indent-guide.lvl-6 {
--guide-color: var(--vscode-editorBracketPairGuide-background1);
--guide-color-active: var(--vscode-editorBracketPairGuide-activeBackground1);
}
.monaco-editor .bracket-indent-guide.lvl-7 {
--guide-color: var(--vscode-editorBracketPairGuide-background2);
--guide-color-active: var(--vscode-editorBracketPairGuide-activeBackground2);
}
.monaco-editor .bracket-indent-guide.lvl-8 {
--guide-color: var(--vscode-editorBracketPairGuide-background3);
--guide-color-active: var(--vscode-editorBracketPairGuide-activeBackground3);
}
.monaco-editor .bracket-indent-guide.lvl-9 {
--guide-color: var(--vscode-editorBracketPairGuide-background4);
--guide-color-active: var(--vscode-editorBracketPairGuide-activeBackground4);
}
.monaco-editor .bracket-indent-guide.lvl-10 {
--guide-color: var(--vscode-editorBracketPairGuide-background5);
--guide-color-active: var(--vscode-editorBracketPairGuide-activeBackground5);
}
.monaco-editor .bracket-indent-guide.lvl-11 {
--guide-color: var(--vscode-editorBracketPairGuide-background6);
--guide-color-active: var(--vscode-editorBracketPairGuide-activeBackground6);
}
.monaco-editor .bracket-indent-guide.lvl-12 {
--guide-color: var(--vscode-editorBracketPairGuide-background1);
--guide-color-active: var(--vscode-editorBracketPairGuide-activeBackground1);
}
.monaco-editor .bracket-indent-guide.lvl-13 {
--guide-color: var(--vscode-editorBracketPairGuide-background2);
--guide-color-active: var(--vscode-editorBracketPairGuide-activeBackground2);
}
.monaco-editor .bracket-indent-guide.lvl-14 {
--guide-color: var(--vscode-editorBracketPairGuide-background3);
--guide-color-active: var(--vscode-editorBracketPairGuide-activeBackground3);
}
.monaco-editor .bracket-indent-guide.lvl-15 {
--guide-color: var(--vscode-editorBracketPairGuide-background4);
--guide-color-active: var(--vscode-editorBracketPairGuide-activeBackground4);
}
.monaco-editor .bracket-indent-guide.lvl-16 {
--guide-color: var(--vscode-editorBracketPairGuide-background5);
--guide-color-active: var(--vscode-editorBracketPairGuide-activeBackground5);
}
.monaco-editor .bracket-indent-guide.lvl-17 {
--guide-color: var(--vscode-editorBracketPairGuide-background6);
--guide-color-active: var(--vscode-editorBracketPairGuide-activeBackground6);
}
.monaco-editor .bracket-indent-guide.lvl-18 {
--guide-color: var(--vscode-editorBracketPairGuide-background1);
--guide-color-active: var(--vscode-editorBracketPairGuide-activeBackground1);
}
.monaco-editor .bracket-indent-guide.lvl-19 {
--guide-color: var(--vscode-editorBracketPairGuide-background2);
--guide-color-active: var(--vscode-editorBracketPairGuide-activeBackground2);
}
.monaco-editor .bracket-indent-guide.lvl-20 {
--guide-color: var(--vscode-editorBracketPairGuide-background3);
--guide-color-active: var(--vscode-editorBracketPairGuide-activeBackground3);
}
.monaco-editor .bracket-indent-guide.lvl-21 {
--guide-color: var(--vscode-editorBracketPairGuide-background4);
--guide-color-active: var(--vscode-editorBracketPairGuide-activeBackground4);
}
.monaco-editor .bracket-indent-guide.lvl-22 {
--guide-color: var(--vscode-editorBracketPairGuide-background5);
--guide-color-active: var(--vscode-editorBracketPairGuide-activeBackground5);
}
.monaco-editor .bracket-indent-guide.lvl-23 {
--guide-color: var(--vscode-editorBracketPairGuide-background6);
--guide-color-active: var(--vscode-editorBracketPairGuide-activeBackground6);
}
.monaco-editor .bracket-indent-guide.lvl-24 {
--guide-color: var(--vscode-editorBracketPairGuide-background1);
--guide-color-active: var(--vscode-editorBracketPairGuide-activeBackground1);
}
.monaco-editor .bracket-indent-guide.lvl-25 {
--guide-color: var(--vscode-editorBracketPairGuide-background2);
--guide-color-active: var(--vscode-editorBracketPairGuide-activeBackground2);
}
.monaco-editor .bracket-indent-guide.lvl-26 {
--guide-color: var(--vscode-editorBracketPairGuide-background3);
--guide-color-active: var(--vscode-editorBracketPairGuide-activeBackground3);
}
.monaco-editor .bracket-indent-guide.lvl-27 {
--guide-color: var(--vscode-editorBracketPairGuide-background4);
--guide-color-active: var(--vscode-editorBracketPairGuide-activeBackground4);
}
.monaco-editor .bracket-indent-guide.lvl-28 {
--guide-color: var(--vscode-editorBracketPairGuide-background5);
--guide-color-active: var(--vscode-editorBracketPairGuide-activeBackground5);
}
.monaco-editor .bracket-indent-guide.lvl-29 {
--guide-color: var(--vscode-editorBracketPairGuide-background6);
--guide-color-active: var(--vscode-editorBracketPairGuide-activeBackground6);
}
.monaco-editor .vertical {
box-shadow: 1px 0 0 0 var(--guide-color) inset;
}
.monaco-editor .horizontal-top {
border-top: 1px solid var(--guide-color);
}
.monaco-editor .horizontal-bottom {
border-bottom: 1px solid var(--guide-color);
}
.monaco-editor .vertical.indent-active {
box-shadow: 1px 0 0 0 var(--guide-color-active) inset;
}
.monaco-editor .horizontal-top.indent-active {
border-top: 1px solid var(--guide-color-active);
}
.monaco-editor .horizontal-bottom.indent-active {
border-bottom: 1px solid var(--guide-color-active);
}
.monaco-editor .view-overlays .current-line {
background-color: var(--vscode-editor-lineHighlightBackground);
}
.monaco-editor .margin-view-overlays .current-line-margin {
background-color: var(--vscode-editor-lineHighlightBackground);
border: none;
}
.monaco-editor .view-overlays .current-line {
border: 2px solid var(--vscode-editor-lineHighlightBorder);
}
.monaco-editor .margin-view-overlays .current-line-margin {
border: 2px solid var(--vscode-editor-lineHighlightBorder);
}
.monaco-editor .focused .selected-text {
background-color: var(--vscode-editor-selectionBackground);
}
.monaco-editor .selected-text {
background-color: var(--vscode-editor-inactiveSelectionBackground);
}
.monaco-editor .view-line span.inline-selected-text {
color: var(--vscode-editor-selectionForeground);
}
.monaco-editor .inputarea.ime-input {
caret-color: var(--vscode-editorCursor-foreground);
}
.monaco-editor .cursors-layer .cursor {
background-color: var(--vscode-editorCursor-foreground);
border-color: var(--vscode-editorCursor-foreground);
color: var(--vscode-editorCursor-background);
}
.integrated-terminal .hoverHighlight {
background-color: rgba(255, 0, 0, 0.5);
}
.testing-diff-lens-widget {
color: var(--vscode-editorCodeLens-foreground);
}
.test-message-inline-content-s0 {
color: var(--vscode-testing-message-error-decorationForeground) !important
}
.test-message-inline-content-s1 {
color: var(--vscode-testing-message-info-decorationForeground) !important
}
.extension-editor .header .actions-status-container>.status .codicon.codicon-extensions-error-message {
color: var(--vscode-editorError-foreground);
}
.extension-editor .body .subcontent .runtime-status .codicon.codicon-extensions-error-message {
color: var(--vscode-editorError-foreground);
}
.monaco-hover.extension-hover .markdown-hover .hover-contents .codicon.codicon-extensions-error-message {
color: var(--vscode-editorError-foreground);
}
.extension-editor .header .actions-status-container>.status .codicon.codicon-extensions-warning-message {
color: var(--vscode-editorWarning-foreground);
}
.extension-editor .body .subcontent .runtime-status .codicon.codicon-extensions-warning-message {
color: var(--vscode-editorWarning-foreground);
}
.monaco-hover.extension-hover .markdown-hover .hover-contents .codicon.codicon-extensions-warning-message {
color: var(--vscode-editorWarning-foreground);
}
.extension-editor .header .actions-status-container>.status .codicon.codicon-extensions-info-message {
color: var(--vscode-editorInfo-foreground);
}
.extension-editor .body .subcontent .runtime-status .codicon.codicon-extensions-info-message {
color: var(--vscode-editorInfo-foreground);
}
.monaco-hover.extension-hover .markdown-hover .hover-contents .codicon.codicon-extensions-info-message {
color: var(--vscode-editorInfo-foreground);
}
.extension-ratings .codicon-extensions-star-full,
.extension-ratings .codicon-extensions-star-half {
color: var(--vscode-extensionIcon-starForeground);
}
.monaco-hover.extension-hover .markdown-hover .hover-contents .codicon.codicon-extensions-star-full {
color: var(--vscode-extensionIcon-starForeground);
}
.codicon.codicon-extensions-verified-publisher {
color: var(--vscode-extensionIcon-verifiedForeground);
}
.monaco-hover.extension-hover .markdown-hover .hover-contents .codicon.codicon-extensions-sponsor {
color: var(--vscode-extensionIcon-sponsorForeground);
}
.extension-editor>.header>.details>.subtitle .sponsor .codicon.codicon-extensions-sponsor {
color: var(--vscode-extensionIcon-sponsorForeground);
}
.extensions-list .monaco-list .monaco-list-row:not(.disabled) .author {
color: #e90303;
}
.extensions-list .monaco-list .monaco-list-row.disabled {
color: #921213;
}
.extensions-list .monaco-list:focus .monaco-list-row:not(.disabled).focused.selected .author {
color: #ff0000;
}
.extensions-list .monaco-list:focus .monaco-list-row:not(.disabled).selected .author {
color: #ff0000;
}
.extensions-list .monaco-list:focus .monaco-list-row.disabled.focused.selected {
color: #ff0000;
}
.extensions-list .monaco-list:focus .monaco-list-row.disabled.selected {
color: #ff0000;
}
.extensions-list .monaco-list .monaco-list-row:not(.disabled).selected .author {
color: #ff0000;
}
.extensions-list .monaco-list .monaco-list-row.disabled.selected {
color: #ff0000;
}
.extensions-list .monaco-list:focus .monaco-list-row:not(.disabled).focused .author {
color: #ff0000;
}
.extensions-list .monaco-list:focus .monaco-list-row.disabled.focused {
color: #ff0000;
}
.extensions-list .monaco-list .monaco-list-row:hover:not(.disabled):not(.selected):.not(.focused) .author {
color: #ff0000;
}
.extensions-list .monaco-list .monaco-list-row.disabled:hover:not(.selected):.not(.focused) {
color: #ff0000;
}
.extensions-list .monaco-list .monaco-list-row.disabled .author .publisher-verified.codicon.codicon-extensions-verified-publisher {
color: #921213;
}
.viewpane-filter>.viewpane-filter-controls .monaco-action-bar .action-label.codicon.codicon-filter.checked {
border-color: var(--vscode-inputOption-activeBorder);
}
.viewpane-filter>.viewpane-filter-controls .monaco-action-bar .action-label.codicon.codicon-filter.checked {
color: var(--vscode-inputOption-activeForeground);
}
.viewpane-filter>.viewpane-filter-controls .monaco-action-bar .action-label.codicon.codicon-filter.checked {
background-color: var(--vscode-inputOption-activeBackground);
}
.monaco-workbench .part.statusbar>.items-container>.statusbar-item a:hover:not(.disabled) {
background-color: var(--vscode-statusBarItem-hoverBackground);
}
.monaco-workbench .part.statusbar>.items-container>.statusbar-item a:active:not(.disabled) {
background-color: var(--vscode-statusBarItem-activeBackground) !important;
}
.monaco-workbench .part.statusbar>.items-container>.statusbar-item a:active:not(.disabled) {
outline: 1px solid var(--vscode-contrastActiveBorder) !important;
outline-offset: -1px;
}
.monaco-workbench .part.statusbar>.items-container>.statusbar-item a:hover:not(.disabled) {
outline: 1px dashed var(--vscode-contrastActiveBorder);
outline-offset: -1px;
}
.monaco-workbench .part.statusbar>.items-container>.statusbar-item .status-bar-info {
color: var(--vscode-statusBarItem-prominentForeground);
}
.monaco-workbench .part.statusbar>.items-container>.statusbar-item .status-bar-info {
background-color: var(--vscode-statusBarItem-prominentBackground);
}
.monaco-workbench .part.statusbar>.items-container>.statusbar-item a.status-bar-info:hover:not(.disabled) {
background-color: var(--vscode-statusBarItem-prominentHoverBackground);
}
.monaco-workbench .activitybar>.content :not(.monaco-menu)>.monaco-action-bar .action-item.active .action-label:not(.codicon):not(.profile-activity-item),
.monaco-workbench .activitybar>.content :not(.monaco-menu)>.monaco-action-bar .action-item:focus .action-label:not(.codicon):not(.profile-activity-item),
.monaco-workbench .activitybar>.content :not(.monaco-menu)>.monaco-action-bar .action-item:hover .action-label:not(.codicon):not(.profile-activity-item) {
background-color: var(--vscode-activityBar-foreground) !important;
}
.monaco-workbench .activitybar>.content :not(.monaco-menu)>.monaco-action-bar .action-item.active .action-label.codicon,
.monaco-workbench .activitybar>.content :not(.monaco-menu)>.monaco-action-bar .action-item:focus .action-label.codicon,
.monaco-workbench .activitybar>.content :not(.monaco-menu)>.monaco-action-bar .action-item:hover .action-label.codicon {
color: var(--vscode-activityBar-foreground) !important;
}
.monaco-workbench .activitybar>.content :not(.monaco-menu)>.monaco-action-bar .action-item .action-label.profile-activity-item,
.monaco-workbench .activitybar>.content :not(.monaco-menu)>.monaco-action-bar .action-item .action-label.profile-activity-item,
.monaco-workbench .activitybar>.content :not(.monaco-menu)>.monaco-action-bar .action-item .action-label.profile-activity-item {
background-color: var(--vscode-activityBarItem-profilesBackground) !important;
}
.monaco-workbench .activitybar>.content :not(.monaco-menu)>.monaco-action-bar .action-item.active .action-label.profile-activity-item,
.monaco-workbench .activitybar>.content :not(.monaco-menu)>.monaco-action-bar .action-item:focus .action-label.profile-activity-item,
.monaco-workbench .activitybar>.content :not(.monaco-menu)>.monaco-action-bar .action-item:hover .action-label.profile-activity-item {
color: var(--vscode-activityBarItem-profilesHoverForeground) !important;
}
.monaco-workbench .activitybar>.content :not(.monaco-menu)>.monaco-action-bar .action-item.checked .active-item-indicator:before {
border-left-color: var(--vscode-activityBar-activeBorder);
}
.monaco-workbench .activitybar>.content :not(.monaco-menu)>.monaco-action-bar .action-item.checked:focus::before {
visibility: hidden;
}
.monaco-workbench .activitybar>.content :not(.monaco-menu)>.monaco-action-bar .action-item.checked:focus .active-item-indicator:before {
visibility: visible;
border-left-color: var(--vscode-activityBar-activeFocusBorder);
}
.monaco-workbench .activitybar>.content :not(.monaco-menu)>.monaco-action-bar .action-item.checked .active-item-indicator {
z-index: 0;
background-color: var(--vscode-activityBar-activeBackground);
}
.monaco-workbench .activitybar>.content :not(.monaco-menu)>.monaco-action-bar .action-item:before {
content: "";
position: absolute;
top: 8px;
left: 8px;
height: 32px;
width: 32px;
z-index: 1;
}
.monaco-workbench .activitybar>.content :not(.monaco-menu)>.monaco-action-bar .action-item.profile-activity-item:before {
top: -6px;
}
.monaco-workbench .activitybar>.content :not(.monaco-menu)>.monaco-action-bar .action-item.active:before,
.monaco-workbench .activitybar>.content :not(.monaco-menu)>.monaco-action-bar .action-item.active:hover:before,
.monaco-workbench .activitybar>.content :not(.monaco-menu)>.monaco-action-bar .action-item.checked:before,
.monaco-workbench .activitybar>.content :not(.monaco-menu)>.monaco-action-bar .action-item.checked:hover:before {
outline: 1px solid;
}
.monaco-workbench .activitybar>.content :not(.monaco-menu)>.monaco-action-bar .action-item:hover:before {
outline: 1px dashed;
}
.monaco-workbench .activitybar>.content :not(.monaco-menu)>.monaco-action-bar .action-item:focus .active-item-indicator:before {
border-left-color: var(--vscode-contrastActiveBorder);
}
.monaco-workbench .activitybar>.content :not(.monaco-menu)>.monaco-action-bar .action-item.active:before,
.monaco-workbench .activitybar>.content :not(.monaco-menu)>.monaco-action-bar .action-item.active:hover:before,
.monaco-workbench .activitybar>.content :not(.monaco-menu)>.monaco-action-bar .action-item.checked:before,
.monaco-workbench .activitybar>.content :not(.monaco-menu)>.monaco-action-bar .action-item.checked:hover:before,
.monaco-workbench .activitybar>.content :not(.monaco-menu)>.monaco-action-bar .action-item:hover:before {
outline-color: var(--vscode-contrastActiveBorder);
}
.keybindings-editor>.keybindings-body>.keybindings-table-container .monaco-table .monaco-table-tr .monaco-table-td .code {
color: #d30707;
}
.keybindings-editor>.keybindings-body>.keybindings-table-container .monaco-table.focused .monaco-list-row.selected .monaco-table-tr .monaco-table-td .code {
color: #ff0000;
}
.keybindings-editor>.keybindings-body>.keybindings-table-container .monaco-table .monaco-list-row.selected .monaco-table-tr .monaco-table-td .code {
color: #ff0000;
}
.keybindings-editor>.keybindings-body>.keybindings-table-container .monaco-table.focused .monaco-list-row.focused .monaco-table-tr .monaco-table-td .code {
color: #ff0000;
}
.keybindings-editor>.keybindings-body>.keybindings-table-container .monaco-table.focused .monaco-list-row:hover:not(.focused):not(.selected) .monaco-table-tr .monaco-table-td .code {
color: #ff0000;
}
.monaco-workbench .notifications-list-container .notification-list-item .notification-list-item-message a {
color: var(--vscode-notificationLink-foreground);
}
.monaco-workbench .notifications-list-container .notification-list-item .notification-list-item-message a:focus {
outline-color: var(--vscode-focusBorder);
}
.monaco-workbench .notifications-center .codicon.codicon-error,
.monaco-workbench .notifications-toasts .codicon.codicon-error {
color: var(--vscode-notificationsErrorIcon-foreground);
}
.monaco-workbench .notifications-center .codicon.codicon-warning,
.monaco-workbench .notifications-toasts .codicon.codicon-warning {
color: var(--vscode-notificationsWarningIcon-foreground);
}
.monaco-workbench .notifications-center .codicon.codicon-info,
.monaco-workbench .notifications-toasts .codicon.codicon-info {
color: var(--vscode-notificationsInfoIcon-foreground);
}
.monaco-workbench>.notifications-center .notifications-list-container .monaco-list-row[data-last-element="false"]>.notification-list-item {
border-bottom: 1px solid var(--vscode-notifications-border);
}
.extensions-grid-view .extension-container:focus {
background-color: var(--vscode-list-focusBackground);
outline: none;
}
.extensions-grid-view .extension-container:focus {
color: var(--vscode-list-focusForeground);
}
.extensions-grid-view .extension-container:not(.disabled) .author {
color: #ff0000;
}
.extensions-grid-view .extension-container.disabled {
color: #ff0000;
}
.monaco-workbench .extension-editor .content .details .additional-details-container .resources-container a.resource {
color: var(--vscode-textLink-foreground);
}
.monaco-workbench .extension-editor .content .feature-contributions a {
color: var(--vscode-textLink-foreground);
}
.monaco-workbench .extension-editor .content .details .additional-details-container .resources-container a.resource:hover,
.monaco-workbench .extension-editor .content .details .additional-details-container .resources-container a.resource:active {
color: var(--vscode-textLink-activeForeground);
}
.monaco-workbench .extension-editor .content .feature-contributions a:hover,
.monaco-workbench .extension-editor .content .feature-contributions a:active {
color: var(--vscode-textLink-activeForeground);
}
.monaco-workbench .extension-editor .content>.details>.additional-details-container .categories-container>.categories>.category:hover {
background-color: var(--vscode-button-hoverBackground);
border-color: var(--vscode-button-hoverBackground);
}
.monaco-workbench .extension-editor .content>.details>.additional-details-container .tags-container>.tags>.tag:hover {
background-color: var(--vscode-button-hoverBackground);
border-color: var(--vscode-button-hoverBackground);
}
.monaco-workbench .extension-editor .content>.details>.additional-details-container .categories-container>.categories>.category:hover {
color: var(--vscode-button-foreground);
}
.monaco-workbench .extension-editor .content>.details>.additional-details-container .tags-container>.tags>.tag:hover {
color: var(--vscode-button-foreground);
}
.monaco-workbench .codicon.codicon-ports-forwarded-with-process-icon {
color: var(--vscode-ports-iconRunningProcessForeground);
}
.monaco-editor .parameter-hints-widget {
border: 1px solid var(--vscode-editorHoverWidget-border);
}
.monaco-editor .parameter-hints-widget.multiple .body {
border-left: 1px solid rgba(255, 0, 0, 0.5);
}
.monaco-editor .parameter-hints-widget .signature.has-docs {
border-bottom: 1px solid rgba(255, 0, 0, 0.5);
}
.monaco-editor .parameter-hints-widget {
background-color: var(--vscode-editorHoverWidget-background);
}
.monaco-editor .parameter-hints-widget a {
color: var(--vscode-textLink-foreground);
}
.monaco-editor .parameter-hints-widget a:hover {
color: var(--vscode-textLink-activeForeground);
}
.monaco-editor .parameter-hints-widget {
color: var(--vscode-editorHoverWidget-foreground);
}
.monaco-editor .parameter-hints-widget code {
background-color: var(--vscode-textCodeBlock-background);
}
.monaco-editor .parameter-hints-widget .parameter.active {
color: var(--vscode-editorHoverWidget-highlightForeground)
}
.monaco-workbench .workbench-hover {
background-color: var(--vscode-editorHoverWidget-background);
}
.monaco-workbench .workbench-hover-pointer:after {
background-color: var(--vscode-editorHoverWidget-background);
}
.monaco-workbench .workbench-hover {
border: 1px solid var(--vscode-editorHoverWidget-border);
}
.monaco-workbench .workbench-hover-container.locked .workbench-hover {
outline: 1px solid var(--vscode-editorHoverWidget-border);
}
.monaco-workbench .workbench-hover .hover-row:not(:first-child):not(:empty) {
border-top: 1px solid rgba(255, 0, 0, 0.5);
}
.monaco-workbench .workbench-hover hr {
border-top: 1px solid rgba(255, 0, 0, 0.5);
}
.monaco-workbench .workbench-hover hr {
border-bottom: 0px solid rgba(255, 0, 0, 0.5);
}
.monaco-workbench .workbench-hover-pointer:after {
border-right: 1px solid var(--vscode-editorHoverWidget-border);
}
.monaco-workbench .workbench-hover-pointer:after {
border-bottom: 1px solid var(--vscode-editorHoverWidget-border);
}
.monaco-workbench .workbench-hover-container.locked .workbench-hover:focus {
outline-color: var(--vscode-focusBorder);
}
.monaco-workbench .workbench-hover-lock:focus {
outline: 1px solid var(--vscode-focusBorder);
}
.monaco-workbench .workbench-hover-container.locked .workbench-hover-lock:hover {
background-color: var(--vscode-toolbar-hoverBackground);
}
.monaco-workbench .workbench-hover a {
color: var(--vscode-textLink-foreground);
}
.monaco-workbench .workbench-hover a:hover {
color: var(--vscode-textLink-activeForeground);
}
.monaco-workbench .workbench-hover {
color: var(--vscode-editorHoverWidget-foreground);
}
.monaco-workbench .workbench-hover .hover-row .actions {
background-color: var(--vscode-editorHoverWidget-statusBarBackground);
}
.monaco-workbench .workbench-hover code {
background-color: var(--vscode-textCodeBlock-background);
}
.monaco-workbench .workbench-hover {
box-shadow: 0 2px 8px var(--vscode-widget-shadow);
}
.monaco-workbench .part.titlebar .window-controls-container .window-icon {
color: var(--vscode-titleBar-activeForeground);
}
.monaco-workbench .part.titlebar.inactive .window-controls-container .window-icon {
color: var(--vscode-titleBar-inactiveForeground);
}
.monaco-editor-pane-placeholder .editor-placeholder-icon-container .codicon.codicon-error {
color: var(--vscode-editorError-foreground);
}
.monaco-editor-pane-placeholder .editor-placeholder-icon-container .codicon.codicon-warning {
color: var(--vscode-editorWarning-foreground);
}
.monaco-editor-pane-placeholder .editor-placeholder-icon-container .codicon.codicon-info,
.monaco-editor-pane-placeholder .editor-placeholder-icon-container .codicon.codicon-workspace-untrusted {
color: var(--vscode-editorInfo-foreground);
}
.monaco-editor-group-drag-image {
background: var(--vscode-list-activeSelectionBackground);
color: var(--vscode-list-activeSelectionForeground);
}
.webview.modified {
box-shadow: -6px 0 5px -5px var(--vscode-scrollbar-shadow);
}
.monaco-editor .focused .selectionHighlight {
background-color: var(--vscode-editor-selectionHighlightBackground);
}
.monaco-editor .selectionHighlight {
background-color: rgba(255, 0, 0, 0.5);
}
.monaco-editor .wordHighlight {
background-color: var(--vscode-editor-wordHighlightBackground);
}
.monaco-editor .wordHighlightStrong {
background-color: var(--vscode-editor-wordHighlightStrongBackground);
}
.monaco-editor .selectionHighlight {
border: 1px solid var(--vscode-editor-selectionHighlightBorder);
box-sizing: border-box;
}
.monaco-editor .wordHighlight {
border: 1px solid var(--vscode-editor-wordHighlightBorder);
box-sizing: border-box;
}
.monaco-editor .wordHighlightStrong {
border: 1px solid var(--vscode-editor-wordHighlightStrongBorder);
box-sizing: border-box;
}
.monaco-editor .token-inspect-widget {
border: 1px solid var(--vscode-editorHoverWidget-border);
}
.monaco-editor .findMatch {
background-color: var(--vscode-editor-findMatchHighlightBackground);
}
.monaco-editor .currentFindMatch {
background-color: var(--vscode-editor-findMatchBackground);
}
.monaco-editor .findScope {
background-color: var(--vscode-editor-findRangeHighlightBackground);
}
.monaco-editor .find-widget {
background-color: var(--vscode-editorWidget-background);
}
.monaco-editor .find-widget {
box-shadow: 0 0 8px 2px var(--vscode-widget-shadow);
}
.monaco-editor .findMatch {
border: 1px solid var(--vscode-editor-findMatchHighlightBorder);
box-sizing: border-box;
}
.monaco-editor .currentFindMatch {
border: 2px solid var(--vscode-editor-findMatchBorder);
padding: 1px;
box-sizing: border-box;
}
.monaco-editor .findScope {
border: 1px solid var(--vscode-editor-findRangeHighlightBorder);
}
.monaco-editor .find-widget {
border: 1px solid var(--vscode-contrastBorder);
}
.monaco-editor .find-widget {
color: var(--vscode-editorWidget-foreground);
}
.monaco-editor .find-widget.no-results .matchesCount {
color: var(--vscode-errorForeground);
}
.monaco-editor .find-widget .monaco-sash {
background-color: var(--vscode-editorWidget-resizeBorder);
}
.monaco-editor .find-widget .button:not(.disabled):hover,
.monaco-editor .find-widget .codicon-find-selection:hover {
background-color: var(--vscode-toolbar-hoverBackground) !important;
}
.monaco-editor .find-widget .monaco-inputbox.synthetic-focus {
outline-color: var(--vscode-focusBorder);
}
.notebook-editor {
--notebook-find-width: 318px;
--notebook-find-horizontal-padding: 4px;
}
.monaco-editor .folded-background {
background-color: var(--vscode-editor-foldBackground);
}
.monaco-editor .cldr.codicon.codicon-folding-expanded,
.monaco-editor .cldr.codicon.codicon-folding-collapsed,
.monaco-editor .cldr.codicon.codicon-folding-manual-expanded,
.monaco-editor .cldr.codicon.codicon-folding-manual-collapsed {
color: var(--vscode-editorGutter-foldingControlForeground) !important;
}
.monaco-editor .squiggly-error {
border-bottom: 4px double var(--vscode-editorError-border);
}
.monaco-editor .squiggly-error {
background: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%206%203'%20enable-background%3D'new%200%200%206%203'%20height%3D'3'%20width%3D'6'%3E%3Cg%20fill%3D'var(--vscode-editorError-foreground)'%3E%3Cpolygon%20points%3D'5.5%2C0%202.5%2C3%201.1%2C3%204.1%2C0'%2F%3E%3Cpolygon%20points%3D'4%2C0%206%2C2%206%2C0.6%205.4%2C0'%2F%3E%3Cpolygon%20points%3D'0%2C2%201%2C3%202.4%2C3%200%2C0.6'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") repeat-x bottom left;
}
.monaco-editor .squiggly-error::before {
display: block;
content: '';
width: 100%;
height: 100%;
background: var(--vscode-editorError-background);
}
.monaco-editor .squiggly-warning {
border-bottom: 4px double var(--vscode-editorWarning-border);
}
.monaco-editor .squiggly-warning {
background: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%206%203'%20enable-background%3D'new%200%200%206%203'%20height%3D'3'%20width%3D'6'%3E%3Cg%20fill%3D'var(--vscode-editorWarning-foreground)'%3E%3Cpolygon%20points%3D'5.5%2C0%202.5%2C3%201.1%2C3%204.1%2C0'%2F%3E%3Cpolygon%20points%3D'4%2C0%206%2C2%206%2C0.6%205.4%2C0'%2F%3E%3Cpolygon%20points%3D'0%2C2%201%2C3%202.4%2C3%200%2C0.6'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") repeat-x bottom left;
}
.monaco-editor .squiggly-warning::before {
display: block;
content: '';
width: 100%;
height: 100%;
background: var(--vscode-editorWarning-background);
}
.monaco-editor .squiggly-info {
border-bottom: 4px double var(--vscode-editorInfo-border);
}
.monaco-editor .squiggly-info {
background: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%206%203'%20enable-background%3D'new%200%200%206%203'%20height%3D'3'%20width%3D'6'%3E%3Cg%20fill%3D'var(--vscode-editorInfo-foreground)'%3E%3Cpolygon%20points%3D'5.5%2C0%202.5%2C3%201.1%2C3%204.1%2C0'%2F%3E%3Cpolygon%20points%3D'4%2C0%206%2C2%206%2C0.6%205.4%2C0'%2F%3E%3Cpolygon%20points%3D'0%2C2%201%2C3%202.4%2C3%200%2C0.6'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") repeat-x bottom left;
}
.monaco-editor .squiggly-info::before {
display: block;
content: '';
width: 100%;
height: 100%;
background: var(--vscode-editorInfo-background);
}
.monaco-editor .squiggly-hint {
border-bottom: 2px dotted var(--vscode-editorHint-border);
}
.monaco-editor .squiggly-hint {
background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%223%22%20width%3D%2212%22%3E%3Cg%20fill%3D%22var(--vscode-editorHint-foreground)%22%3E%3Ccircle%20cx%3D%221%22%20cy%3D%221%22%20r%3D%221%22%2F%3E%3Ccircle%20cx%3D%225%22%20cy%3D%221%22%20r%3D%221%22%2F%3E%3Ccircle%20cx%3D%229%22%20cy%3D%221%22%20r%3D%221%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat bottom left;
}
.monaco-editor.showUnused .squiggly-inline-unnecessary {
opacity: 1;
}
.monaco-editor.showUnused .squiggly-unnecessary {
border-bottom: 2px dashed var(--vscode-editorUnnecessaryCode-border);
}
.monaco-editor.showDeprecated .squiggly-inline-deprecated {
text-decoration: line-through;
text-decoration-color: var(--vscode-editor-foreground)
}
.monaco-workbench .part.editor>.content .walkThroughContent .monaco-editor-background,
.monaco-workbench .part.editor>.content .walkThroughContent .margin-view-overlays {
background: var(--vscode-walkThrough-embeddedEditorBackground);
}
.monaco-workbench .part.editor>.content .walkThroughContent a[href] {
color: var(--vscode-textLink-foreground);
}
.monaco-workbench .part.editor>.content .walkThroughContent a:hover,
.monaco-workbench .part.editor>.content .walkThroughContent a[href]:active {
color: var(--vscode-textLink-activeForeground);
}
.monaco-workbench .part.editor>.content .walkThroughContent a[href]:focus {
outline-color: var(--vscode-focusBorder);
}
.monaco-workbench .part.editor>.content .walkThroughContent code,
.monaco-workbench .part.editor>.content .walkThroughContent .shortcut {
color: var(--vscode-textPreformat-foreground);
}
.monaco-workbench .part.editor>.content .walkThroughContent .monaco-editor {
border-color: var(--vscode-contrastBorder);
}
.monaco-workbench .part.editor>.content .walkThroughContent blockquote {
background: var(--vscode-textBlockQuote-background);
}
.monaco-workbench .part.editor>.content .walkThroughContent blockquote {
border-color: var(--vscode-textBlockQuote-border);
}
.monaco-editor .line-insert,
.monaco-editor .char-insert {
border: 1px solid var(--vscode-diffEditor-insertedTextBorder);
}
.monaco-editor .line-delete,
.monaco-editor .char-delete {
border: 1px solid var(--vscode-diffEditor-removedTextBorder);
}
.monaco-editor .diagonal-fill {
background-image: linear-gradient(-45deg,
var(--vscode-diffEditor-diagonalFill) 12.5%,
#0000 12.5%, #0000 50%,
var(--vscode-diffEditor-diagonalFill) 50%, var(--vscode-diffEditor-diagonalFill) 62.5%,
#0000 62.5%, #0000 100%);
background-size: 8px 8px;
}
.monaco-workbench .search-view .findInFileMatch {
background-color: var(--vscode-editor-findMatchHighlightBackground);
}
.monaco-workbench .search-view .replaceMatch {
background-color: var(--vscode-diffEditor-insertedTextBackground);
}
.monaco-workbench .search-view .replace.findInFileMatch {
background-color: var(--vscode-diffEditor-removedTextBackground);
}
.monaco-workbench .search-view .replaceMatch:not(:empty) {
border: 1px solid var(--vscode-diffEditor-insertedTextBorder);
}
.monaco-workbench .search-view .replace.findInFileMatch {
border: 1px solid var(--vscode-diffEditor-removedTextBorder);
}
.monaco-workbench .search-view .findInFileMatch {
border: 1px solid var(--vscode-editor-findMatchHighlightBorder);
}
.monaco-workbench .search-view .monaco-list.element-focused .monaco-list-row.focused.selected:not(.highlighted) .action-label:focus {
outline-color: var(--vscode-list-activeSelectionForeground)
}
.search-view .message {
color: rgba(255, 0, 0, 0.65);
}
.monaco-workbench .search-view .message a {
color: var(--vscode-textLink-foreground);
}
.monaco-workbench .search-view .message a:hover,
.monaco-workbench .search-view .message a:active {
color: var(--vscode-textLink-activeForeground);
}
.monaco-workbench .search-view .search-widget .toggle-replace-button:hover {
background-color: var(--vscode-toolbar-hoverBackground)
}
.monaco-workbench .search-view .search-widget .toggle-replace-button:active {
background-color: var(--vscode-toolbar-activeBackground)
}
.monaco-workbench .markers-panel-container .codicon.codicon-light-bulb {
color: var(--vscode-editorLightBulb-foreground);
}
.monaco-workbench .markers-panel-container .codicon.codicon-lightbulb-autofix {
color: var(--vscode-editorLightBulbAutoFix-foreground);
}
.monaco-workbench .codicon.codicon-debug-breakpoint,
.monaco-workbench .codicon.codicon-debug-breakpoint-function,
.monaco-workbench .codicon.codicon-debug-breakpoint-conditional,
.monaco-workbench .codicon.codicon-debug-breakpoint-data,
.monaco-workbench .codicon.codicon-debug-breakpoint-log,
.monaco-workbench .codicon.codicon-debug-breakpoint-unsupported,
.monaco-workbench .codicon.codicon-debug-hint:not([class*='codicon-debug-breakpoint']):not([class*='codicon-debug-stackframe']),
.monaco-workbench .codicon.codicon-debug-breakpoint.codicon.codicon-debug-stackframe-focused::after,
.monaco-workbench .codicon.codicon-debug-breakpoint.codicon.codicon-debug-stackframe::after {
color: var(--vscode-debugIcon-breakpointForeground) !important;
}
.monaco-workbench .codicon.codicon-debug-breakpoint-disabled,
.monaco-workbench .codicon.codicon-debug-breakpoint-function-disabled,
.monaco-workbench .codicon.codicon-debug-breakpoint-conditional-disabled,
.monaco-workbench .codicon.codicon-debug-breakpoint-data-disabled,
.monaco-workbench .codicon.codicon-debug-breakpoint-log-disabled {
color: var(--vscode-debugIcon-breakpointDisabledForeground);
}
.monaco-workbench .codicon.codicon-debug-breakpoint-unverified,
.monaco-workbench .codicon.codicon-debug-breakpoint-function-unverified,
.monaco-workbench .codicon.codicon-debug-breakpoint-conditional-unverified,
.monaco-workbench .codicon.codicon-debug-breakpoint-data-unverified,
.monaco-workbench .codicon.codicon-debug-breakpoint-log-unverified {
color: var(--vscode-debugIcon-breakpointUnverifiedForeground);
}
.monaco-workbench .codicon.codicon-debug-stackframe,
.monaco-editor .debug-top-stack-frame-column {
color: var(--vscode-debugIcon-breakpointCurrentStackframeForeground) !important;
}
.monaco-workbench .codicon.codicon-debug-stackframe-focused {
color: var(--vscode-debugIcon-breakpointStackframeForeground) !important;
}
.suggest-input-container .monaco-editor .selected-text {
background-color: rgba(255, 0, 0, 0.4);
}
.suggest-input-container .monaco-editor .view-line span.inline-selected-text {
color: var(--vscode-input-foreground);
}
.suggest-input-container .monaco-editor-background {
background-color: var(--vscode-input-background);
}
.suggest-input-container .monaco-editor .focused .selected-text {
background-color: var(--vscode-selection-background);
}
.test-explorer .test-explorer-messages {
color: rgba(255, 0, 0, 0.65);
}
.monaco-editor .monaco-hover .hover-row:not(:first-child):not(:empty) {
border-top: 1px solid rgba(255, 0, 0, 0.5);
}
.monaco-editor .monaco-hover hr {
border-top: 1px solid rgba(255, 0, 0, 0.5);
}
.monaco-editor .monaco-hover hr {
border-bottom: 0px solid rgba(255, 0, 0, 0.5);
}
/* Text colour of the call stack row's filename */
.debug-pane .debug-call-stack .monaco-list-row:not(.selected) .stack-frame>.file .file-name {
color: var(--vscode-list-deemphasizedForeground)
}
/* Line & column number "badge" for selected call stack row */
.debug-pane .monaco-list-row.selected .line-number {
background-color: var(--vscode-badge-background);
color: var(--vscode-badge-foreground);
}
/* Line & column number "badge" for unselected call stack row (basically all other rows) */
.debug-pane .line-number {
background-color: rgba(255, 0, 0, 0.6);
color: rgba(255, 0, 0, 0.6);
}
/* State "badge" displaying the active session's current state.
* Only visible when there are more active debug sessions/threads running.
*/
.debug-pane .debug-call-stack .thread>.state.label,
.debug-pane .debug-call-stack .session>.state.label {
background-color: var(--vscode-debugView-stateLabelBackground);
color: var(--vscode-debugView-stateLabelForeground);
}
/* State "badge" displaying the active session's current state.
* Only visible when there are more active debug sessions/threads running
* and thread paused due to a thrown exception.
*/
.debug-pane .debug-call-stack .thread>.state.label.exception,
.debug-pane .debug-call-stack .session>.state.label.exception {
background-color: var(--vscode-debugView-exceptionLabelBackground);
color: var(--vscode-debugView-exceptionLabelForeground);
}
/* Info "badge" shown when the debugger pauses due to a thrown exception. */
.debug-pane .call-stack-state-message>.label.exception {
background-color: var(--vscode-debugView-exceptionLabelBackground);
color: var(--vscode-debugView-exceptionLabelForeground);
}
/* Animation of changed values in Debug viewlet */
@keyframes debugViewletValueChanged {
0% {
background-color: rgba(255, 0, 0, 0)
}
5% {
background-color: rgba(255, 0, 0, 0.9)
}
100% {
background-color: rgba(255, 0, 0, 0.3)
}
}
.debug-pane .monaco-list-row .expression .value.changed {
background-color: rgba(255, 0, 0, 0.3);
animation-name: debugViewletValueChanged;
animation-duration: 1s;
animation-fill-mode: forwards;
}
.monaco-list-row .expression .lazy-button:hover {
background-color: var(--vscode-toolbar-hoverBackground)
}
.debug-pane .line-number {
border: 1px solid var(--vscode-contrastBorder);
}
.monaco-workbench .monaco-list-row .expression .name {
color: var(--vscode-debugTokenExpression-name);
}
.monaco-workbench .monaco-list-row .expression .value,
.monaco-workbench .debug-hover-widget .value {
color: var(--vscode-debugTokenExpression-value);
}
.monaco-workbench .monaco-list-row .expression .value.string,
.monaco-workbench .debug-hover-widget .value.string {
color: var(--vscode-debugTokenExpression-string);
}
.monaco-workbench .monaco-list-row .expression .value.boolean,
.monaco-workbench .debug-hover-widget .value.boolean {
color: var(--vscode-debugTokenExpression-boolean);
}
.monaco-workbench .monaco-list-row .expression .error,
.monaco-workbench .debug-hover-widget .error,
.monaco-workbench .debug-pane .debug-variables .scope .error {
color: var(--vscode-debugTokenExpression-error);
}
.monaco-workbench .monaco-list-row .expression .value.number,
.monaco-workbench .debug-hover-widget .value.number {
color: var(--vscode-debugTokenExpression-number);
}
.repl .repl-input-wrapper {
border-top: 1px solid var(--vscode-input-border);
}
.monaco-workbench .repl .repl-tree .output .expression .value.info {
color: var(--vscode-debugConsole-infoForeground);
}
.monaco-workbench .repl .repl-tree .output .expression .value.warn {
color: var(--vscode-debugConsole-warningForeground);
}
.monaco-workbench .repl .repl-tree .output .expression .value.error {
color: var(--vscode-debugConsole-errorForeground);
}
.monaco-workbench .repl .repl-tree .output .expression .source {
color: var(--vscode-debugConsole-sourceForeground);
}
.monaco-workbench .repl .repl-tree .monaco-tl-contents .arrow {
color: var(--vscode-debugConsoleInputIcon-foreground);
}
.monaco-workbench .codicon.codicon-debug-start {
color: var(--vscode-debugIcon-startForeground);
}
.monaco-workbench .part>.title>.title-actions .action-label.codicon.codicon-debug-pause,
.monaco-workbench .codicon.codicon-debug-pause {
color: var(--vscode-debugIcon-pauseForeground);
}
.monaco-workbench .part>.title>.title-actions .action-label.codicon.codicon-debug-stop,
.monaco-workbench .codicon.codicon-debug-stop {
color: var(--vscode-debugIcon-stopForeground);
}
.monaco-workbench .part>.title>.title-actions .action-label.codicon.codicon-debug-disconnect,
.monaco-workbench .debug-view-content .codicon.codicon-debug-disconnect,
.monaco-workbench .debug-toolbar .codicon.codicon-debug-disconnect {
color: var(--vscode-debugIcon-disconnectForeground);
}
.monaco-workbench .codicon.codicon-debug-restart,
.monaco-workbench .codicon.codicon-debug-restart-frame,
.monaco-workbench .part>.title>.title-actions .action-label.codicon.codicon-debug-restart,
.monaco-workbench .part>.title>.title-actions .action-label.codicon.codicon-debug-restart-frame {
color: var(--vscode-debugIcon-restartForeground);
}
.monaco-workbench .part>.title>.title-actions .action-label.codicon.codicon-debug-step-over,
.monaco-workbench .codicon.codicon-debug-step-over {
color: var(--vscode-debugIcon-stepOverForeground);
}
.monaco-workbench .part>.title>.title-actions .action-label.codicon.codicon-debug-step-into,
.monaco-workbench .part>.title>.title-actions .action-label.codicon.codicon-debug-step-into,
.monaco-workbench .codicon.codicon-debug-step-into {
color: var(--vscode-debugIcon-stepIntoForeground);
}
.monaco-workbench .part>.title>.title-actions .action-label.codicon.codicon-debug-step-out,
.monaco-workbench .part>.title>.title-actions .action-label.codicon.codicon-debug-step-out,
.monaco-workbench .codicon.codicon-debug-step-out {
color: var(--vscode-debugIcon-stepOutForeground);
}
.monaco-workbench .part>.title>.title-actions .action-label.codicon.codicon-debug-continue,
.monaco-workbench .codicon.codicon-debug-continue,
.monaco-workbench .part>.title>.title-actions .action-label.codicon.codicon-debug-reverse-continue,
.monaco-workbench .codicon.codicon-debug-reverse-continue {
color: var(--vscode-debugIcon-continueForeground);
}
.monaco-workbench .part>.title>.title-actions .action-label.codicon.codicon-debug-step-back,
.monaco-workbench .codicon.codicon-debug-step-back {
color: var(--vscode-debugIcon-stepBackForeground);
}
.file-icon-themable-tree .monaco-list-row .content .monaco-highlighted-label .highlight {
color: unset !important;
background-color: var(--vscode-list-filterMatchBackground);
}
.monaco-tl-contents .monaco-highlighted-label .highlight {
color: unset !important;
background-color: var(--vscode-list-filterMatchBackground);
}
.file-icon-themable-tree .monaco-list-row .content .monaco-highlighted-label .highlight {
color: unset !important;
border: 1px dotted var(--vscode-list-filterMatchBorder);
box-sizing: border-box;
}
.monaco-tl-contents .monaco-highlighted-label .highlight {
color: unset !important;
border: 1px dotted var(--vscode-list-filterMatchBorder);
box-sizing: border-box;
}
.tree-explorer-viewlet-tree-view>.message a {
color: var(--vscode-textLink-foreground);
}
.tree-explorer-viewlet-tree-view>.message a:focus {
outline: 1px solid var(--vscode-focusBorder);
outline-offset: -1px;
}
.tree-explorer-viewlet-tree-view>.message code {
background-color: var(--vscode-textCodeBlock-background);
}
.monaco-workbench .part.editor>.content .editor-group-container>.title>.tabs-and-actions-container.wrapping .tabs-container>.tab {
border-bottom: 1px solid var(--vscode-tab-border);
}
.monaco-workbench .part.editor>.content .editor-group-container.active>.title .tabs-container>.tab.active,
.monaco-workbench .part.editor>.content .editor-group-container.active>.title .tabs-container>.tab.active:hover {
outline: 1px solid;
outline-offset: -5px;
}
.monaco-workbench .part.editor>.content .editor-group-container>.title .tabs-container>.tab.active {
outline: 1px dotted;
outline-offset: -5px;
}
.monaco-workbench .part.editor>.content .editor-group-container>.title .tabs-container>.tab:hover {
outline: 1px dashed;
outline-offset: -5px;
}
.monaco-workbench .part.editor>.content .editor-group-container>.title .tabs-container>.tab.active>.tab-actions .action-label,
.monaco-workbench .part.editor>.content .editor-group-container>.title .tabs-container>.tab.active:hover>.tab-actions .action-label,
.monaco-workbench .part.editor>.content .editor-group-container>.title .tabs-container>.tab.dirty>.tab-actions .action-label,
.monaco-workbench .part.editor>.content .editor-group-container>.title .tabs-container>.tab.sticky>.tab-actions .action-label,
.monaco-workbench .part.editor>.content .editor-group-container>.title .tabs-container>.tab:hover>.tab-actions .action-label {
opacity: 1 !important;
}
.monaco-workbench .part.editor>.content .editor-group-container>.title .editor-actions {
outline: 1px solid var(--vscode-contrastBorder)
}
.monaco-workbench .part.editor>.content .editor-group-container.active>.title .tabs-container>.tab:hover {
background-color: var(--vscode-tab-hoverBackground) !important;
}
.monaco-workbench .part.editor>.content .editor-group-container>.title .tabs-container>.tab:hover {
background-color: var(--vscode-tab-unfocusedHoverBackground) !important;
}
.monaco-workbench .part.editor>.content .editor-group-container.active>.title .tabs-container>.tab:hover {
color: var(--vscode-tab-hoverForeground) !important;
}
.monaco-workbench .part.editor>.content .editor-group-container>.title .tabs-container>.tab:hover {
color: var(--vscode-tab-unfocusedHoverForeground) !important;
}
.monaco-workbench .part.editor>.content .editor-group-container.active>.title .tabs-container>.tab:hover>.tab-border-bottom-container {
display: block;
position: absolute;
left: 0;
pointer-events: none;
width: 100%;
z-index: 10;
bottom: 0;
height: 1px;
background-color: var(--vscode-tab-hoverBorder);
}
.monaco-workbench .part.editor>.content .editor-group-container>.title .tabs-container>.tab:hover>.tab-border-bottom-container {
display: block;
position: absolute;
left: 0;
pointer-events: none;
width: 100%;
z-index: 10;
bottom: 0;
height: 1px;
background-color: var(--vscode-tab-unfocusedHoverBorder);
}
.monaco-workbench .part.editor>.content .editor-group-container.empty .editor-group-letterpress {
background-image: url('vscode-file://vscode-app/home/martin/workspaces/vscode/out/vs/workbench/browser/parts/editor/media/letterpress-dark.svg')
}
.monaco-workbench .part.editor>.content:not(.empty) .editor-group-container.empty.active:focus {
outline-width: 1px;
outline-color: var(--vscode-editorGroup-focusedEmptyBorder);
outline-offset: -2px;
outline-style: solid;
}
.monaco-workbench .part.editor>.content.empty .editor-group-container.empty.active:focus {
outline: none;
/* never show outline for empty group if it is the last */
}
.monaco-editor .searchEditorFindMatch {
background-color: var(--vscode-searchEditor-findMatchBackground);
}
.monaco-editor .searchEditorFindMatch {
border: 1px solid var(--vscode-searchEditor-findMatchBorder);
box-sizing: border-box;
}
.monaco-workbench .part.sidebar .output-view .monaco-editor,
.monaco-workbench .part.sidebar .output-view .monaco-editor .margin,
.monaco-workbench .part.sidebar .output-view .monaco-editor .monaco-editor-background {
background-color: var(--vscode-sideBar-background);
}
.monaco-editor .review-widget,
.monaco-editor .review-widget {
background-color: var(--vscode-peekViewResult-background);
}
.review-widget .body .comment-form .review-thread-reply-button {
background-color: var(--vscode-peekViewTitle-background)
}
.review-widget .body .monaco-editor {
color: var(--vscode-editor-foreground)
}
.review-widget .body .comment-form .review-thread-reply-button {
color: var(--vscode-editor-foreground);
font-size: inherit
}
@keyframes monaco-review-widget-focus {
0% {
background: var(--vscode-peekViewResult-selectionBackground);
}
100% {
background: transparent;
}
}
.review-widget .body .review-comment.focus {
animation: monaco-review-widget-focus 3s ease 0s;
}
.monaco-editor .comment-diff-added,
.monaco-editor .comment-range-glyph.multiline-add {
border-left-color: var(--vscode-editorGutter-commentRangeForeground);
}
.monaco-editor .comment-diff-added:before,
.monaco-editor .comment-range-glyph.line-hover:before {
background: var(--vscode-editorGutter-commentRangeForeground);
}
.monaco-editor .comment-thread:before {
background: var(--vscode-editorGutter-commentRangeForeground);
}
.review-widget .body .review-comment .review-comment-contents .comment-reactions .action-item a.action-label.active:hover {
background-color: var(--vscode-statusBarItem-hoverBackground);
}
.review-widget .body .review-comment .review-comment-contents .comment-reactions .action-item a.action-label:active {
background-color: var(--vscode-statusBarItem-activeBackground);
border: 1px solid transparent;
}
.monaco-editor .comment-thread-range {
background-color: var(--vscode-editorCommentsWidget-rangeBackground);
}
.monaco-editor .comment-thread-range {
border-color: var(--vscode-editorCommentsWidget-rangeBorder);
border-width: 1px;
border-style: solid;
box-sizing: border-box;
}
.monaco-editor .comment-thread-range-current {
background-color: var(--vscode-editorCommentsWidget-rangeActiveBackground);
}
.monaco-editor .comment-thread-range-current {
border-color: var(--vscode-editorCommentsWidget-rangeActiveBorder);
border-width: 1px;
border-style: solid;
box-sizing: border-box;
}
.notebook-text-diff-editor .diagonal-fill {
background-image: linear-gradient(-45deg,
var(--vscode-diffEditor-diagonalFill) 12.5%,
#0000 12.5%, #0000 50%,
var(--vscode-diffEditor-diagonalFill) 50%, var(--vscode-diffEditor-diagonalFill) 62.5%,
#0000 62.5%, #0000 100%);
background-size: 8px 8px;
}
.notebook-text-diff-editor .cell-body {
margin: 16px;
}
.monaco-workbench .menubar>.menubar-menu-button,
.monaco-workbench .menubar .toolbar-toggle-more {
color: var(--vscode-titleBar-activeForeground);
}
.monaco-workbench .activitybar .menubar.compact>.menubar-menu-button,
.monaco-workbench .activitybar .menubar.compact .toolbar-toggle-more {
color: var(--vscode-activityBar-inactiveForeground);
}
.monaco-workbench .activitybar .menubar.compact>.menubar-menu-button.open,
.monaco-workbench .activitybar .menubar.compact>.menubar-menu-button:focus,
.monaco-workbench .activitybar .menubar.compact:not(:focus-within)>.menubar-menu-button:hover,
.monaco-workbench .activitybar .menubar.compact>.menubar-menu-button.open .toolbar-toggle-more,
.monaco-workbench .activitybar .menubar.compact>.menubar-menu-button:focus .toolbar-toggle-more,
.monaco-workbench .activitybar .menubar.compact:not(:focus-within)>.menubar-menu-button:hover .toolbar-toggle-more {
color: var(--vscode-activityBar-foreground);
}
.monaco-workbench .menubar.inactive:not(.compact)>.menubar-menu-button,
.monaco-workbench .menubar.inactive:not(.compact)>.menubar-menu-button .toolbar-toggle-more {
color: var(--vscode-titleBar-inactiveForeground);
}
.monaco-workbench .menubar:not(.compact)>.menubar-menu-button.open,
.monaco-workbench .menubar:not(.compact)>.menubar-menu-button:focus,
.monaco-workbench .menubar:not(:focus-within):not(.compact)>.menubar-menu-button:hover,
.monaco-workbench .menubar:not(.compact)>.menubar-menu-button.open .toolbar-toggle-more,
.monaco-workbench .menubar:not(.compact)>.menubar-menu-button:focus .toolbar-toggle-more,
.monaco-workbench .menubar:not(:focus-within):not(.compact)>.menubar-menu-button:hover .toolbar-toggle-more {
color: var(--vscode-menubar-selectionForeground);
}
.monaco-workbench .menubar:not(.compact)>.menubar-menu-button.open .menubar-menu-title,
.monaco-workbench .menubar:not(.compact)>.menubar-menu-button:focus .menubar-menu-title,
.monaco-workbench .menubar:not(:focus-within):not(.compact)>.menubar-menu-button:hover .menubar-menu-title {
background-color: var(--vscode-menubar-selectionBackground);
}
.monaco-workbench .menubar>.menubar-menu-button:hover .menubar-menu-title {
outline: dashed 1px;
}
.monaco-workbench .menubar>.menubar-menu-button.open .menubar-menu-title,
.monaco-workbench .menubar>.menubar-menu-button:focus .menubar-menu-title {
outline: solid 1px;
}
.monaco-workbench .menubar>.menubar-menu-button.open .menubar-menu-title,
.monaco-workbench .menubar>.menubar-menu-button:focus .menubar-menu-title,
.monaco-workbench .menubar>.menubar-menu-button:hover .menubar-menu-title {
outline-color: var(--vscode-menubar-selectionBorder);
outline-offset: -1px;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment