From 15cdc03ca848e92c927767d611339ac0fe68b400 Mon Sep 17 00:00:00 2001 From: rogermparent Date: Tue, 12 Jul 2022 13:58:18 -0400 Subject: [PATCH 1/7] Add color themes to storybook --- webview/.storybook/main.ts | 1 + webview/.storybook/preview.ts | 8 + webview/package.json | 2 +- webview/src/stories/test-vscode-styles.scss | 1795 ++++++++++++++++++- 4 files changed, 1716 insertions(+), 90 deletions(-) diff --git a/webview/.storybook/main.ts b/webview/.storybook/main.ts index 15e4912241..4ec452aa7d 100644 --- a/webview/.storybook/main.ts +++ b/webview/.storybook/main.ts @@ -6,6 +6,7 @@ export default { staticDirs: ['../../extension/src/test/fixtures/plotsDiff/staticImages'], addons: [ 'storybook-addon-designs', + 'storybook-addon-themes', '@storybook/addon-essentials', '@storybook/addon-interactions', { diff --git a/webview/.storybook/preview.ts b/webview/.storybook/preview.ts index 5f565d8c13..9c9149810f 100644 --- a/webview/.storybook/preview.ts +++ b/webview/.storybook/preview.ts @@ -22,5 +22,13 @@ export const parameters = { viewport: { viewports, defaultViewport: 'default' + }, + themes: { + default: 'dark', + list: [ + { name: 'dark', class: 'vscode-dark', color: '#222' }, + { name: 'light', class: 'vscode-light', color: '#EEE' }, + { name: 'divebar', class: 'vscode-divebar', color: '#E2E' } + ] } } diff --git a/webview/package.json b/webview/package.json index 6c91958cab..8b25df615c 100644 --- a/webview/package.json +++ b/webview/package.json @@ -23,7 +23,6 @@ }, "dependencies": { "@reduxjs/toolkit": "^1.8.2", - "@storybook/testing-library": "^0.0.13", "@tippyjs/react": "^4.2.6", "@vscode/webview-ui-toolkit": "^1.0.0", "classnames": "^2.2.6", @@ -39,6 +38,7 @@ "vega-lite": "^5.2.0" }, "devDependencies": { + "@storybook/testing-library": "^0.0.13", "@storybook/addon-essentials": "6.5.9", "@storybook/addon-interactions": "6.5.9", "@storybook/addons": "6.5.9", diff --git a/webview/src/stories/test-vscode-styles.scss b/webview/src/stories/test-vscode-styles.scss index 1dbe9c78c0..88610b4486 100644 --- a/webview/src/stories/test-vscode-styles.scss +++ b/webview/src/stories/test-vscode-styles.scss @@ -4,14 +4,1433 @@ html { padding: 0; margin: 0; height: 100%; +} + +.vscode-divebar { + //body.vscode-dark + --background: #141322; + --contrast-active-border: transparent; + --focus-border: rgba(0, 0, 0, 0); + --font-family: system-ui, 'Ubuntu', 'Droid Sans', sans-serif; + --font-weight: normal; + --foreground: #7c9c9e; + --scrollbar-slider-background: rgba(255, 66, 142, 0.1); + --scrollbar-slider-hover-background: rgba(255, 66, 142, 0.25); + --scrollbar-slider-active-background: rgba(255, 66, 142, 0.4); + --badge-background: #f52277; + --badge-foreground: #d0fff4; + --button-primary-background: #ff428e; + --button-primary-hover-background: #f52277; + --checkbox-background: #1a1b46; + --checkbox-border: #242560; + --list-active-selection-background: rgba(255, 66, 142, 0.1); + --list-hover-background: rgba(255, 66, 142, 0.05); + --divider-background: #7c9c9e; + --dropdown-background: #1a1b46; + --dropdown-border: #242560; + --input-background: #1c1a30; + --input-foreground: #7c9c9e; + --input-placeholder-foreground: #7c9c9e; + --link-active-foreground: #baffec; + --link-foreground: #a8ffef; + --panel-tab-active-border: #ff428e; + --panel-tab-active-foreground: #7c9c9e; + --panel-tab-foreground: #7c9c9e; + --panel-view-background: #141322; + --panel-view-border: #242560; + --button-primary-foreground: #eafefa; + --checkbox-foreground: #90b0b3; + --list-active-selection-foreground: #a8ffef; + --dropdown-foreground: #90b0b3; + --progress-background: #602976; + //html --vscode-font-family: system-ui, 'Ubuntu', 'Droid Sans', sans-serif; --vscode-font-weight: normal; --vscode-font-size: 13px; - --vscode-editor-font-family: 'Droid Sans Mono', 'monospace', monospace, - 'Droid Sans Fallback'; + --vscode-editor-font-family: 'Droid Sans Mono', 'monospace', monospace; + --vscode-editor-font-weight: normal; + --vscode-editor-font-size: 14px; + --vscode-foreground: #7c9c9e; + --vscode-disabledForeground: rgba(204, 204, 204, 0.5); + --vscode-errorForeground: #ff1767; + --vscode-descriptionForeground: #93e0e3; + --vscode-icon-foreground: #c5c5c5; + --vscode-focusBorder: rgba(0, 0, 0, 0); + --vscode-selection-background: rgba(120, 239, 197, 0.1); + --vscode-textSeparator-foreground: rgba(255, 255, 255, 0.18); + --vscode-textLink-foreground: #a8ffef; + --vscode-textLink-activeForeground: #baffec; + --vscode-textPreformat-foreground: #ff428e; + --vscode-textBlockQuote-background: #242560; + --vscode-textBlockQuote-border: #7c9c9e; + --vscode-textCodeBlock-background: #602976; + --vscode-widget-shadow: rgba(255, 66, 142, 0.5); + --vscode-input-background: #1c1a30; + --vscode-input-foreground: #7c9c9e; + --vscode-input-border: #242560; + --vscode-inputOption-activeBorder: #8c2c56; + --vscode-inputOption-hoverBackground: rgba(90, 93, 94, 0.5); + --vscode-inputOption-activeBackground: rgba(255, 66, 142, 0.15); + --vscode-inputOption-activeForeground: #ffffff; + --vscode-input-placeholderForeground: #7c9c9e; + --vscode-inputValidation-infoBackground: #93e0e3; + --vscode-inputValidation-infoBorder: #93e0e3; + --vscode-inputValidation-warningBackground: #00eaff; + --vscode-inputValidation-warningBorder: #00eaff; + --vscode-inputValidation-errorBackground: #ff1767; + --vscode-inputValidation-errorBorder: #ff1767; + --vscode-dropdown-background: #1a1b46; + --vscode-dropdown-listBackground: rgba(38, 43, 75, 0.9); + --vscode-dropdown-foreground: #90b0b3; + --vscode-dropdown-border: #242560; + --vscode-checkbox-background: #1a1b46; + --vscode-checkbox-foreground: #90b0b3; + --vscode-checkbox-border: #242560; + --vscode-button-foreground: #eafefa; + --vscode-button-background: #ff428e; + --vscode-button-hoverBackground: #f52277; + --vscode-button-secondaryForeground: #ffffff; + --vscode-button-secondaryBackground: #3a3d41; + --vscode-button-secondaryHoverBackground: #45494e; + --vscode-badge-background: #f52277; + --vscode-badge-foreground: #d0fff4; + --vscode-scrollbar-shadow: rgba(255, 66, 142, 0.5); + --vscode-scrollbarSlider-background: rgba(255, 66, 142, 0.1); + --vscode-scrollbarSlider-hoverBackground: rgba(255, 66, 142, 0.25); + --vscode-scrollbarSlider-activeBackground: rgba(255, 66, 142, 0.4); + --vscode-progressBar-background: #602976; + --vscode-editorError-foreground: #ff1767; + --vscode-editorWarning-foreground: #00eaff; + --vscode-editorInfo-foreground: #93e0e3; + --vscode-editorHint-foreground: rgba(238, 238, 238, 0.7); + --vscode-sash-hoverBorder: rgba(0, 0, 0, 0); + --vscode-editor-background: #141322; + --vscode-editor-foreground: #94b4c4; + --vscode-editorWidget-background: rgba(38, 43, 75, 0.9); + --vscode-editorWidget-foreground: #7c9c9e; + --vscode-editorWidget-border: #7c9c9e; + --vscode-editorWidget-resizeBorder: #ff6ba6; + --vscode-quickInput-background: rgba(38, 43, 75, 0.9); + --vscode-quickInput-foreground: #7c9c9e; + --vscode-quickInputTitle-background: rgba(255, 255, 255, 0.1); + --vscode-pickerGroup-foreground: #a8ffef; + --vscode-pickerGroup-border: #8c2c56; + --vscode-keybindingLabel-background: rgba(128, 128, 128, 0.17); + --vscode-keybindingLabel-foreground: #cccccc; + --vscode-keybindingLabel-border: rgba(51, 51, 51, 0.6); + --vscode-keybindingLabel-bottomBorder: rgba(68, 68, 68, 0.6); + --vscode-editor-selectionBackground: rgba(135, 77, 248, 0.3); + --vscode-editor-inactiveSelectionBackground: rgba(135, 77, 248, 0.15); + --vscode-editor-selectionHighlightBackground: rgba(135, 77, 248, 0.1); + --vscode-editor-selectionHighlightBorder: #6e45c7; + --vscode-editor-findMatchBackground: rgba(0, 0, 0, 0); + --vscode-editor-findMatchHighlightBackground: rgba(0, 0, 0, 0); + --vscode-editor-findRangeHighlightBackground: rgba(253, 67, 205, 0.07); + --vscode-editor-findMatchBorder: rgba(151, 54, 192, 0.55); + --vscode-editor-findMatchHighlightBorder: rgba(241, 121, 225, 0.8); + --vscode-searchEditor-findMatchBackground: rgba(0, 0, 0, 0); + --vscode-searchEditor-findMatchBorder: rgba(241, 121, 225, 0.53); + --vscode-editor-hoverHighlightBackground: rgba(253, 67, 205, 0.25); + --vscode-editorHoverWidget-background: rgba(38, 43, 75, 0.9); + --vscode-editorHoverWidget-foreground: #7c9c9e; + --vscode-editorHoverWidget-border: #7c9c9e; + --vscode-editorHoverWidget-statusBarBackground: rgba(46, 52, 90, 0.9); + --vscode-editorLink-activeForeground: #43fdd5; + --vscode-editorInlayHint-foreground: rgba(208, 255, 244, 0.8); + --vscode-editorInlayHint-background: rgba(245, 34, 119, 0.6); + --vscode-editorInlayHint-typeForeground: rgba(208, 255, 244, 0.8); + --vscode-editorInlayHint-typeBackground: rgba(245, 34, 119, 0.6); + --vscode-editorInlayHint-parameterForeground: rgba(208, 255, 244, 0.8); + --vscode-editorInlayHint-parameterBackground: rgba(245, 34, 119, 0.6); + --vscode-editorLightBulb-foreground: #ffcc00; + --vscode-editorLightBulbAutoFix-foreground: #75beff; + --vscode-diffEditor-insertedTextBackground: rgba(67, 253, 213, 0.09); + --vscode-diffEditor-removedTextBackground: rgba(254, 96, 130, 0.09); + --vscode-diffEditor-border: #242560; + --vscode-diffEditor-diagonalFill: rgba(204, 204, 204, 0.2); + --vscode-list-focusBackground: rgba(255, 66, 142, 0.2); + --vscode-list-focusForeground: #a8ffef; + --vscode-list-focusOutline: rgba(0, 0, 0, 0); + --vscode-list-activeSelectionBackground: rgba(255, 66, 142, 0.1); + --vscode-list-activeSelectionForeground: #a8ffef; + --vscode-list-inactiveSelectionBackground: #12111f; + --vscode-list-inactiveSelectionForeground: #a8ffef; + --vscode-list-hoverBackground: rgba(255, 66, 142, 0.05); + --vscode-list-hoverForeground: #7c9c9e; + --vscode-list-dropBackground: rgba(255, 66, 142, 0.6); + --vscode-list-highlightForeground: #a8ffef; + --vscode-list-focusHighlightForeground: #a8ffef; + --vscode-list-invalidItemForeground: #b89500; + --vscode-list-errorForeground: #ff1767; + --vscode-list-warningForeground: #00eaff; + --vscode-listFilterWidget-background: #653723; + --vscode-listFilterWidget-outline: rgba(0, 0, 0, 0); + --vscode-listFilterWidget-noMatchesOutline: #be1100; + --vscode-list-filterMatchBackground: rgba(0, 0, 0, 0); + --vscode-list-filterMatchBorder: rgba(241, 121, 225, 0.8); + --vscode-tree-indentGuidesStroke: #242560; + --vscode-tree-tableColumnsBorder: rgba(204, 204, 204, 0.13); + --vscode-tree-tableOddRowsBackground: rgba(124, 156, 158, 0.04); + --vscode-list-deemphasizedForeground: #8c8c8c; + --vscode-quickInputList-focusForeground: #a8ffef; + --vscode-quickInputList-focusBackground: rgba(255, 66, 142, 0.1); + --vscode-menu-foreground: #90b0b3; + --vscode-menu-background: #1a1b46; + --vscode-menu-selectionForeground: #a8ffef; + --vscode-menu-selectionBackground: rgba(255, 66, 142, 0.1); + --vscode-menu-separatorBackground: #606060; + --vscode-toolbar-hoverBackground: rgba(90, 93, 94, 0.31); + --vscode-toolbar-activeBackground: rgba(99, 102, 103, 0.31); + --vscode-editor-snippetTabstopHighlightBackground: rgba(255, 66, 142, 0.1); + --vscode-editor-snippetTabstopHighlightBorder: #602976; + --vscode-editor-snippetFinalTabstopHighlightBackground: rgba( + 255, + 66, + 142, + 0.1 + ); + --vscode-editor-snippetFinalTabstopHighlightBorder: #864df8; + --vscode-breadcrumb-foreground: #415e6c; + --vscode-breadcrumb-background: #12111f; + --vscode-breadcrumb-focusForeground: #a8ffef; + --vscode-breadcrumb-activeSelectionForeground: #a8ffef; + --vscode-breadcrumbPicker-background: rgba(38, 43, 75, 0.9); + --vscode-merge-currentHeaderBackground: rgba(252, 134, 254, 0.2); + --vscode-merge-currentContentBackground: rgba(252, 134, 254, 0.07); + --vscode-merge-incomingHeaderBackground: rgba(0, 143, 233, 0.2); + --vscode-merge-incomingContentBackground: rgba(0, 143, 233, 0.07); + --vscode-merge-commonHeaderBackground: rgba(255, 208, 0, 0.2); + --vscode-merge-commonContentBackground: rgba(255, 208, 0, 0.07); + --vscode-merge-border: #242560; + --vscode-editorOverviewRuler-currentContentForeground: rgba( + 252, + 134, + 254, + 0.3 + ); + --vscode-editorOverviewRuler-incomingContentForeground: rgba( + 0, + 143, + 233, + 0.3 + ); + --vscode-editorOverviewRuler-commonContentForeground: rgba(255, 208, 0, 0.3); + --vscode-editorOverviewRuler-findMatchForeground: rgba(209, 134, 22, 0.49); + --vscode-editorOverviewRuler-selectionHighlightForeground: rgba( + 160, + 160, + 160, + 0.8 + ); + --vscode-minimap-findMatchHighlight: rgba(151, 54, 192, 0.75); + --vscode-minimap-selectionOccurrenceHighlight: #676767; + --vscode-minimap-selectionHighlight: #264f78; + --vscode-minimap-errorHighlight: rgba(255, 18, 18, 0.7); + --vscode-minimap-warningHighlight: #00eaff; + --vscode-minimap-foregroundOpacity: #000000; + --vscode-minimapSlider-background: rgba(255, 66, 142, 0.05); + --vscode-minimapSlider-hoverBackground: rgba(255, 66, 142, 0.13); + --vscode-minimapSlider-activeBackground: rgba(255, 66, 142, 0.2); + --vscode-problemsErrorIcon-foreground: #ff1767; + --vscode-problemsWarningIcon-foreground: #00eaff; + --vscode-problemsInfoIcon-foreground: #93e0e3; + --vscode-charts-foreground: #7c9c9e; + --vscode-charts-lines: rgba(124, 156, 158, 0.5); + --vscode-charts-red: #ff1767; + --vscode-charts-blue: #93e0e3; + --vscode-charts-yellow: #00eaff; + --vscode-charts-orange: rgba(151, 54, 192, 0.75); + --vscode-charts-green: #89d185; + --vscode-charts-purple: #b180d7; + --vscode-editor-lineHighlightBackground: rgba(208, 67, 207, 0.07); + --vscode-editor-lineHighlightBorder: rgba(0, 0, 0, 0); + --vscode-editor-rangeHighlightBackground: rgba(253, 67, 205, 0.07); + --vscode-editor-rangeHighlightBorder: rgba(0, 0, 0, 0); + --vscode-editor-symbolHighlightBackground: rgba(0, 0, 0, 0); + --vscode-editorCursor-foreground: #ff428e; + --vscode-editorWhitespace-foreground: rgba(227, 228, 226, 0.16); + --vscode-editorIndentGuide-background: rgba(227, 228, 226, 0.16); + --vscode-editorIndentGuide-activeBackground: rgba(255, 66, 142, 0.6); + --vscode-editorLineNumber-foreground: #415e6c; + --vscode-editorActiveLineNumber-foreground: #c6c6c6; + --vscode-editorLineNumber-activeForeground: #d0fff4; + --vscode-editorRuler-foreground: rgba(255, 66, 142, 0.6); + --vscode-editorCodeLens-foreground: rgba(208, 67, 207, 0.5); + --vscode-editorBracketMatch-background: rgba(0, 100, 0, 0.1); + --vscode-editorBracketMatch-border: #d043cf; + --vscode-editorOverviewRuler-border: #242560; + --vscode-editorGutter-background: #141322; + --vscode-editorUnnecessaryCode-opacity: rgba(0, 0, 0, 0.43); + --vscode-editorGhostText-foreground: rgba(255, 255, 255, 0.34); + --vscode-editorOverviewRuler-rangeHighlightForeground: rgba(0, 122, 204, 0.6); + --vscode-editorOverviewRuler-errorForeground: #ff1767; + --vscode-editorOverviewRuler-warningForeground: #00eaff; + --vscode-editorOverviewRuler-infoForeground: #93e0e3; + --vscode-editorBracketHighlight-foreground1: #0adb8b; + --vscode-editorBracketHighlight-foreground2: #00eaff; + --vscode-editorBracketHighlight-foreground3: #f60e67; + --vscode-editorBracketHighlight-foreground4: rgba(0, 0, 0, 0); + --vscode-editorBracketHighlight-foreground5: rgba(0, 0, 0, 0); + --vscode-editorBracketHighlight-foreground6: rgba(0, 0, 0, 0); + --vscode-editorBracketHighlight-unexpectedBracket\.foreground: rgba( + 255, + 18, + 18, + 0.8 + ); + --vscode-editorBracketPairGuide-background1: rgba(0, 0, 0, 0); + --vscode-editorBracketPairGuide-background2: rgba(0, 0, 0, 0); + --vscode-editorBracketPairGuide-background3: rgba(0, 0, 0, 0); + --vscode-editorBracketPairGuide-background4: rgba(0, 0, 0, 0); + --vscode-editorBracketPairGuide-background5: rgba(0, 0, 0, 0); + --vscode-editorBracketPairGuide-background6: rgba(0, 0, 0, 0); + --vscode-editorBracketPairGuide-activeBackground1: rgba(0, 0, 0, 0); + --vscode-editorBracketPairGuide-activeBackground2: rgba(0, 0, 0, 0); + --vscode-editorBracketPairGuide-activeBackground3: rgba(0, 0, 0, 0); + --vscode-editorBracketPairGuide-activeBackground4: rgba(0, 0, 0, 0); + --vscode-editorBracketPairGuide-activeBackground5: rgba(0, 0, 0, 0); + --vscode-editorBracketPairGuide-activeBackground6: rgba(0, 0, 0, 0); + --vscode-editorUnicodeHighlight-border: #bd9b03; + --vscode-editorUnicodeHighlight-background: rgba(189, 155, 3, 0.15); + --vscode-symbolIcon-arrayForeground: #7c9c9e; + --vscode-symbolIcon-booleanForeground: #7c9c9e; + --vscode-symbolIcon-classForeground: #ee9d28; + --vscode-symbolIcon-colorForeground: #7c9c9e; + --vscode-symbolIcon-constantForeground: #7c9c9e; + --vscode-symbolIcon-constructorForeground: #b180d7; + --vscode-symbolIcon-enumeratorForeground: #ee9d28; + --vscode-symbolIcon-enumeratorMemberForeground: #75beff; + --vscode-symbolIcon-eventForeground: #ee9d28; + --vscode-symbolIcon-fieldForeground: #75beff; + --vscode-symbolIcon-fileForeground: #7c9c9e; + --vscode-symbolIcon-folderForeground: #7c9c9e; + --vscode-symbolIcon-functionForeground: #b180d7; + --vscode-symbolIcon-interfaceForeground: #75beff; + --vscode-symbolIcon-keyForeground: #7c9c9e; + --vscode-symbolIcon-keywordForeground: #7c9c9e; + --vscode-symbolIcon-methodForeground: #b180d7; + --vscode-symbolIcon-moduleForeground: #7c9c9e; + --vscode-symbolIcon-namespaceForeground: #7c9c9e; + --vscode-symbolIcon-nullForeground: #7c9c9e; + --vscode-symbolIcon-numberForeground: #7c9c9e; + --vscode-symbolIcon-objectForeground: #7c9c9e; + --vscode-symbolIcon-operatorForeground: #7c9c9e; + --vscode-symbolIcon-packageForeground: #7c9c9e; + --vscode-symbolIcon-propertyForeground: #7c9c9e; + --vscode-symbolIcon-referenceForeground: #7c9c9e; + --vscode-symbolIcon-snippetForeground: #7c9c9e; + --vscode-symbolIcon-stringForeground: #7c9c9e; + --vscode-symbolIcon-structForeground: #7c9c9e; + --vscode-symbolIcon-textForeground: #7c9c9e; + --vscode-symbolIcon-typeParameterForeground: #7c9c9e; + --vscode-symbolIcon-unitForeground: #7c9c9e; + --vscode-symbolIcon-variableForeground: #75beff; + --vscode-editorHoverWidget-highlightForeground: #a8ffef; + --vscode-editorOverviewRuler-bracketMatchForeground: #a0a0a0; + --vscode-editor-foldBackground: rgba(135, 77, 248, 0.09); + --vscode-editorGutter-foldingControlForeground: #c5c5c5; + --vscode-editor-linkedEditingBackground: rgba(255, 0, 0, 0.3); + --vscode-editorSuggestWidget-background: rgba(38, 43, 75, 0.9); + --vscode-editorSuggestWidget-border: #7c9c9e; + --vscode-editorSuggestWidget-foreground: #94b4c4; + --vscode-editorSuggestWidget-selectedForeground: #a8ffef; + --vscode-editorSuggestWidget-selectedBackground: rgba(255, 66, 142, 0.1); + --vscode-editorSuggestWidget-highlightForeground: #a8ffef; + --vscode-editorSuggestWidget-focusHighlightForeground: #a8ffef; + --vscode-editorSuggestWidgetStatus-foreground: rgba(148, 180, 196, 0.5); + --vscode-editor-wordHighlightBackground: rgba(255, 83, 0, 0.05); + --vscode-editor-wordHighlightStrongBackground: rgba(239, 233, 0, 0.05); + --vscode-editor-wordHighlightBorder: rgba(255, 83, 0, 0.25); + --vscode-editor-wordHighlightStrongBorder: rgba(239, 233, 0, 0.25); + --vscode-editorOverviewRuler-wordHighlightForeground: rgba( + 160, + 160, + 160, + 0.8 + ); + --vscode-editorOverviewRuler-wordHighlightStrongForeground: rgba( + 192, + 160, + 192, + 0.8 + ); + --vscode-peekViewTitle-background: #12111f; + --vscode-peekViewTitleLabel-foreground: #a8ffef; + --vscode-peekViewTitleDescription-foreground: #7c9c9e; + --vscode-peekView-border: #fe6083; + --vscode-peekViewResult-background: #12111f; + --vscode-peekViewResult-lineForeground: #7c9c9e; + --vscode-peekViewResult-fileForeground: #7c9c9e; + --vscode-peekViewResult-selectionBackground: rgba(253, 67, 205, 0.1); + --vscode-peekViewResult-selectionForeground: #a8ffef; + --vscode-peekViewEditor-background: #12111f; + --vscode-peekViewEditorGutter-background: #12111f; + --vscode-peekViewResult-matchHighlightBackground: rgba(253, 67, 205, 0.2); + --vscode-peekViewEditor-matchHighlightBackground: rgba(254, 96, 131, 0.15); + --vscode-peekViewEditor-matchHighlightBorder: rgba(0, 0, 0, 0); + --vscode-editorMarkerNavigationError-background: #ff1767; + --vscode-editorMarkerNavigationError-headerBackground: rgba( + 255, + 23, + 103, + 0.1 + ); + --vscode-editorMarkerNavigationWarning-background: #00eaff; + --vscode-editorMarkerNavigationWarning-headerBackground: rgba( + 0, + 234, + 255, + 0.1 + ); + --vscode-editorMarkerNavigationInfo-background: #93e0e3; + --vscode-editorMarkerNavigationInfo-headerBackground: rgba( + 147, + 224, + 227, + 0.1 + ); + --vscode-editorMarkerNavigation-background: rgba(38, 43, 75, 0.9); + --vscode-tab-activeBackground: #12111f; + --vscode-tab-unfocusedActiveBackground: #12111f; + --vscode-tab-inactiveBackground: #12111f; + --vscode-tab-unfocusedInactiveBackground: #12111f; + --vscode-tab-activeForeground: #c9fdf1; + --vscode-tab-inactiveForeground: #90b0b3; + --vscode-tab-unfocusedActiveForeground: rgba(201, 253, 241, 0.5); + --vscode-tab-unfocusedInactiveForeground: rgba(144, 176, 179, 0.5); + --vscode-tab-border: #12111f; + --vscode-tab-lastPinnedBorder: #242560; + --vscode-tab-activeBorder: rgba(0, 0, 0, 0); + --vscode-tab-unfocusedActiveBorder: rgba(0, 0, 0, 0); + --vscode-tab-activeBorderTop: #fc0065; + --vscode-tab-unfocusedActiveBorderTop: rgba(252, 0, 101, 0.5); + --vscode-tab-hoverBorder: #415e6c; + --vscode-tab-unfocusedHoverBorder: rgba(65, 94, 108, 0.5); + --vscode-tab-activeModifiedBorder: #3399cc; + --vscode-tab-inactiveModifiedBorder: rgba(51, 153, 204, 0.5); + --vscode-tab-unfocusedActiveModifiedBorder: rgba(51, 153, 204, 0.5); + --vscode-tab-unfocusedInactiveModifiedBorder: rgba(51, 153, 204, 0.25); + --vscode-editorPane-background: #141322; + --vscode-editorGroup-focusedEmptyBorder: rgba(0, 0, 0, 0); + --vscode-editorGroupHeader-tabsBackground: #12111f; + --vscode-editorGroupHeader-tabsBorder: #242560; + --vscode-editorGroupHeader-noTabsBackground: #141322; + --vscode-editorGroupHeader-border: #1a1b46; + --vscode-editorGroup-border: #242560; + --vscode-editorGroup-dropBackground: rgba(255, 66, 142, 0.6); + --vscode-editorGroup-dropIntoPromptForeground: #7c9c9e; + --vscode-editorGroup-dropIntoPromptBackground: rgba(38, 43, 75, 0.9); + --vscode-sideBySideEditor-horizontalBorder: #242560; + --vscode-sideBySideEditor-verticalBorder: #242560; + --vscode-panel-background: #141322; + --vscode-panel-border: #242560; + --vscode-panelTitle-activeForeground: #7c9c9e; + --vscode-panelTitle-inactiveForeground: #7c9c9e; + --vscode-panelTitle-activeBorder: #ff428e; + --vscode-panel-dropBorder: #7c9c9e; + --vscode-panelSection-dropBackground: rgba(255, 66, 142, 0.6); + --vscode-panelSectionHeader-background: rgba(128, 128, 128, 0.2); + --vscode-panelSection-border: #242560; + --vscode-banner-background: rgba(255, 66, 142, 0.1); + --vscode-banner-foreground: #a8ffef; + --vscode-banner-iconForeground: #93e0e3; + --vscode-statusBar-foreground: #7c9c9e; + --vscode-statusBar-noFolderForeground: #7c9c9e; + --vscode-statusBar-background: #12111f; + --vscode-statusBar-noFolderBackground: #242560; + --vscode-statusBar-border: #242560; + --vscode-statusBar-focusBorder: #7c9c9e; + --vscode-statusBar-noFolderBorder: #602976; + --vscode-statusBarItem-activeBackground: #602976; + --vscode-statusBarItem-focusBorder: #7c9c9e; + --vscode-statusBarItem-hoverBackground: rgba(134, 77, 248, 0.2); + --vscode-statusBarItem-compactHoverBackground: rgba(255, 255, 255, 0.2); + --vscode-statusBarItem-prominentForeground: #7c9c9e; + --vscode-statusBarItem-prominentBackground: #602976; + --vscode-statusBarItem-prominentHoverBackground: #913eb4; + --vscode-statusBarItem-errorBackground: #a7003a; + --vscode-statusBarItem-errorForeground: #ffffff; + --vscode-statusBarItem-warningBackground: #008c99; + --vscode-statusBarItem-warningForeground: #ffffff; + --vscode-activityBar-background: #100f1a; + --vscode-activityBar-foreground: #f52277; + --vscode-activityBar-inactiveForeground: rgba(245, 34, 119, 0.6); + --vscode-activityBar-border: #8c2c56; + --vscode-activityBar-activeBorder: #f52277; + --vscode-activityBar-dropBorder: #f52277; + --vscode-activityBarBadge-background: #f52277; + --vscode-activityBarBadge-foreground: #d0fff4; + --vscode-statusBarItem-remoteBackground: #f52277; + --vscode-statusBarItem-remoteForeground: #d0fff4; + --vscode-extensionBadge-remoteBackground: #f52277; + --vscode-extensionBadge-remoteForeground: #d0fff4; + --vscode-sideBar-background: #12111f; + --vscode-sideBar-foreground: #90b0b3; + --vscode-sideBar-border: #1d1e7d; + --vscode-sideBarTitle-foreground: #7c9c9e; + --vscode-sideBar-dropBackground: rgba(255, 66, 142, 0.6); + --vscode-sideBarSectionHeader-background: #12111f; + --vscode-sideBarSectionHeader-foreground: #7c9c9e; + --vscode-sideBarSectionHeader-border: rgba(0, 0, 0, 0); + --vscode-titleBar-activeForeground: #f52277; + --vscode-titleBar-inactiveForeground: rgba(245, 34, 119, 0.6); + --vscode-titleBar-activeBackground: #100f1a; + --vscode-titleBar-inactiveBackground: rgba(16, 15, 26, 0.6); + --vscode-titleBar-border: #8c2c56; + --vscode-menubar-selectionForeground: #f52277; + --vscode-menubar-selectionBackground: rgba(90, 93, 94, 0.31); + --vscode-notifications-foreground: #7c9c9e; + --vscode-notifications-background: rgba(38, 43, 75, 0.9); + --vscode-notificationLink-foreground: #a8ffef; + --vscode-notificationCenterHeader-background: rgba(50, 56, 98, 0.9); + --vscode-notifications-border: rgba(50, 56, 98, 0.9); + --vscode-notificationsErrorIcon-foreground: #ff1767; + --vscode-notificationsWarningIcon-foreground: #00eaff; + --vscode-notificationsInfoIcon-foreground: #93e0e3; + --vscode-editorCommentsWidget-resolvedBorder: rgba(204, 204, 204, 0.5); + --vscode-editorCommentsWidget-unresolvedBorder: #fe6083; + --vscode-editorCommentsWidget-rangeBackground: rgba(254, 96, 131, 0.1); + --vscode-editorCommentsWidget-rangeBorder: rgba(254, 96, 131, 0.4); + --vscode-editorCommentsWidget-rangeActiveBackground: rgba(254, 96, 131, 0.1); + --vscode-editorCommentsWidget-rangeActiveBorder: rgba(254, 96, 131, 0.4); + --vscode-editorGutter-commentRangeForeground: #c5c5c5; + --vscode-debugToolBar-background: rgba(36, 37, 96, 0.87); + --vscode-debugToolBar-border: rgba(0, 0, 0, 0); + --vscode-debugIcon-startForeground: #89d185; + --vscode-editor-stackFrameHighlightBackground: rgba(255, 83, 0, 0.12); + --vscode-editor-focusedStackFrameHighlightBackground: rgba(239, 233, 0, 0.1); + --vscode-settings-headerForeground: #e7e7e7; + --vscode-settings-modifiedItemIndicator: #0c7d9d; + --vscode-settings-headerBorder: #242560; + --vscode-settings-sashBorder: #242560; + --vscode-settings-dropdownBackground: #1a1b46; + --vscode-settings-dropdownForeground: #90b0b3; + --vscode-settings-dropdownBorder: #242560; + --vscode-settings-dropdownListBorder: #7c9c9e; + --vscode-settings-checkboxBackground: #1a1b46; + --vscode-settings-checkboxForeground: #90b0b3; + --vscode-settings-checkboxBorder: #242560; + --vscode-settings-textInputBackground: #1c1a30; + --vscode-settings-textInputForeground: #7c9c9e; + --vscode-settings-textInputBorder: #242560; + --vscode-settings-numberInputBackground: #1c1a30; + --vscode-settings-numberInputForeground: #7c9c9e; + --vscode-settings-numberInputBorder: #242560; + --vscode-settings-focusedRowBackground: rgba(255, 66, 142, 0.03); + --vscode-settings-rowHoverBackground: rgba(255, 66, 142, 0.01); + --vscode-settings-focusedRowBorder: rgba(255, 255, 255, 0.12); + --vscode-terminal-background: #141322; + --vscode-terminal-foreground: #a8d2d4; + --vscode-terminalCursor-foreground: #defff7; + --vscode-terminalCursor-background: #ff428e; + --vscode-terminal-selectionBackground: rgba(135, 77, 248, 0.3); + --vscode-terminalCommandDecoration-defaultBackground: rgba( + 255, + 255, + 255, + 0.25 + ); + --vscode-terminalCommandDecoration-successBackground: #1b81a8; + --vscode-terminalCommandDecoration-errorBackground: #f14c4c; + --vscode-terminalOverviewRuler-cursorForeground: rgba(160, 160, 160, 0.8); + --vscode-terminal-border: #242560; + --vscode-terminal-findMatchBackground: rgba(0, 0, 0, 0); + --vscode-terminal-findMatchHighlightBackground: rgba(0, 0, 0, 0); + --vscode-terminalOverviewRuler-findMatchForeground: rgba(209, 134, 22, 0.49); + --vscode-terminal-dropBackground: rgba(255, 66, 142, 0.6); + --vscode-terminal-tab\.activeBorder: rgba(0, 0, 0, 0); + --vscode-testing-iconFailed: #f14c4c; + --vscode-testing-iconErrored: #f14c4c; + --vscode-testing-iconPassed: #73c991; + --vscode-testing-runAction: #73c991; + --vscode-testing-iconQueued: #cca700; + --vscode-testing-iconUnset: #848484; + --vscode-testing-iconSkipped: #848484; + --vscode-testing-peekBorder: #ff1767; + --vscode-testing-peekHeaderBackground: rgba(255, 23, 103, 0.1); + --vscode-testing-message\.error\.decorationForeground: #ff1767; + --vscode-testing-message\.error\.lineBackground: rgba(255, 0, 0, 0.2); + --vscode-testing-message\.info\.decorationForeground: rgba( + 148, + 180, + 196, + 0.5 + ); + --vscode-welcomePage-tileBackground: rgba(38, 43, 75, 0.9); + --vscode-welcomePage-tileHoverBackground: rgba(46, 52, 90, 0.9); + --vscode-welcomePage-tileShadow: rgba(255, 66, 142, 0.5); + --vscode-welcomePage-progress\.background: #1c1a30; + --vscode-welcomePage-progress\.foreground: #a8ffef; + --vscode-walkThrough-embeddedEditorBackground: #1e2732; + --vscode-commandCenter-foreground: #f52277; + --vscode-commandCenter-activeForeground: #f52277; + --vscode-commandCenter-activeBackground: rgba(90, 93, 94, 0.31); + --vscode-commandCenter-border: rgba(90, 93, 94, 0.31); + --vscode-debugExceptionWidget-border: #ff1767; + --vscode-debugExceptionWidget-background: rgba(255, 66, 138, 0.45); + --vscode-ports-iconRunningProcessForeground: #f52277; + --vscode-statusBar-debuggingBackground: #12111f; + --vscode-statusBar-debuggingForeground: #a8ffef; + --vscode-statusBar-debuggingBorder: #ff428e; + --vscode-editor-inlineValuesForeground: rgba(255, 255, 255, 0.5); + --vscode-editor-inlineValuesBackground: rgba(255, 200, 0, 0.2); + --vscode-editorGutter-modifiedBackground: #00eaff; + --vscode-editorGutter-addedBackground: #0adb8b; + --vscode-editorGutter-deletedBackground: #ff427b; + --vscode-minimapGutter-modifiedBackground: #00eaff; + --vscode-minimapGutter-addedBackground: #0adb8b; + --vscode-minimapGutter-deletedBackground: #ff427b; + --vscode-editorOverviewRuler-modifiedForeground: #00eaff; + --vscode-editorOverviewRuler-addedForeground: #0adb8b; + --vscode-editorOverviewRuler-deletedForeground: #ff427b; + --vscode-debugIcon-breakpointForeground: #e51400; + --vscode-debugIcon-breakpointDisabledForeground: #848484; + --vscode-debugIcon-breakpointUnverifiedForeground: #848484; + --vscode-debugIcon-breakpointCurrentStackframeForeground: #ffcc00; + --vscode-debugIcon-breakpointStackframeForeground: #89d185; + --vscode-notebook-cellBorderColor: #12111f; + --vscode-notebook-focusedEditorBorder: rgba(0, 0, 0, 0); + --vscode-notebookStatusSuccessIcon-foreground: #89d185; + --vscode-notebookStatusErrorIcon-foreground: #ff1767; + --vscode-notebookStatusRunningIcon-foreground: #7c9c9e; + --vscode-notebook-cellToolbarSeparator: rgba(128, 128, 128, 0.35); + --vscode-notebook-selectedCellBackground: #12111f; + --vscode-notebook-selectedCellBorder: #12111f; + --vscode-notebook-focusedCellBorder: rgba(0, 0, 0, 0); + --vscode-notebook-inactiveFocusedCellBorder: #12111f; + --vscode-notebook-cellStatusBarItemHoverBackground: rgba(255, 255, 255, 0.15); + --vscode-notebook-cellInsertionIndicator: rgba(0, 0, 0, 0); + --vscode-notebookScrollbarSlider-background: rgba(255, 66, 142, 0.1); + --vscode-notebookScrollbarSlider-hoverBackground: rgba(255, 66, 142, 0.25); + --vscode-notebookScrollbarSlider-activeBackground: rgba(255, 66, 142, 0.4); + --vscode-notebook-symbolHighlightBackground: rgba(255, 255, 255, 0.04); + --vscode-notebook-cellEditorBackground: #12111f; + --vscode-keybindingTable-headerBackground: rgba(124, 156, 158, 0.04); + --vscode-keybindingTable-rowsBackground: rgba(124, 156, 158, 0.04); + --vscode-scm-providerBorder: #454545; + --vscode-searchEditor-textInputBorder: #242560; + --vscode-debugTokenExpression-name: #c586c0; + --vscode-debugTokenExpression-value: rgba(204, 204, 204, 0.6); + --vscode-debugTokenExpression-string: #ce9178; + --vscode-debugTokenExpression-boolean: #4e94ce; + --vscode-debugTokenExpression-number: #b5cea8; + --vscode-debugTokenExpression-error: #f48771; + --vscode-debugView-exceptionLabelForeground: #7c9c9e; + --vscode-debugView-exceptionLabelBackground: #6c2022; + --vscode-debugView-stateLabelForeground: #7c9c9e; + --vscode-debugView-stateLabelBackground: rgba(136, 136, 136, 0.27); + --vscode-debugView-valueChangedHighlight: #569cd6; + --vscode-debugConsole-infoForeground: #93e0e3; + --vscode-debugConsole-warningForeground: #00eaff; + --vscode-debugConsole-errorForeground: #ff1767; + --vscode-debugConsole-sourceForeground: #7c9c9e; + --vscode-debugConsoleInputIcon-foreground: #7c9c9e; + --vscode-debugIcon-pauseForeground: #75beff; + --vscode-debugIcon-stopForeground: #f48771; + --vscode-debugIcon-disconnectForeground: #f48771; + --vscode-debugIcon-restartForeground: #89d185; + --vscode-debugIcon-stepOverForeground: #75beff; + --vscode-debugIcon-stepIntoForeground: #75beff; + --vscode-debugIcon-stepOutForeground: #75beff; + --vscode-debugIcon-continueForeground: #75beff; + --vscode-debugIcon-stepBackForeground: #75beff; + --vscode-extensionButton-prominentBackground: #ff428e; + --vscode-extensionButton-prominentForeground: #a8ffef; + --vscode-extensionButton-prominentHoverBackground: #ff6ba6; + --vscode-extensionSponsorButton-background: #b51e78; + --vscode-extensionSponsorButton-hoverBackground: #d61b8c; + --vscode-extensionIcon-starForeground: #ff8e00; + --vscode-extensionIcon-verifiedForeground: #a8ffef; + --vscode-extensionIcon-preReleaseForeground: #1d9271; + --vscode-terminal-ansiBlack: #30317d; + --vscode-terminal-ansiRed: #ff5395; + --vscode-terminal-ansiGreen: #0adb8b; + --vscode-terminal-ansiYellow: #00eaff; + --vscode-terminal-ansiBlue: #7dd9e4; + --vscode-terminal-ansiMagenta: #fa61b8; + --vscode-terminal-ansiCyan: #a8ffef; + --vscode-terminal-ansiWhite: #cff0e8; + --vscode-terminal-ansiBrightBlack: #391ab5; + --vscode-terminal-ansiBrightRed: #ff427b; + --vscode-terminal-ansiBrightGreen: #00eaff; + --vscode-terminal-ansiBrightYellow: #00eaff; + --vscode-terminal-ansiBrightBlue: #84f9fe; + --vscode-terminal-ansiBrightMagenta: #d5358f; + --vscode-terminal-ansiBrightCyan: #83fee8; + --vscode-terminal-ansiBrightWhite: #cbfff2; + --vscode-interactive-activeCodeBorder: #fe6083; + --vscode-interactive-inactiveCodeBorder: #12111f; + --vscode-gitDecoration-addedResourceForeground: #0adb8b; + --vscode-gitDecoration-modifiedResourceForeground: #00eaff; + --vscode-gitDecoration-deletedResourceForeground: #ff427b; + --vscode-gitDecoration-renamedResourceForeground: #73c991; + --vscode-gitDecoration-untrackedResourceForeground: #0adb8b; + --vscode-gitDecoration-ignoredResourceForeground: #415e6c; + --vscode-gitDecoration-stageModifiedResourceForeground: #ff6ba6; + --vscode-gitDecoration-stageDeletedResourceForeground: #ff427b; + --vscode-gitDecoration-conflictingResourceForeground: #ff428a; + --vscode-gitDecoration-submoduleResourceForeground: #cc6796; + --vscode-dvc-deps: #b079e7; + --vscode-dvc-metrics: #fbd38d; + --vscode-dvc-params: #90cdf4; + --vscode-dvc-workspaceChanged: #00eaff; + //:root + --background: #1e1e1e; + --border-width: 1; + --contrast-active-border: #f38518; + --contrast-border: #6fc3df; + --corner-radius: 0; + --design-unit: 4; + --disabled-opacity: 0.4; + --focus-border: #007fd4; + --font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, + Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; + --font-weight: 400; + --foreground: #cccccc; + --input-height: 26; + --input-min-width: 100px; + --type-ramp-base-font-size: 13px; + --type-ramp-base-line-height: normal; + --type-ramp-minus1-font-size: 11px; + --type-ramp-minus1-line-height: 16px; + --type-ramp-minus2-font-size: 9px; + --type-ramp-minus2-line-height: 16px; + --type-ramp-plus1-font-size: 16px; + --type-ramp-plus1-line-height: 24px; + --scrollbarWidth: 10px; + --scrollbarHeight: 10px; + --scrollbar-slider-background: #79797966; + --scrollbar-slider-hover-background: #646464b3; + --scrollbar-slider-active-background: #bfbfbf66; + --badge-background: #4d4d4d; + --badge-foreground: #ffffff; + --button-border: transparent; + --button-icon-background: transparent; + --button-icon-corner-radius: 5px; + --button-icon-outline-offset: 0; + --button-icon-hover-background: rgba(90, 93, 94, 0.31); + --button-icon-padding: 3px; + --button-primary-background: #0e639c; + --button-primary-foreground: #ffffff; + --button-primary-hover-background: #1177bb; + --button-secondary-background: #3a3d41; + --button-secondary-foreground: #ffffff; + --button-secondary-hover-background: #45494e; + --button-padding-horizontal: 11px; + --button-padding-vertical: 4px; + --checkbox-background: #3c3c3c; + --checkbox-border: #3c3c3c; + --checkbox-corner-radius: 3; + --checkbox-foreground: #f0f0f0; + --list-active-selection-background: #094771; + --list-active-selection-foreground: #ffffff; + --list-hover-background: #2a2d2e; + --divider-background: #454545; + --dropdown-background: #3c3c3c; + --dropdown-border: #3c3c3c; + --dropdown-foreground: #f0f0f0; + --dropdown-list-max-height: 200px; + --input-background: #3c3c3c; + --input-foreground: #cccccc; + --input-placeholder-foreground: #cccccc; + --link-active-foreground: #3794ff; + --link-foreground: #3794ff; + --progress-background: #0e70c0; + --panel-tab-active-border: #e7e7e7; + --panel-tab-active-foreground: #e7e7e7; + --panel-tab-foreground: #e7e7e799; + --panel-view-background: #1e1e1e; + --panel-view-border: #80808059; + --tag-corner-radius: 2px; +} +.vscode-light { + //body.vscode-light + --background: #ffffff; + --contrast-active-border: transparent; + --focus-border: #0090f1; + --font-family: system-ui, 'Ubuntu', 'Droid Sans', sans-serif; + --font-weight: normal; + --foreground: #616161; + --scrollbar-slider-background: rgba(100, 100, 100, 0.4); + --scrollbar-slider-hover-background: rgba(100, 100, 100, 0.7); + --scrollbar-slider-active-background: rgba(0, 0, 0, 0.6); + --badge-background: #c4c4c4; + --badge-foreground: #333333; + --button-primary-background: #007acc; + --button-primary-hover-background: #0062a3; + --checkbox-background: #ffffff; + --checkbox-border: #cecece; + --list-active-selection-background: #0060c0; + --list-hover-background: #e8e8e8; + --divider-background: #c8c8c8; + --dropdown-background: #ffffff; + --dropdown-border: #cecece; + --input-background: #ffffff; + --input-foreground: #616161; + --input-placeholder-foreground: #767676; + --link-active-foreground: #006ab1; + --link-foreground: #006ab1; + --panel-tab-active-border: #424242; + --panel-tab-active-foreground: #424242; + --panel-tab-foreground: rgba(66, 66, 66, 0.75); + --panel-view-background: #ffffff; + --panel-view-border: rgba(128, 128, 128, 0.35); + --button-secondary-background: #5f6a79; + --button-secondary-hover-background: #4c5561; + //html + --vscode-font-family: system-ui, 'Ubuntu', 'Droid Sans', sans-serif; + --vscode-font-weight: normal; + --vscode-font-size: 13px; + --vscode-editor-font-family: 'Droid Sans Mono', 'monospace', monospace; + --vscode-editor-font-weight: normal; + --vscode-editor-font-size: 14px; + --vscode-foreground: #616161; + --vscode-disabledForeground: rgba(97, 97, 97, 0.5); + --vscode-errorForeground: #a1260d; + --vscode-descriptionForeground: #717171; + --vscode-icon-foreground: #424242; + --vscode-focusBorder: #0090f1; + --vscode-textSeparator-foreground: rgba(0, 0, 0, 0.18); + --vscode-textLink-foreground: #006ab1; + --vscode-textLink-activeForeground: #006ab1; + --vscode-textPreformat-foreground: #a31515; + --vscode-textBlockQuote-background: rgba(127, 127, 127, 0.1); + --vscode-textBlockQuote-border: rgba(0, 122, 204, 0.5); + --vscode-textCodeBlock-background: rgba(220, 220, 220, 0.4); + --vscode-widget-shadow: rgba(0, 0, 0, 0.16); + --vscode-input-background: #ffffff; + --vscode-input-foreground: #616161; + --vscode-inputOption-activeBorder: rgba(0, 122, 204, 0); + --vscode-inputOption-hoverBackground: rgba(184, 184, 184, 0.31); + --vscode-inputOption-activeBackground: rgba(0, 144, 241, 0.2); + --vscode-inputOption-activeForeground: #000000; + --vscode-input-placeholderForeground: #767676; + --vscode-inputValidation-infoBackground: #d6ecf2; + --vscode-inputValidation-infoBorder: #007acc; + --vscode-inputValidation-warningBackground: #f6f5d2; + --vscode-inputValidation-warningBorder: #b89500; + --vscode-inputValidation-errorBackground: #f2dede; + --vscode-inputValidation-errorBorder: #be1100; + --vscode-dropdown-background: #ffffff; + --vscode-dropdown-border: #cecece; + --vscode-checkbox-background: #ffffff; + --vscode-checkbox-border: #cecece; + --vscode-button-foreground: #ffffff; + --vscode-button-background: #007acc; + --vscode-button-hoverBackground: #0062a3; + --vscode-button-secondaryForeground: #ffffff; + --vscode-button-secondaryBackground: #5f6a79; + --vscode-button-secondaryHoverBackground: #4c5561; + --vscode-badge-background: #c4c4c4; + --vscode-badge-foreground: #333333; + --vscode-scrollbar-shadow: #dddddd; + --vscode-scrollbarSlider-background: rgba(100, 100, 100, 0.4); + --vscode-scrollbarSlider-hoverBackground: rgba(100, 100, 100, 0.7); + --vscode-scrollbarSlider-activeBackground: rgba(0, 0, 0, 0.6); + --vscode-progressBar-background: #0e70c0; + --vscode-editorError-foreground: #e51400; + --vscode-editorWarning-foreground: #bf8803; + --vscode-editorInfo-foreground: #1a85ff; + --vscode-editorHint-foreground: #6c6c6c; + --vscode-sash-hoverBorder: #0090f1; + --vscode-editor-background: #ffffff; + --vscode-editor-foreground: #000000; + --vscode-editorWidget-background: #f3f3f3; + --vscode-editorWidget-foreground: #616161; + --vscode-editorWidget-border: #c8c8c8; + --vscode-quickInput-background: #f3f3f3; + --vscode-quickInput-foreground: #616161; + --vscode-quickInputTitle-background: rgba(0, 0, 0, 0.06); + --vscode-pickerGroup-foreground: #0066bf; + --vscode-pickerGroup-border: #cccedb; + --vscode-keybindingLabel-background: rgba(221, 221, 221, 0.4); + --vscode-keybindingLabel-foreground: #555555; + --vscode-keybindingLabel-border: rgba(204, 204, 204, 0.4); + --vscode-keybindingLabel-bottomBorder: rgba(187, 187, 187, 0.4); + --vscode-editor-selectionBackground: #add6ff; + --vscode-editor-inactiveSelectionBackground: #e5ebf1; + --vscode-editor-selectionHighlightBackground: rgba(173, 214, 255, 0.5); + --vscode-editor-findMatchBackground: #a8ac94; + --vscode-editor-findMatchHighlightBackground: rgba(234, 92, 0, 0.33); + --vscode-editor-findRangeHighlightBackground: rgba(180, 180, 180, 0.3); + --vscode-searchEditor-findMatchBackground: rgba(234, 92, 0, 0.22); + --vscode-editor-hoverHighlightBackground: rgba(173, 214, 255, 0.15); + --vscode-editorHoverWidget-background: #f3f3f3; + --vscode-editorHoverWidget-foreground: #616161; + --vscode-editorHoverWidget-border: #c8c8c8; + --vscode-editorHoverWidget-statusBarBackground: #e7e7e7; + --vscode-editorLink-activeForeground: #0000ff; + --vscode-editorInlayHint-foreground: rgba(51, 51, 51, 0.8); + --vscode-editorInlayHint-background: rgba(196, 196, 196, 0.3); + --vscode-editorInlayHint-typeForeground: rgba(51, 51, 51, 0.8); + --vscode-editorInlayHint-typeBackground: rgba(196, 196, 196, 0.3); + --vscode-editorInlayHint-parameterForeground: rgba(51, 51, 51, 0.8); + --vscode-editorInlayHint-parameterBackground: rgba(196, 196, 196, 0.3); + --vscode-editorLightBulb-foreground: #ddb100; + --vscode-editorLightBulbAutoFix-foreground: #007acc; + --vscode-diffEditor-insertedTextBackground: rgba(155, 185, 85, 0.2); + --vscode-diffEditor-removedTextBackground: rgba(255, 0, 0, 0.2); + --vscode-diffEditor-diagonalFill: rgba(34, 34, 34, 0.2); + --vscode-list-focusOutline: #0090f1; + --vscode-list-activeSelectionBackground: #0060c0; + --vscode-list-activeSelectionForeground: #ffffff; + --vscode-list-activeSelectionIconForeground: #ffffff; + --vscode-list-inactiveSelectionBackground: #e4e6f1; + --vscode-list-hoverBackground: #e8e8e8; + --vscode-list-dropBackground: #d6ebff; + --vscode-list-highlightForeground: #0066bf; + --vscode-list-focusHighlightForeground: #9dddff; + --vscode-list-invalidItemForeground: #b89500; + --vscode-list-errorForeground: #b01011; + --vscode-list-warningForeground: #855f00; + --vscode-listFilterWidget-background: #efc1ad; + --vscode-listFilterWidget-outline: rgba(0, 0, 0, 0); + --vscode-listFilterWidget-noMatchesOutline: #be1100; + --vscode-list-filterMatchBackground: rgba(234, 92, 0, 0.33); + --vscode-tree-indentGuidesStroke: #a9a9a9; + --vscode-tree-tableColumnsBorder: rgba(97, 97, 97, 0.13); + --vscode-tree-tableOddRowsBackground: rgba(97, 97, 97, 0.04); + --vscode-list-deemphasizedForeground: #8e8e90; + --vscode-quickInputList-focusForeground: #ffffff; + --vscode-quickInputList-focusIconForeground: #ffffff; + --vscode-quickInputList-focusBackground: #0060c0; + --vscode-menu-foreground: #616161; + --vscode-menu-background: #ffffff; + --vscode-menu-selectionForeground: #ffffff; + --vscode-menu-selectionBackground: #0060c0; + --vscode-menu-separatorBackground: #d4d4d4; + --vscode-toolbar-hoverBackground: rgba(184, 184, 184, 0.31); + --vscode-toolbar-activeBackground: rgba(166, 166, 166, 0.31); + --vscode-editor-snippetTabstopHighlightBackground: rgba(10, 50, 100, 0.2); + --vscode-editor-snippetFinalTabstopHighlightBorder: rgba(10, 50, 100, 0.5); + --vscode-breadcrumb-foreground: rgba(97, 97, 97, 0.8); + --vscode-breadcrumb-background: #ffffff; + --vscode-breadcrumb-focusForeground: #4e4e4e; + --vscode-breadcrumb-activeSelectionForeground: #4e4e4e; + --vscode-breadcrumbPicker-background: #f3f3f3; + --vscode-merge-currentHeaderBackground: rgba(64, 200, 174, 0.5); + --vscode-merge-currentContentBackground: rgba(64, 200, 174, 0.2); + --vscode-merge-incomingHeaderBackground: rgba(64, 166, 255, 0.5); + --vscode-merge-incomingContentBackground: rgba(64, 166, 255, 0.2); + --vscode-merge-commonHeaderBackground: rgba(96, 96, 96, 0.4); + --vscode-merge-commonContentBackground: rgba(96, 96, 96, 0.16); + --vscode-editorOverviewRuler-currentContentForeground: rgba( + 64, + 200, + 174, + 0.5 + ); + --vscode-editorOverviewRuler-incomingContentForeground: rgba( + 64, + 166, + 255, + 0.5 + ); + --vscode-editorOverviewRuler-commonContentForeground: rgba(96, 96, 96, 0.4); + --vscode-editorOverviewRuler-findMatchForeground: rgba(209, 134, 22, 0.49); + --vscode-editorOverviewRuler-selectionHighlightForeground: rgba( + 160, + 160, + 160, + 0.8 + ); + --vscode-minimap-findMatchHighlight: #d18616; + --vscode-minimap-selectionOccurrenceHighlight: #c9c9c9; + --vscode-minimap-selectionHighlight: #add6ff; + --vscode-minimap-errorHighlight: rgba(255, 18, 18, 0.7); + --vscode-minimap-warningHighlight: #bf8803; + --vscode-minimap-foregroundOpacity: #000000; + --vscode-minimapSlider-background: rgba(100, 100, 100, 0.2); + --vscode-minimapSlider-hoverBackground: rgba(100, 100, 100, 0.35); + --vscode-minimapSlider-activeBackground: rgba(0, 0, 0, 0.3); + --vscode-problemsErrorIcon-foreground: #e51400; + --vscode-problemsWarningIcon-foreground: #bf8803; + --vscode-problemsInfoIcon-foreground: #1a85ff; + --vscode-charts-foreground: #616161; + --vscode-charts-lines: rgba(97, 97, 97, 0.5); + --vscode-charts-red: #e51400; + --vscode-charts-blue: #1a85ff; + --vscode-charts-yellow: #bf8803; + --vscode-charts-orange: #d18616; + --vscode-charts-green: #388a34; + --vscode-charts-purple: #652d90; + --vscode-editor-lineHighlightBorder: #eeeeee; + --vscode-editor-rangeHighlightBackground: rgba(253, 255, 0, 0.2); + --vscode-editor-symbolHighlightBackground: rgba(234, 92, 0, 0.33); + --vscode-editorCursor-foreground: #000000; + --vscode-editorWhitespace-foreground: rgba(51, 51, 51, 0.2); + --vscode-editorIndentGuide-background: #d3d3d3; + --vscode-editorIndentGuide-activeBackground: #939393; + --vscode-editorLineNumber-foreground: #237893; + --vscode-editorActiveLineNumber-foreground: #0b216f; + --vscode-editorLineNumber-activeForeground: #0b216f; + --vscode-editorRuler-foreground: #d3d3d3; + --vscode-editorCodeLens-foreground: #919191; + --vscode-editorBracketMatch-background: rgba(0, 100, 0, 0.1); + --vscode-editorBracketMatch-border: #b9b9b9; + --vscode-editorOverviewRuler-border: rgba(127, 127, 127, 0.3); + --vscode-editorGutter-background: #ffffff; + --vscode-editorUnnecessaryCode-opacity: rgba(0, 0, 0, 0.47); + --vscode-editorGhostText-foreground: rgba(0, 0, 0, 0.47); + --vscode-editorOverviewRuler-rangeHighlightForeground: rgba(0, 122, 204, 0.6); + --vscode-editorOverviewRuler-errorForeground: rgba(255, 18, 18, 0.7); + --vscode-editorOverviewRuler-warningForeground: #bf8803; + --vscode-editorOverviewRuler-infoForeground: #1a85ff; + --vscode-editorBracketHighlight-foreground1: #0431fa; + --vscode-editorBracketHighlight-foreground2: #319331; + --vscode-editorBracketHighlight-foreground3: #7b3814; + --vscode-editorBracketHighlight-foreground4: rgba(0, 0, 0, 0); + --vscode-editorBracketHighlight-foreground5: rgba(0, 0, 0, 0); + --vscode-editorBracketHighlight-foreground6: rgba(0, 0, 0, 0); + --vscode-editorBracketHighlight-unexpectedBracket\.foreground: rgba( + 255, + 18, + 18, + 0.8 + ); + --vscode-editorBracketPairGuide-background1: rgba(0, 0, 0, 0); + --vscode-editorBracketPairGuide-background2: rgba(0, 0, 0, 0); + --vscode-editorBracketPairGuide-background3: rgba(0, 0, 0, 0); + --vscode-editorBracketPairGuide-background4: rgba(0, 0, 0, 0); + --vscode-editorBracketPairGuide-background5: rgba(0, 0, 0, 0); + --vscode-editorBracketPairGuide-background6: rgba(0, 0, 0, 0); + --vscode-editorBracketPairGuide-activeBackground1: rgba(0, 0, 0, 0); + --vscode-editorBracketPairGuide-activeBackground2: rgba(0, 0, 0, 0); + --vscode-editorBracketPairGuide-activeBackground3: rgba(0, 0, 0, 0); + --vscode-editorBracketPairGuide-activeBackground4: rgba(0, 0, 0, 0); + --vscode-editorBracketPairGuide-activeBackground5: rgba(0, 0, 0, 0); + --vscode-editorBracketPairGuide-activeBackground6: rgba(0, 0, 0, 0); + --vscode-editorUnicodeHighlight-border: #cea33d; + --vscode-editorUnicodeHighlight-background: rgba(206, 163, 61, 0.08); + --vscode-symbolIcon-arrayForeground: #616161; + --vscode-symbolIcon-booleanForeground: #616161; + --vscode-symbolIcon-classForeground: #d67e00; + --vscode-symbolIcon-colorForeground: #616161; + --vscode-symbolIcon-constantForeground: #616161; + --vscode-symbolIcon-constructorForeground: #652d90; + --vscode-symbolIcon-enumeratorForeground: #d67e00; + --vscode-symbolIcon-enumeratorMemberForeground: #007acc; + --vscode-symbolIcon-eventForeground: #d67e00; + --vscode-symbolIcon-fieldForeground: #007acc; + --vscode-symbolIcon-fileForeground: #616161; + --vscode-symbolIcon-folderForeground: #616161; + --vscode-symbolIcon-functionForeground: #652d90; + --vscode-symbolIcon-interfaceForeground: #007acc; + --vscode-symbolIcon-keyForeground: #616161; + --vscode-symbolIcon-keywordForeground: #616161; + --vscode-symbolIcon-methodForeground: #652d90; + --vscode-symbolIcon-moduleForeground: #616161; + --vscode-symbolIcon-namespaceForeground: #616161; + --vscode-symbolIcon-nullForeground: #616161; + --vscode-symbolIcon-numberForeground: #616161; + --vscode-symbolIcon-objectForeground: #616161; + --vscode-symbolIcon-operatorForeground: #616161; + --vscode-symbolIcon-packageForeground: #616161; + --vscode-symbolIcon-propertyForeground: #616161; + --vscode-symbolIcon-referenceForeground: #616161; + --vscode-symbolIcon-snippetForeground: #616161; + --vscode-symbolIcon-stringForeground: #616161; + --vscode-symbolIcon-structForeground: #616161; + --vscode-symbolIcon-textForeground: #616161; + --vscode-symbolIcon-typeParameterForeground: #616161; + --vscode-symbolIcon-unitForeground: #616161; + --vscode-symbolIcon-variableForeground: #007acc; + --vscode-editorHoverWidget-highlightForeground: #0066bf; + --vscode-editorOverviewRuler-bracketMatchForeground: #a0a0a0; + --vscode-editor-foldBackground: rgba(173, 214, 255, 0.3); + --vscode-editorGutter-foldingControlForeground: #424242; + --vscode-editor-linkedEditingBackground: rgba(255, 0, 0, 0.3); + --vscode-editorSuggestWidget-background: #f3f3f3; + --vscode-editorSuggestWidget-border: #c8c8c8; + --vscode-editorSuggestWidget-foreground: #000000; + --vscode-editorSuggestWidget-selectedForeground: #ffffff; + --vscode-editorSuggestWidget-selectedIconForeground: #ffffff; + --vscode-editorSuggestWidget-selectedBackground: #0060c0; + --vscode-editorSuggestWidget-highlightForeground: #0066bf; + --vscode-editorSuggestWidget-focusHighlightForeground: #9dddff; + --vscode-editorSuggestWidgetStatus-foreground: rgba(0, 0, 0, 0.5); + --vscode-editor-wordHighlightBackground: rgba(87, 87, 87, 0.25); + --vscode-editor-wordHighlightStrongBackground: rgba(14, 99, 156, 0.25); + --vscode-editorOverviewRuler-wordHighlightForeground: rgba( + 160, + 160, + 160, + 0.8 + ); + --vscode-editorOverviewRuler-wordHighlightStrongForeground: rgba( + 192, + 160, + 192, + 0.8 + ); + --vscode-peekViewTitle-background: rgba(26, 133, 255, 0.1); + --vscode-peekViewTitleLabel-foreground: #000000; + --vscode-peekViewTitleDescription-foreground: #616161; + --vscode-peekView-border: #1a85ff; + --vscode-peekViewResult-background: #f3f3f3; + --vscode-peekViewResult-lineForeground: #646465; + --vscode-peekViewResult-fileForeground: #1e1e1e; + --vscode-peekViewResult-selectionBackground: rgba(51, 153, 255, 0.2); + --vscode-peekViewResult-selectionForeground: #6c6c6c; + --vscode-peekViewEditor-background: #f2f8fc; + --vscode-peekViewEditorGutter-background: #f2f8fc; + --vscode-peekViewResult-matchHighlightBackground: rgba(234, 92, 0, 0.3); + --vscode-peekViewEditor-matchHighlightBackground: rgba(245, 216, 2, 0.87); + --vscode-editorMarkerNavigationError-background: #e51400; + --vscode-editorMarkerNavigationError-headerBackground: rgba(229, 20, 0, 0.1); + --vscode-editorMarkerNavigationWarning-background: #bf8803; + --vscode-editorMarkerNavigationWarning-headerBackground: rgba( + 191, + 136, + 3, + 0.1 + ); + --vscode-editorMarkerNavigationInfo-background: #1a85ff; + --vscode-editorMarkerNavigationInfo-headerBackground: rgba(26, 133, 255, 0.1); + --vscode-editorMarkerNavigation-background: #ffffff; + --vscode-tab-activeBackground: #ffffff; + --vscode-tab-unfocusedActiveBackground: #ffffff; + --vscode-tab-inactiveBackground: #ececec; + --vscode-tab-unfocusedInactiveBackground: #ececec; + --vscode-tab-activeForeground: #333333; + --vscode-tab-inactiveForeground: rgba(51, 51, 51, 0.7); + --vscode-tab-unfocusedActiveForeground: rgba(51, 51, 51, 0.7); + --vscode-tab-unfocusedInactiveForeground: rgba(51, 51, 51, 0.35); + --vscode-tab-border: #f3f3f3; + --vscode-tab-lastPinnedBorder: rgba(97, 97, 97, 0.19); + --vscode-tab-activeModifiedBorder: #33aaee; + --vscode-tab-inactiveModifiedBorder: rgba(51, 170, 238, 0.5); + --vscode-tab-unfocusedActiveModifiedBorder: rgba(51, 170, 238, 0.7); + --vscode-tab-unfocusedInactiveModifiedBorder: rgba(51, 170, 238, 0.25); + --vscode-editorPane-background: #ffffff; + --vscode-editorGroupHeader-tabsBackground: #f3f3f3; + --vscode-editorGroupHeader-noTabsBackground: #ffffff; + --vscode-editorGroup-border: #e7e7e7; + --vscode-editorGroup-dropBackground: rgba(38, 119, 203, 0.18); + --vscode-editorGroup-dropIntoPromptForeground: #616161; + --vscode-editorGroup-dropIntoPromptBackground: #f3f3f3; + --vscode-sideBySideEditor-horizontalBorder: #e7e7e7; + --vscode-sideBySideEditor-verticalBorder: #e7e7e7; + --vscode-panel-background: #ffffff; + --vscode-panel-border: rgba(128, 128, 128, 0.35); + --vscode-panelTitle-activeForeground: #424242; + --vscode-panelTitle-inactiveForeground: rgba(66, 66, 66, 0.75); + --vscode-panelTitle-activeBorder: #424242; + --vscode-panelInput-border: #dddddd; + --vscode-panel-dropBorder: #424242; + --vscode-panelSection-dropBackground: rgba(38, 119, 203, 0.18); + --vscode-panelSectionHeader-background: rgba(128, 128, 128, 0.2); + --vscode-panelSection-border: rgba(128, 128, 128, 0.35); + --vscode-banner-background: #004386; + --vscode-banner-foreground: #ffffff; + --vscode-banner-iconForeground: #1a85ff; + --vscode-statusBar-foreground: #ffffff; + --vscode-statusBar-noFolderForeground: #ffffff; + --vscode-statusBar-background: #007acc; + --vscode-statusBar-noFolderBackground: #68217a; + --vscode-statusBar-focusBorder: #ffffff; + --vscode-statusBarItem-activeBackground: rgba(255, 255, 255, 0.18); + --vscode-statusBarItem-focusBorder: #ffffff; + --vscode-statusBarItem-hoverBackground: rgba(255, 255, 255, 0.12); + --vscode-statusBarItem-compactHoverBackground: rgba(255, 255, 255, 0.2); + --vscode-statusBarItem-prominentForeground: #ffffff; + --vscode-statusBarItem-prominentBackground: rgba(0, 0, 0, 0.5); + --vscode-statusBarItem-prominentHoverBackground: rgba(0, 0, 0, 0.3); + --vscode-statusBarItem-errorBackground: #c72e0f; + --vscode-statusBarItem-errorForeground: #ffffff; + --vscode-statusBarItem-warningBackground: #725102; + --vscode-statusBarItem-warningForeground: #ffffff; + --vscode-activityBar-background: #2c2c2c; + --vscode-activityBar-foreground: #ffffff; + --vscode-activityBar-inactiveForeground: rgba(255, 255, 255, 0.4); + --vscode-activityBar-activeBorder: #ffffff; + --vscode-activityBar-dropBorder: #ffffff; + --vscode-activityBarBadge-background: #007acc; + --vscode-activityBarBadge-foreground: #ffffff; + --vscode-statusBarItem-remoteBackground: #16825d; + --vscode-statusBarItem-remoteForeground: #ffffff; + --vscode-extensionBadge-remoteBackground: #007acc; + --vscode-extensionBadge-remoteForeground: #ffffff; + --vscode-sideBar-background: #f3f3f3; + --vscode-sideBarTitle-foreground: #6f6f6f; + --vscode-sideBar-dropBackground: rgba(38, 119, 203, 0.18); + --vscode-sideBarSectionHeader-background: rgba(0, 0, 0, 0); + --vscode-sideBarSectionHeader-border: rgba(97, 97, 97, 0.19); + --vscode-titleBar-activeForeground: #333333; + --vscode-titleBar-inactiveForeground: rgba(51, 51, 51, 0.6); + --vscode-titleBar-activeBackground: #dddddd; + --vscode-titleBar-inactiveBackground: rgba(221, 221, 221, 0.6); + --vscode-menubar-selectionForeground: #333333; + --vscode-menubar-selectionBackground: rgba(184, 184, 184, 0.31); + --vscode-notifications-foreground: #616161; + --vscode-notifications-background: #f3f3f3; + --vscode-notificationLink-foreground: #006ab1; + --vscode-notificationCenterHeader-background: #e7e7e7; + --vscode-notifications-border: #e7e7e7; + --vscode-notificationsErrorIcon-foreground: #e51400; + --vscode-notificationsWarningIcon-foreground: #bf8803; + --vscode-notificationsInfoIcon-foreground: #1a85ff; + --vscode-editorCommentsWidget-resolvedBorder: rgba(97, 97, 97, 0.5); + --vscode-editorCommentsWidget-unresolvedBorder: #1a85ff; + --vscode-editorCommentsWidget-rangeBackground: rgba(26, 133, 255, 0.1); + --vscode-editorCommentsWidget-rangeBorder: rgba(26, 133, 255, 0.4); + --vscode-editorCommentsWidget-rangeActiveBackground: rgba(26, 133, 255, 0.1); + --vscode-editorCommentsWidget-rangeActiveBorder: rgba(26, 133, 255, 0.4); + --vscode-editorGutter-commentRangeForeground: #c5c5c5; + --vscode-debugToolBar-background: #f3f3f3; + --vscode-debugIcon-startForeground: #388a34; + --vscode-editor-stackFrameHighlightBackground: rgba(255, 255, 102, 0.45); + --vscode-editor-focusedStackFrameHighlightBackground: rgba( + 206, + 231, + 206, + 0.45 + ); + --vscode-settings-headerForeground: #444444; + --vscode-settings-modifiedItemIndicator: #66afe0; + --vscode-settings-headerBorder: rgba(128, 128, 128, 0.35); + --vscode-settings-sashBorder: rgba(128, 128, 128, 0.35); + --vscode-settings-dropdownBackground: #ffffff; + --vscode-settings-dropdownBorder: #cecece; + --vscode-settings-dropdownListBorder: #c8c8c8; + --vscode-settings-checkboxBackground: #ffffff; + --vscode-settings-checkboxBorder: #cecece; + --vscode-settings-textInputBackground: #ffffff; + --vscode-settings-textInputForeground: #616161; + --vscode-settings-textInputBorder: #cecece; + --vscode-settings-numberInputBackground: #ffffff; + --vscode-settings-numberInputForeground: #616161; + --vscode-settings-numberInputBorder: #cecece; + --vscode-settings-focusedRowBackground: rgba(232, 232, 232, 0.6); + --vscode-settings-rowHoverBackground: rgba(232, 232, 232, 0.3); + --vscode-settings-focusedRowBorder: rgba(0, 0, 0, 0.12); + --vscode-terminal-foreground: #333333; + --vscode-terminal-selectionBackground: #add6ff; + --vscode-terminalCommandDecoration-defaultBackground: rgba(0, 0, 0, 0.25); + --vscode-terminalCommandDecoration-successBackground: #2090d3; + --vscode-terminalCommandDecoration-errorBackground: #e51400; + --vscode-terminalOverviewRuler-cursorForeground: rgba(160, 160, 160, 0.8); + --vscode-terminal-border: rgba(128, 128, 128, 0.35); + --vscode-terminal-findMatchBackground: #a8ac94; + --vscode-terminal-findMatchHighlightBackground: rgba(234, 92, 0, 0.33); + --vscode-terminalOverviewRuler-findMatchForeground: rgba(209, 134, 22, 0.49); + --vscode-terminal-dropBackground: rgba(38, 119, 203, 0.18); + --vscode-testing-iconFailed: #f14c4c; + --vscode-testing-iconErrored: #f14c4c; + --vscode-testing-iconPassed: #73c991; + --vscode-testing-runAction: #73c991; + --vscode-testing-iconQueued: #cca700; + --vscode-testing-iconUnset: #848484; + --vscode-testing-iconSkipped: #848484; + --vscode-testing-peekBorder: #e51400; + --vscode-testing-peekHeaderBackground: rgba(229, 20, 0, 0.1); + --vscode-testing-message\.error\.decorationForeground: #e51400; + --vscode-testing-message\.error\.lineBackground: rgba(255, 0, 0, 0.2); + --vscode-testing-message\.info\.decorationForeground: rgba(0, 0, 0, 0.5); + --vscode-welcomePage-tileBackground: #f3f3f3; + --vscode-welcomePage-tileHoverBackground: #dbdbdb; + --vscode-welcomePage-tileShadow: rgba(0, 0, 0, 0.16); + --vscode-welcomePage-progress\.background: #ffffff; + --vscode-welcomePage-progress\.foreground: #006ab1; + --vscode-commandCenter-foreground: #333333; + --vscode-commandCenter-activeForeground: #333333; + --vscode-commandCenter-activeBackground: rgba(184, 184, 184, 0.31); + --vscode-commandCenter-border: rgba(184, 184, 184, 0.31); + --vscode-debugExceptionWidget-border: #a31515; + --vscode-debugExceptionWidget-background: #f1dfde; + --vscode-ports-iconRunningProcessForeground: #369432; + --vscode-statusBar-debuggingBackground: #cc6633; + --vscode-statusBar-debuggingForeground: #ffffff; + --vscode-editor-inlineValuesForeground: rgba(0, 0, 0, 0.5); + --vscode-editor-inlineValuesBackground: rgba(255, 200, 0, 0.2); + --vscode-editorGutter-modifiedBackground: #2090d3; + --vscode-editorGutter-addedBackground: #48985d; + --vscode-editorGutter-deletedBackground: #e51400; + --vscode-minimapGutter-modifiedBackground: #2090d3; + --vscode-minimapGutter-addedBackground: #48985d; + --vscode-minimapGutter-deletedBackground: #e51400; + --vscode-editorOverviewRuler-modifiedForeground: rgba(32, 144, 211, 0.6); + --vscode-editorOverviewRuler-addedForeground: rgba(72, 152, 93, 0.6); + --vscode-editorOverviewRuler-deletedForeground: rgba(229, 20, 0, 0.6); + --vscode-debugIcon-breakpointForeground: #e51400; + --vscode-debugIcon-breakpointDisabledForeground: #848484; + --vscode-debugIcon-breakpointUnverifiedForeground: #848484; + --vscode-debugIcon-breakpointCurrentStackframeForeground: #be8700; + --vscode-debugIcon-breakpointStackframeForeground: #89d185; + --vscode-notebook-cellBorderColor: #e8e8e8; + --vscode-notebook-focusedEditorBorder: #0090f1; + --vscode-notebookStatusSuccessIcon-foreground: #388a34; + --vscode-notebookStatusErrorIcon-foreground: #a1260d; + --vscode-notebookStatusRunningIcon-foreground: #616161; + --vscode-notebook-cellToolbarSeparator: rgba(128, 128, 128, 0.35); + --vscode-notebook-selectedCellBackground: rgba(200, 221, 241, 0.31); + --vscode-notebook-selectedCellBorder: #e8e8e8; + --vscode-notebook-focusedCellBorder: #0090f1; + --vscode-notebook-inactiveFocusedCellBorder: #e8e8e8; + --vscode-notebook-cellStatusBarItemHoverBackground: rgba(0, 0, 0, 0.08); + --vscode-notebook-cellInsertionIndicator: #0090f1; + --vscode-notebookScrollbarSlider-background: rgba(100, 100, 100, 0.4); + --vscode-notebookScrollbarSlider-hoverBackground: rgba(100, 100, 100, 0.7); + --vscode-notebookScrollbarSlider-activeBackground: rgba(0, 0, 0, 0.6); + --vscode-notebook-symbolHighlightBackground: rgba(253, 255, 0, 0.2); + --vscode-notebook-cellEditorBackground: #f3f3f3; + --vscode-keybindingTable-headerBackground: rgba(97, 97, 97, 0.04); + --vscode-keybindingTable-rowsBackground: rgba(97, 97, 97, 0.04); + --vscode-scm-providerBorder: #c8c8c8; + --vscode-searchEditor-textInputBorder: #cecece; + --vscode-debugTokenExpression-name: #9b46b0; + --vscode-debugTokenExpression-value: rgba(108, 108, 108, 0.8); + --vscode-debugTokenExpression-string: #a31515; + --vscode-debugTokenExpression-boolean: #0000ff; + --vscode-debugTokenExpression-number: #098658; + --vscode-debugTokenExpression-error: #e51400; + --vscode-debugView-exceptionLabelForeground: #ffffff; + --vscode-debugView-exceptionLabelBackground: #a31515; + --vscode-debugView-stateLabelForeground: #616161; + --vscode-debugView-stateLabelBackground: rgba(136, 136, 136, 0.27); + --vscode-debugView-valueChangedHighlight: #569cd6; + --vscode-debugConsole-infoForeground: #1a85ff; + --vscode-debugConsole-warningForeground: #bf8803; + --vscode-debugConsole-errorForeground: #a1260d; + --vscode-debugConsole-sourceForeground: #616161; + --vscode-debugConsoleInputIcon-foreground: #616161; + --vscode-debugIcon-pauseForeground: #007acc; + --vscode-debugIcon-stopForeground: #a1260d; + --vscode-debugIcon-disconnectForeground: #a1260d; + --vscode-debugIcon-restartForeground: #388a34; + --vscode-debugIcon-stepOverForeground: #007acc; + --vscode-debugIcon-stepIntoForeground: #007acc; + --vscode-debugIcon-stepOutForeground: #007acc; + --vscode-debugIcon-continueForeground: #007acc; + --vscode-debugIcon-stepBackForeground: #007acc; + --vscode-extensionButton-prominentBackground: #007acc; + --vscode-extensionButton-prominentForeground: #ffffff; + --vscode-extensionButton-prominentHoverBackground: #0062a3; + --vscode-extensionSponsorButton-background: #b51e78; + --vscode-extensionSponsorButton-hoverBackground: #d61b8c; + --vscode-extensionIcon-starForeground: #df6100; + --vscode-extensionIcon-verifiedForeground: #006ab1; + --vscode-extensionIcon-preReleaseForeground: #1d9271; + --vscode-terminal-ansiBlack: #000000; + --vscode-terminal-ansiRed: #cd3131; + --vscode-terminal-ansiGreen: #00bc00; + --vscode-terminal-ansiYellow: #949800; + --vscode-terminal-ansiBlue: #0451a5; + --vscode-terminal-ansiMagenta: #bc05bc; + --vscode-terminal-ansiCyan: #0598bc; + --vscode-terminal-ansiWhite: #555555; + --vscode-terminal-ansiBrightBlack: #666666; + --vscode-terminal-ansiBrightRed: #cd3131; + --vscode-terminal-ansiBrightGreen: #14ce14; + --vscode-terminal-ansiBrightYellow: #b5ba00; + --vscode-terminal-ansiBrightBlue: #0451a5; + --vscode-terminal-ansiBrightMagenta: #bc05bc; + --vscode-terminal-ansiBrightCyan: #0598bc; + --vscode-terminal-ansiBrightWhite: #a5a5a5; + --vscode-interactive-activeCodeBorder: #1a85ff; + --vscode-interactive-inactiveCodeBorder: #e4e6f1; + --vscode-gitDecoration-addedResourceForeground: #587c0c; + --vscode-gitDecoration-modifiedResourceForeground: #895503; + --vscode-gitDecoration-deletedResourceForeground: #ad0707; + --vscode-gitDecoration-renamedResourceForeground: #007100; + --vscode-gitDecoration-untrackedResourceForeground: #007100; + --vscode-gitDecoration-ignoredResourceForeground: #8e8e90; + --vscode-gitDecoration-stageModifiedResourceForeground: #895503; + --vscode-gitDecoration-stageDeletedResourceForeground: #ad0707; + --vscode-gitDecoration-conflictingResourceForeground: #ad0707; + --vscode-gitDecoration-submoduleResourceForeground: #1258a7; + --vscode-dvc-deps: #4f1886; + --vscode-dvc-metrics: #714904; + --vscode-dvc-params: #0b496f; + --vscode-dvc-workspaceChanged: #895503; + //:root --background: #1e1e1e; + --border-width: 1; + --contrast-active-border: #f38518; + --contrast-border: #6fc3df; + --corner-radius: 0; + --design-unit: 4; + --disabled-opacity: 0.4; + --focus-border: #007fd4; + --font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, + Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; + --font-weight: 400; + --foreground: #cccccc; + --input-height: 26; + --input-min-width: 100px; + --type-ramp-base-font-size: 13px; + --type-ramp-base-line-height: normal; + --type-ramp-minus1-font-size: 11px; + --type-ramp-minus1-line-height: 16px; + --type-ramp-minus2-font-size: 9px; + --type-ramp-minus2-line-height: 16px; + --type-ramp-plus1-font-size: 16px; + --type-ramp-plus1-line-height: 24px; + --scrollbarWidth: 10px; + --scrollbarHeight: 10px; + --scrollbar-slider-background: #79797966; + --scrollbar-slider-hover-background: #646464b3; + --scrollbar-slider-active-background: #bfbfbf66; + --badge-background: #4d4d4d; + --badge-foreground: #ffffff; + --button-border: transparent; + --button-icon-background: transparent; + --button-icon-corner-radius: 5px; + --button-icon-outline-offset: 0; + --button-icon-hover-background: rgba(90, 93, 94, 0.31); + --button-icon-padding: 3px; + --button-primary-background: #0e639c; + --button-primary-foreground: #ffffff; + --button-primary-hover-background: #1177bb; + --button-secondary-background: #3a3d41; + --button-secondary-foreground: #ffffff; + --button-secondary-hover-background: #45494e; + --button-padding-horizontal: 11px; + --button-padding-vertical: 4px; + --checkbox-background: #3c3c3c; + --checkbox-border: #3c3c3c; + --checkbox-corner-radius: 3; + --checkbox-foreground: #f0f0f0; + --list-active-selection-background: #094771; + --list-active-selection-foreground: #ffffff; + --list-hover-background: #2a2d2e; + --divider-background: #454545; + --dropdown-background: #3c3c3c; + --dropdown-border: #3c3c3c; + --dropdown-foreground: #f0f0f0; + --dropdown-list-max-height: 200px; + --input-background: #3c3c3c; + --input-foreground: #cccccc; + --input-placeholder-foreground: #cccccc; + --link-active-foreground: #3794ff; + --link-foreground: #3794ff; + --progress-background: #0e70c0; + --panel-tab-active-border: #e7e7e7; + --panel-tab-active-foreground: #e7e7e7; + --panel-tab-foreground: #e7e7e799; + --panel-view-background: #1e1e1e; + --panel-view-border: #80808059; + --tag-corner-radius: 2px; +} +.vscode-dark { + //body.vscode-dark + --contrast-active-border: transparent; + --font-family: system-ui, 'Ubuntu', 'Droid Sans', sans-serif; + --font-weight: normal; + --scrollbar-slider-background: rgba(121, 121, 121, 0.4); + --scrollbar-slider-hover-background: rgba(100, 100, 100, 0.7); + --scrollbar-slider-active-background: rgba(191, 191, 191, 0.4); + --input-placeholder-foreground: #a6a6a6; + --panel-tab-foreground: rgba(231, 231, 231, 0.6); + --panel-view-border: rgba(128, 128, 128, 0.35); + //html + --vscode-font-family: system-ui, 'Ubuntu', 'Droid Sans', sans-serif; + --vscode-font-weight: normal; + --vscode-font-size: 13px; + --vscode-editor-font-family: 'Droid Sans Mono', 'monospace', monospace; --vscode-editor-font-weight: normal; --vscode-editor-font-size: 14px; --vscode-foreground: #cccccc; + --vscode-disabledForeground: rgba(204, 204, 204, 0.5); --vscode-errorForeground: #f48771; --vscode-descriptionForeground: rgba(204, 204, 204, 0.7); --vscode-icon-foreground: #c5c5c5; @@ -27,6 +1446,7 @@ html { --vscode-input-background: #3c3c3c; --vscode-input-foreground: #cccccc; --vscode-inputOption-activeBorder: rgba(0, 122, 204, 0); + --vscode-inputOption-hoverBackground: rgba(90, 93, 94, 0.5); --vscode-inputOption-activeBackground: rgba(0, 127, 212, 0.4); --vscode-inputOption-activeForeground: #ffffff; --vscode-input-placeholderForeground: #a6a6a6; @@ -55,10 +1475,11 @@ html { --vscode-scrollbarSlider-hoverBackground: rgba(100, 100, 100, 0.7); --vscode-scrollbarSlider-activeBackground: rgba(191, 191, 191, 0.4); --vscode-progressBar-background: #0e70c0; - --vscode-editorError-foreground: #f48771; + --vscode-editorError-foreground: #f14c4c; --vscode-editorWarning-foreground: #cca700; - --vscode-editorInfo-foreground: #75beff; + --vscode-editorInfo-foreground: #3794ff; --vscode-editorHint-foreground: rgba(238, 238, 238, 0.7); + --vscode-sash-hoverBorder: #007fd4; --vscode-editor-background: #1e1e1e; --vscode-editor-foreground: #d4d4d4; --vscode-editorWidget-background: #252526; @@ -69,6 +1490,10 @@ html { --vscode-quickInputTitle-background: rgba(255, 255, 255, 0.1); --vscode-pickerGroup-foreground: #3794ff; --vscode-pickerGroup-border: #3f3f46; + --vscode-keybindingLabel-background: rgba(128, 128, 128, 0.17); + --vscode-keybindingLabel-foreground: #cccccc; + --vscode-keybindingLabel-border: rgba(51, 51, 51, 0.6); + --vscode-keybindingLabel-bottomBorder: rgba(68, 68, 68, 0.6); --vscode-editor-selectionBackground: #264f78; --vscode-editor-inactiveSelectionBackground: #3a3d41; --vscode-editor-selectionHighlightBackground: rgba(173, 214, 255, 0.15); @@ -82,20 +1507,26 @@ html { --vscode-editorHoverWidget-border: #454545; --vscode-editorHoverWidget-statusBarBackground: #2c2c2d; --vscode-editorLink-activeForeground: #4e94ce; + --vscode-editorInlayHint-foreground: rgba(255, 255, 255, 0.8); + --vscode-editorInlayHint-background: rgba(77, 77, 77, 0.6); + --vscode-editorInlayHint-typeForeground: rgba(255, 255, 255, 0.8); + --vscode-editorInlayHint-typeBackground: rgba(77, 77, 77, 0.6); + --vscode-editorInlayHint-parameterForeground: rgba(255, 255, 255, 0.8); + --vscode-editorInlayHint-parameterBackground: rgba(77, 77, 77, 0.6); --vscode-editorLightBulb-foreground: #ffcc00; --vscode-editorLightBulbAutoFix-foreground: #75beff; --vscode-diffEditor-insertedTextBackground: rgba(155, 185, 85, 0.2); --vscode-diffEditor-removedTextBackground: rgba(255, 0, 0, 0.2); --vscode-diffEditor-diagonalFill: rgba(204, 204, 204, 0.2); - --vscode-list-focusBackground: #062f4a; + --vscode-list-focusOutline: #007fd4; --vscode-list-activeSelectionBackground: #094771; - --vscode-list-activeSelectionBackground: #094771; - --vscode-list-focusOutline: #007acc; --vscode-list-activeSelectionForeground: #ffffff; + --vscode-list-activeSelectionIconForeground: #ffffff; --vscode-list-inactiveSelectionBackground: #37373d; --vscode-list-hoverBackground: #2a2d2e; --vscode-list-dropBackground: #383b3d; - --vscode-list-highlightForeground: #0097fb; + --vscode-list-highlightForeground: #18a3ff; + --vscode-list-focusHighlightForeground: #18a3ff; --vscode-list-invalidItemForeground: #b89500; --vscode-list-errorForeground: #f88070; --vscode-list-warningForeground: #cca700; @@ -104,13 +1535,19 @@ html { --vscode-listFilterWidget-noMatchesOutline: #be1100; --vscode-list-filterMatchBackground: rgba(234, 92, 0, 0.33); --vscode-tree-indentGuidesStroke: #585858; - --vscode-tree-tableColumnsBorder: #1e1e1e; + --vscode-tree-tableColumnsBorder: rgba(204, 204, 204, 0.13); + --vscode-tree-tableOddRowsBackground: rgba(204, 204, 204, 0.04); --vscode-list-deemphasizedForeground: #8c8c8c; + --vscode-quickInputList-focusForeground: #ffffff; + --vscode-quickInputList-focusIconForeground: #ffffff; + --vscode-quickInputList-focusBackground: #094771; --vscode-menu-foreground: #cccccc; - --vscode-menu-background: #252526; + --vscode-menu-background: #303031; --vscode-menu-selectionForeground: #ffffff; --vscode-menu-selectionBackground: #094771; - --vscode-menu-separatorBackground: #bbbbbb; + --vscode-menu-separatorBackground: #606060; + --vscode-toolbar-hoverBackground: rgba(90, 93, 94, 0.31); + --vscode-toolbar-activeBackground: rgba(99, 102, 103, 0.31); --vscode-editor-snippetTabstopHighlightBackground: rgba(124, 124, 124, 0.3); --vscode-editor-snippetFinalTabstopHighlightBorder: #525252; --vscode-breadcrumb-foreground: rgba(204, 204, 204, 0.8); @@ -145,19 +1582,21 @@ html { 0.8 ); --vscode-minimap-findMatchHighlight: #d18616; + --vscode-minimap-selectionOccurrenceHighlight: #676767; --vscode-minimap-selectionHighlight: #264f78; --vscode-minimap-errorHighlight: rgba(255, 18, 18, 0.7); --vscode-minimap-warningHighlight: #cca700; + --vscode-minimap-foregroundOpacity: #000000; --vscode-minimapSlider-background: rgba(121, 121, 121, 0.2); --vscode-minimapSlider-hoverBackground: rgba(100, 100, 100, 0.35); --vscode-minimapSlider-activeBackground: rgba(191, 191, 191, 0.2); - --vscode-problemsErrorIcon-foreground: #f48771; + --vscode-problemsErrorIcon-foreground: #f14c4c; --vscode-problemsWarningIcon-foreground: #cca700; - --vscode-problemsInfoIcon-foreground: #75beff; + --vscode-problemsInfoIcon-foreground: #3794ff; --vscode-charts-foreground: #cccccc; --vscode-charts-lines: rgba(204, 204, 204, 0.5); - --vscode-charts-red: #f48771; - --vscode-charts-blue: #75beff; + --vscode-charts-red: #f14c4c; + --vscode-charts-blue: #3794ff; --vscode-charts-yellow: #cca700; --vscode-charts-orange: #d18616; --vscode-charts-green: #89d185; @@ -179,11 +1618,37 @@ html { --vscode-editorOverviewRuler-border: rgba(127, 127, 127, 0.3); --vscode-editorGutter-background: #1e1e1e; --vscode-editorUnnecessaryCode-opacity: rgba(0, 0, 0, 0.67); + --vscode-editorGhostText-foreground: rgba(255, 255, 255, 0.34); --vscode-editorOverviewRuler-rangeHighlightForeground: rgba(0, 122, 204, 0.6); --vscode-editorOverviewRuler-errorForeground: rgba(255, 18, 18, 0.7); --vscode-editorOverviewRuler-warningForeground: #cca700; - --vscode-editorOverviewRuler-infoForeground: #75beff; - --vscode-editorOverviewRuler-bracketMatchForeground: #a0a0a0; + --vscode-editorOverviewRuler-infoForeground: #3794ff; + --vscode-editorBracketHighlight-foreground1: #ffd700; + --vscode-editorBracketHighlight-foreground2: #da70d6; + --vscode-editorBracketHighlight-foreground3: #179fff; + --vscode-editorBracketHighlight-foreground4: rgba(0, 0, 0, 0); + --vscode-editorBracketHighlight-foreground5: rgba(0, 0, 0, 0); + --vscode-editorBracketHighlight-foreground6: rgba(0, 0, 0, 0); + --vscode-editorBracketHighlight-unexpectedBracket\.foreground: rgba( + 255, + 18, + 18, + 0.8 + ); + --vscode-editorBracketPairGuide-background1: rgba(0, 0, 0, 0); + --vscode-editorBracketPairGuide-background2: rgba(0, 0, 0, 0); + --vscode-editorBracketPairGuide-background3: rgba(0, 0, 0, 0); + --vscode-editorBracketPairGuide-background4: rgba(0, 0, 0, 0); + --vscode-editorBracketPairGuide-background5: rgba(0, 0, 0, 0); + --vscode-editorBracketPairGuide-background6: rgba(0, 0, 0, 0); + --vscode-editorBracketPairGuide-activeBackground1: rgba(0, 0, 0, 0); + --vscode-editorBracketPairGuide-activeBackground2: rgba(0, 0, 0, 0); + --vscode-editorBracketPairGuide-activeBackground3: rgba(0, 0, 0, 0); + --vscode-editorBracketPairGuide-activeBackground4: rgba(0, 0, 0, 0); + --vscode-editorBracketPairGuide-activeBackground5: rgba(0, 0, 0, 0); + --vscode-editorBracketPairGuide-activeBackground6: rgba(0, 0, 0, 0); + --vscode-editorUnicodeHighlight-border: #bd9b03; + --vscode-editorUnicodeHighlight-background: rgba(189, 155, 3, 0.15); --vscode-symbolIcon-arrayForeground: #cccccc; --vscode-symbolIcon-booleanForeground: #cccccc; --vscode-symbolIcon-classForeground: #ee9d28; @@ -217,7 +1682,20 @@ html { --vscode-symbolIcon-typeParameterForeground: #cccccc; --vscode-symbolIcon-unitForeground: #cccccc; --vscode-symbolIcon-variableForeground: #75beff; + --vscode-editorHoverWidget-highlightForeground: #18a3ff; + --vscode-editorOverviewRuler-bracketMatchForeground: #a0a0a0; + --vscode-editor-foldBackground: rgba(38, 79, 120, 0.3); + --vscode-editorGutter-foldingControlForeground: #c5c5c5; --vscode-editor-linkedEditingBackground: rgba(255, 0, 0, 0.3); + --vscode-editorSuggestWidget-background: #252526; + --vscode-editorSuggestWidget-border: #454545; + --vscode-editorSuggestWidget-foreground: #d4d4d4; + --vscode-editorSuggestWidget-selectedForeground: #ffffff; + --vscode-editorSuggestWidget-selectedIconForeground: #ffffff; + --vscode-editorSuggestWidget-selectedBackground: #094771; + --vscode-editorSuggestWidget-highlightForeground: #18a3ff; + --vscode-editorSuggestWidget-focusHighlightForeground: #18a3ff; + --vscode-editorSuggestWidgetStatus-foreground: rgba(212, 212, 212, 0.5); --vscode-editor-wordHighlightBackground: rgba(87, 87, 87, 0.72); --vscode-editor-wordHighlightStrongBackground: rgba(0, 73, 114, 0.72); --vscode-editorOverviewRuler-wordHighlightForeground: rgba( @@ -232,12 +1710,10 @@ html { 192, 0.8 ); - --vscode-editor-foldBackground: rgba(38, 79, 120, 0.3); - --vscode-editorGutter-foldingControlForeground: #c5c5c5; - --vscode-peekViewTitle-background: #1e1e1e; + --vscode-peekViewTitle-background: rgba(55, 148, 255, 0.1); --vscode-peekViewTitleLabel-foreground: #ffffff; --vscode-peekViewTitleDescription-foreground: rgba(204, 204, 204, 0.7); - --vscode-peekView-border: #007acc; + --vscode-peekView-border: #3794ff; --vscode-peekViewResult-background: #252526; --vscode-peekViewResult-lineForeground: #bbbbbb; --vscode-peekViewResult-fileForeground: #ffffff; @@ -247,15 +1723,18 @@ html { --vscode-peekViewEditorGutter-background: #001f33; --vscode-peekViewResult-matchHighlightBackground: rgba(234, 92, 0, 0.3); --vscode-peekViewEditor-matchHighlightBackground: rgba(255, 143, 0, 0.6); - --vscode-editorMarkerNavigationError-background: #f48771; + --vscode-editorMarkerNavigationError-background: #f14c4c; + --vscode-editorMarkerNavigationError-headerBackground: rgba(241, 76, 76, 0.1); --vscode-editorMarkerNavigationWarning-background: #cca700; - --vscode-editorMarkerNavigationInfo-background: #75beff; - --vscode-editorMarkerNavigation-background: #2d2d30; - --vscode-editorSuggestWidget-background: #252526; - --vscode-editorSuggestWidget-border: #454545; - --vscode-editorSuggestWidget-foreground: #d4d4d4; - --vscode-editorSuggestWidget-selectedBackground: #062f4a; - --vscode-editorSuggestWidget-highlightForeground: #0097fb; + --vscode-editorMarkerNavigationWarning-headerBackground: rgba( + 204, + 167, + 0, + 0.1 + ); + --vscode-editorMarkerNavigationInfo-background: #3794ff; + --vscode-editorMarkerNavigationInfo-headerBackground: rgba(55, 148, 255, 0.1); + --vscode-editorMarkerNavigation-background: #1e1e1e; --vscode-tab-activeBackground: #1e1e1e; --vscode-tab-unfocusedActiveBackground: #1e1e1e; --vscode-tab-inactiveBackground: #2d2d2d; @@ -275,7 +1754,10 @@ html { --vscode-editorGroupHeader-noTabsBackground: #1e1e1e; --vscode-editorGroup-border: #444444; --vscode-editorGroup-dropBackground: rgba(83, 89, 93, 0.5); - --vscode-imagePreview-border: rgba(128, 128, 128, 0.35); + --vscode-editorGroup-dropIntoPromptForeground: #cccccc; + --vscode-editorGroup-dropIntoPromptBackground: #252526; + --vscode-sideBySideEditor-horizontalBorder: #444444; + --vscode-sideBySideEditor-verticalBorder: #444444; --vscode-panel-background: #1e1e1e; --vscode-panel-border: rgba(128, 128, 128, 0.35); --vscode-panelTitle-activeForeground: #e7e7e7; @@ -285,17 +1767,25 @@ html { --vscode-panelSection-dropBackground: rgba(83, 89, 93, 0.5); --vscode-panelSectionHeader-background: rgba(128, 128, 128, 0.2); --vscode-panelSection-border: rgba(128, 128, 128, 0.35); + --vscode-banner-background: #094771; + --vscode-banner-foreground: #ffffff; + --vscode-banner-iconForeground: #3794ff; --vscode-statusBar-foreground: #ffffff; --vscode-statusBar-noFolderForeground: #ffffff; --vscode-statusBar-background: #007acc; --vscode-statusBar-noFolderBackground: #68217a; + --vscode-statusBar-focusBorder: #ffffff; --vscode-statusBarItem-activeBackground: rgba(255, 255, 255, 0.18); + --vscode-statusBarItem-focusBorder: #ffffff; --vscode-statusBarItem-hoverBackground: rgba(255, 255, 255, 0.12); + --vscode-statusBarItem-compactHoverBackground: rgba(255, 255, 255, 0.2); --vscode-statusBarItem-prominentForeground: #ffffff; --vscode-statusBarItem-prominentBackground: rgba(0, 0, 0, 0.5); --vscode-statusBarItem-prominentHoverBackground: rgba(0, 0, 0, 0.3); --vscode-statusBarItem-errorBackground: #c72e0f; --vscode-statusBarItem-errorForeground: #ffffff; + --vscode-statusBarItem-warningBackground: #7a6400; + --vscode-statusBarItem-warningForeground: #ffffff; --vscode-activityBar-background: #333333; --vscode-activityBar-foreground: #ffffff; --vscode-activityBar-inactiveForeground: rgba(255, 255, 255, 0.4); @@ -317,18 +1807,35 @@ html { --vscode-titleBar-activeBackground: #3c3c3c; --vscode-titleBar-inactiveBackground: rgba(60, 60, 60, 0.6); --vscode-menubar-selectionForeground: #cccccc; - --vscode-menubar-selectionBackground: rgba(255, 255, 255, 0.1); + --vscode-menubar-selectionBackground: rgba(90, 93, 94, 0.31); --vscode-notifications-foreground: #cccccc; --vscode-notifications-background: #252526; --vscode-notificationLink-foreground: #3794ff; --vscode-notificationCenterHeader-background: #303031; --vscode-notifications-border: #303031; - --vscode-notificationsErrorIcon-foreground: #f48771; + --vscode-notificationsErrorIcon-foreground: #f14c4c; --vscode-notificationsWarningIcon-foreground: #cca700; - --vscode-notificationsInfoIcon-foreground: #75beff; + --vscode-notificationsInfoIcon-foreground: #3794ff; + --vscode-editorCommentsWidget-resolvedBorder: rgba(204, 204, 204, 0.5); + --vscode-editorCommentsWidget-unresolvedBorder: #3794ff; + --vscode-editorCommentsWidget-rangeBackground: rgba(55, 148, 255, 0.1); + --vscode-editorCommentsWidget-rangeBorder: rgba(55, 148, 255, 0.4); + --vscode-editorCommentsWidget-rangeActiveBackground: rgba(55, 148, 255, 0.1); + --vscode-editorCommentsWidget-rangeActiveBorder: rgba(55, 148, 255, 0.4); --vscode-editorGutter-commentRangeForeground: #c5c5c5; + --vscode-debugToolBar-background: #333333; + --vscode-debugIcon-startForeground: #89d185; + --vscode-editor-stackFrameHighlightBackground: rgba(255, 255, 0, 0.2); + --vscode-editor-focusedStackFrameHighlightBackground: rgba( + 122, + 189, + 122, + 0.3 + ); --vscode-settings-headerForeground: #e7e7e7; --vscode-settings-modifiedItemIndicator: #0c7d9d; + --vscode-settings-headerBorder: rgba(128, 128, 128, 0.35); + --vscode-settings-sashBorder: rgba(128, 128, 128, 0.35); --vscode-settings-dropdownBackground: #3c3c3c; --vscode-settings-dropdownForeground: #f0f0f0; --vscode-settings-dropdownBorder: #3c3c3c; @@ -340,48 +1847,92 @@ html { --vscode-settings-textInputForeground: #cccccc; --vscode-settings-numberInputBackground: #3c3c3c; --vscode-settings-numberInputForeground: #cccccc; - --vscode-settings-focusedRowBackground: rgba(128, 128, 128, 0.14); - --vscode-notebook-rowHoverBackground: rgba(128, 128, 128, 0.07); - --vscode-notebook-focusedRowBorder: rgba(255, 255, 255, 0.12); + --vscode-settings-focusedRowBackground: rgba(42, 45, 46, 0.6); + --vscode-settings-rowHoverBackground: rgba(42, 45, 46, 0.3); + --vscode-settings-focusedRowBorder: rgba(255, 255, 255, 0.12); --vscode-terminal-foreground: #cccccc; - --vscode-terminal-selectionBackground: rgba(255, 255, 255, 0.25); + --vscode-terminal-selectionBackground: #264f78; + --vscode-terminalCommandDecoration-defaultBackground: rgba( + 255, + 255, + 255, + 0.25 + ); + --vscode-terminalCommandDecoration-successBackground: #1b81a8; + --vscode-terminalCommandDecoration-errorBackground: #f14c4c; + --vscode-terminalOverviewRuler-cursorForeground: rgba(160, 160, 160, 0.8); --vscode-terminal-border: rgba(128, 128, 128, 0.35); - --vscode-statusBar-debuggingBackground: #cc6633; - --vscode-statusBar-debuggingForeground: #ffffff; + --vscode-terminal-findMatchBackground: #515c6a; + --vscode-terminal-findMatchHighlightBackground: rgba(234, 92, 0, 0.33); + --vscode-terminalOverviewRuler-findMatchForeground: rgba(209, 134, 22, 0.49); + --vscode-terminal-dropBackground: rgba(83, 89, 93, 0.5); + --vscode-testing-iconFailed: #f14c4c; + --vscode-testing-iconErrored: #f14c4c; + --vscode-testing-iconPassed: #73c991; + --vscode-testing-runAction: #73c991; + --vscode-testing-iconQueued: #cca700; + --vscode-testing-iconUnset: #848484; + --vscode-testing-iconSkipped: #848484; + --vscode-testing-peekBorder: #f14c4c; + --vscode-testing-peekHeaderBackground: rgba(241, 76, 76, 0.1); + --vscode-testing-message\.error\.decorationForeground: #f14c4c; + --vscode-testing-message\.error\.lineBackground: rgba(255, 0, 0, 0.2); + --vscode-testing-message\.info\.decorationForeground: rgba( + 212, + 212, + 212, + 0.5 + ); + --vscode-welcomePage-tileBackground: #252526; + --vscode-welcomePage-tileHoverBackground: #2c2c2d; + --vscode-welcomePage-tileShadow: rgba(0, 0, 0, 0.36); + --vscode-welcomePage-progress\.background: #3c3c3c; + --vscode-welcomePage-progress\.foreground: #3794ff; + --vscode-commandCenter-foreground: #cccccc; + --vscode-commandCenter-activeForeground: #cccccc; + --vscode-commandCenter-activeBackground: rgba(90, 93, 94, 0.31); + --vscode-commandCenter-border: rgba(90, 93, 94, 0.31); --vscode-debugExceptionWidget-border: #a31515; --vscode-debugExceptionWidget-background: #420b0d; - --vscode-editorGutter-modifiedBackground: #0c7d9d; - --vscode-editorGutter-addedBackground: #587c0c; - --vscode-editorGutter-deletedBackground: #94151b; - --vscode-minimapGutter-modifiedBackground: #0c7d9d; - --vscode-minimapGutter-addedBackground: #587c0c; - --vscode-minimapGutter-deletedBackground: #94151b; - --vscode-editorOverviewRuler-modifiedForeground: rgba(12, 125, 157, 0.6); - --vscode-editorOverviewRuler-addedForeground: rgba(88, 124, 12, 0.6); - --vscode-editorOverviewRuler-deletedForeground: rgba(148, 21, 27, 0.6); - --vscode-editor-stackFrameHighlightBackground: rgba(255, 255, 0, 0.2); - --vscode-editor-focusedStackFrameHighlightBackground: rgba( - 122, - 189, - 122, - 0.3 - ); + --vscode-ports-iconRunningProcessForeground: #369432; + --vscode-statusBar-debuggingBackground: #cc6633; + --vscode-statusBar-debuggingForeground: #ffffff; + --vscode-editor-inlineValuesForeground: rgba(255, 255, 255, 0.5); + --vscode-editor-inlineValuesBackground: rgba(255, 200, 0, 0.2); + --vscode-editorGutter-modifiedBackground: #1b81a8; + --vscode-editorGutter-addedBackground: #487e02; + --vscode-editorGutter-deletedBackground: #f14c4c; + --vscode-minimapGutter-modifiedBackground: #1b81a8; + --vscode-minimapGutter-addedBackground: #487e02; + --vscode-minimapGutter-deletedBackground: #f14c4c; + --vscode-editorOverviewRuler-modifiedForeground: rgba(27, 129, 168, 0.6); + --vscode-editorOverviewRuler-addedForeground: rgba(72, 126, 2, 0.6); + --vscode-editorOverviewRuler-deletedForeground: rgba(241, 76, 76, 0.6); --vscode-debugIcon-breakpointForeground: #e51400; --vscode-debugIcon-breakpointDisabledForeground: #848484; --vscode-debugIcon-breakpointUnverifiedForeground: #848484; --vscode-debugIcon-breakpointCurrentStackframeForeground: #ffcc00; --vscode-debugIcon-breakpointStackframeForeground: #89d185; - --vscode-debugToolBar-background: #333333; - --vscode-debugIcon-startForeground: #89d185; - --vscode-debugIcon-pauseForeground: #75beff; - --vscode-debugIcon-stopForeground: #f48771; - --vscode-debugIcon-disconnectForeground: #f48771; - --vscode-debugIcon-restartForeground: #89d185; - --vscode-debugIcon-stepOverForeground: #75beff; - --vscode-debugIcon-stepIntoForeground: #75beff; - --vscode-debugIcon-stepOutForeground: #75beff; - --vscode-debugIcon-continueForeground: #75beff; - --vscode-debugIcon-stepBackForeground: #75beff; + --vscode-notebook-cellBorderColor: #37373d; + --vscode-notebook-focusedEditorBorder: #007fd4; + --vscode-notebookStatusSuccessIcon-foreground: #89d185; + --vscode-notebookStatusErrorIcon-foreground: #f48771; + --vscode-notebookStatusRunningIcon-foreground: #cccccc; + --vscode-notebook-cellToolbarSeparator: rgba(128, 128, 128, 0.35); + --vscode-notebook-selectedCellBackground: #37373d; + --vscode-notebook-selectedCellBorder: #37373d; + --vscode-notebook-focusedCellBorder: #007fd4; + --vscode-notebook-inactiveFocusedCellBorder: #37373d; + --vscode-notebook-cellStatusBarItemHoverBackground: rgba(255, 255, 255, 0.15); + --vscode-notebook-cellInsertionIndicator: #007fd4; + --vscode-notebookScrollbarSlider-background: rgba(121, 121, 121, 0.4); + --vscode-notebookScrollbarSlider-hoverBackground: rgba(100, 100, 100, 0.7); + --vscode-notebookScrollbarSlider-activeBackground: rgba(191, 191, 191, 0.4); + --vscode-notebook-symbolHighlightBackground: rgba(255, 255, 255, 0.04); + --vscode-notebook-cellEditorBackground: #252526; + --vscode-keybindingTable-headerBackground: rgba(204, 204, 204, 0.04); + --vscode-keybindingTable-rowsBackground: rgba(204, 204, 204, 0.04); + --vscode-scm-providerBorder: #454545; --vscode-debugTokenExpression-name: #c586c0; --vscode-debugTokenExpression-value: rgba(204, 204, 204, 0.6); --vscode-debugTokenExpression-string: #ce9178; @@ -393,30 +1944,28 @@ html { --vscode-debugView-stateLabelForeground: #cccccc; --vscode-debugView-stateLabelBackground: rgba(136, 136, 136, 0.27); --vscode-debugView-valueChangedHighlight: #569cd6; - --vscode-debugConsole-infoForeground: #75beff; + --vscode-debugConsole-infoForeground: #3794ff; --vscode-debugConsole-warningForeground: #cca700; --vscode-debugConsole-errorForeground: #f48771; --vscode-debugConsole-sourceForeground: #cccccc; --vscode-debugConsoleInputIcon-foreground: #cccccc; + --vscode-debugIcon-pauseForeground: #75beff; + --vscode-debugIcon-stopForeground: #f48771; + --vscode-debugIcon-disconnectForeground: #f48771; + --vscode-debugIcon-restartForeground: #89d185; + --vscode-debugIcon-stepOverForeground: #75beff; + --vscode-debugIcon-stepIntoForeground: #75beff; + --vscode-debugIcon-stepOutForeground: #75beff; + --vscode-debugIcon-continueForeground: #75beff; + --vscode-debugIcon-stepBackForeground: #75beff; --vscode-extensionButton-prominentBackground: #0e639c; --vscode-extensionButton-prominentForeground: #ffffff; --vscode-extensionButton-prominentHoverBackground: #1177bb; - --vscode-notebook-cellBorderColor: #37373d; - --vscode-notebook-focusedEditorBorder: #007fd4; - --vscode-notebookStatusSuccessIcon-foreground: #89d185; - --vscode-notebookStatusErrorIcon-foreground: #f48771; - --vscode-notebookStatusRunningIcon-foreground: #cccccc; - --vscode-notebook-outputContainerBackgroundColor: #37373d; - --vscode-notebook-cellToolbarSeparator: rgba(128, 128, 128, 0.35); - --vscode-notebook-selectedCellBorder: #37373d; - --vscode-notebook-focusedCellBorder: #007fd4; - --vscode-notebook-cellStatusBarItemHoverBackground: rgba(255, 255, 255, 0.15); - --vscode-notebook-cellInsertionIndicator: #007fd4; - --vscode-notebookScrollbarSlider-background: rgba(121, 121, 121, 0.4); - --vscode-notebookScrollbarSlider-hoverBackground: rgba(100, 100, 100, 0.7); - --vscode-notebookScrollbarSlider-activeBackground: rgba(191, 191, 191, 0.4); - --vscode-notebook-symbolHighlightBackground: rgba(255, 255, 255, 0.04); - --vscode-scm-providerBorder: #454545; + --vscode-extensionSponsorButton-background: #b51e78; + --vscode-extensionSponsorButton-hoverBackground: #d61b8c; + --vscode-extensionIcon-starForeground: #ff8e00; + --vscode-extensionIcon-verifiedForeground: #3794ff; + --vscode-extensionIcon-preReleaseForeground: #1d9271; --vscode-terminal-ansiBlack: #000000; --vscode-terminal-ansiRed: #cd3131; --vscode-terminal-ansiGreen: #0dbc79; @@ -433,20 +1982,88 @@ html { --vscode-terminal-ansiBrightMagenta: #d670d6; --vscode-terminal-ansiBrightCyan: #29b8db; --vscode-terminal-ansiBrightWhite: #e5e5e5; + --vscode-interactive-activeCodeBorder: #3794ff; + --vscode-interactive-inactiveCodeBorder: #37373d; --vscode-gitDecoration-addedResourceForeground: #81b88b; --vscode-gitDecoration-modifiedResourceForeground: #e2c08d; --vscode-gitDecoration-deletedResourceForeground: #c74e39; + --vscode-gitDecoration-renamedResourceForeground: #73c991; --vscode-gitDecoration-untrackedResourceForeground: #73c991; --vscode-gitDecoration-ignoredResourceForeground: #8c8c8c; --vscode-gitDecoration-stageModifiedResourceForeground: #e2c08d; --vscode-gitDecoration-stageDeletedResourceForeground: #c74e39; - --vscode-gitDecoration-conflictingResourceForeground: #6c6cc4; + --vscode-gitDecoration-conflictingResourceForeground: #e4676b; --vscode-gitDecoration-submoduleResourceForeground: #8db9e2; - + --vscode-dvc-deps: #b079e7; --vscode-dvc-metrics: #fbd38d; --vscode-dvc-params: #90cdf4; - --vscode-dvc-deps: #b079e7; - --vscode-dvc-workspaceChanged: var( - --vscode-gitDecoration-modifiedResourceForeground - ); + --vscode-dvc-workspaceChanged: #e2c08d; + //:root + --background: #1e1e1e; + --border-width: 1; + --contrast-active-border: #f38518; + --contrast-border: #6fc3df; + --corner-radius: 0; + --design-unit: 4; + --disabled-opacity: 0.4; + --focus-border: #007fd4; + --font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, + Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; + --font-weight: 400; + --foreground: #cccccc; + --input-height: 26; + --input-min-width: 100px; + --type-ramp-base-font-size: 13px; + --type-ramp-base-line-height: normal; + --type-ramp-minus1-font-size: 11px; + --type-ramp-minus1-line-height: 16px; + --type-ramp-minus2-font-size: 9px; + --type-ramp-minus2-line-height: 16px; + --type-ramp-plus1-font-size: 16px; + --type-ramp-plus1-line-height: 24px; + --scrollbarWidth: 10px; + --scrollbarHeight: 10px; + --scrollbar-slider-background: #79797966; + --scrollbar-slider-hover-background: #646464b3; + --scrollbar-slider-active-background: #bfbfbf66; + --badge-background: #4d4d4d; + --badge-foreground: #ffffff; + --button-border: transparent; + --button-icon-background: transparent; + --button-icon-corner-radius: 5px; + --button-icon-outline-offset: 0; + --button-icon-hover-background: rgba(90, 93, 94, 0.31); + --button-icon-padding: 3px; + --button-primary-background: #0e639c; + --button-primary-foreground: #ffffff; + --button-primary-hover-background: #1177bb; + --button-secondary-background: #3a3d41; + --button-secondary-foreground: #ffffff; + --button-secondary-hover-background: #45494e; + --button-padding-horizontal: 11px; + --button-padding-vertical: 4px; + --checkbox-background: #3c3c3c; + --checkbox-border: #3c3c3c; + --checkbox-corner-radius: 3; + --checkbox-foreground: #f0f0f0; + --list-active-selection-background: #094771; + --list-active-selection-foreground: #ffffff; + --list-hover-background: #2a2d2e; + --divider-background: #454545; + --dropdown-background: #3c3c3c; + --dropdown-border: #3c3c3c; + --dropdown-foreground: #f0f0f0; + --dropdown-list-max-height: 200px; + --input-background: #3c3c3c; + --input-foreground: #cccccc; + --input-placeholder-foreground: #cccccc; + --link-active-foreground: #3794ff; + --link-foreground: #3794ff; + --progress-background: #0e70c0; + --panel-tab-active-border: #e7e7e7; + --panel-tab-active-foreground: #e7e7e7; + --panel-tab-foreground: #e7e7e799; + --panel-view-background: #1e1e1e; + --panel-view-border: #80808059; + --tag-corner-radius: 2px; } From 3f0fccbd41f06051a926a32ccaa939622e02f01f Mon Sep 17 00:00:00 2001 From: rogermparent Date: Tue, 12 Jul 2022 15:00:20 -0400 Subject: [PATCH 2/7] Use dark by default --- webview/src/stories/test-vscode-styles.scss | 2872 +++++++++---------- 1 file changed, 1435 insertions(+), 1437 deletions(-) diff --git a/webview/src/stories/test-vscode-styles.scss b/webview/src/stories/test-vscode-styles.scss index 88610b4486..8eb56cf8db 100644 --- a/webview/src/stories/test-vscode-styles.scss +++ b/webview/src/stories/test-vscode-styles.scss @@ -4,45 +4,16 @@ html { padding: 0; margin: 0; height: 100%; -} - -.vscode-divebar { //body.vscode-dark - --background: #141322; --contrast-active-border: transparent; - --focus-border: rgba(0, 0, 0, 0); --font-family: system-ui, 'Ubuntu', 'Droid Sans', sans-serif; --font-weight: normal; - --foreground: #7c9c9e; - --scrollbar-slider-background: rgba(255, 66, 142, 0.1); - --scrollbar-slider-hover-background: rgba(255, 66, 142, 0.25); - --scrollbar-slider-active-background: rgba(255, 66, 142, 0.4); - --badge-background: #f52277; - --badge-foreground: #d0fff4; - --button-primary-background: #ff428e; - --button-primary-hover-background: #f52277; - --checkbox-background: #1a1b46; - --checkbox-border: #242560; - --list-active-selection-background: rgba(255, 66, 142, 0.1); - --list-hover-background: rgba(255, 66, 142, 0.05); - --divider-background: #7c9c9e; - --dropdown-background: #1a1b46; - --dropdown-border: #242560; - --input-background: #1c1a30; - --input-foreground: #7c9c9e; - --input-placeholder-foreground: #7c9c9e; - --link-active-foreground: #baffec; - --link-foreground: #a8ffef; - --panel-tab-active-border: #ff428e; - --panel-tab-active-foreground: #7c9c9e; - --panel-tab-foreground: #7c9c9e; - --panel-view-background: #141322; - --panel-view-border: #242560; - --button-primary-foreground: #eafefa; - --checkbox-foreground: #90b0b3; - --list-active-selection-foreground: #a8ffef; - --dropdown-foreground: #90b0b3; - --progress-background: #602976; + --scrollbar-slider-background: rgba(121, 121, 121, 0.4); + --scrollbar-slider-hover-background: rgba(100, 100, 100, 0.7); + --scrollbar-slider-active-background: rgba(191, 191, 191, 0.4); + --input-placeholder-foreground: #a6a6a6; + --panel-tab-foreground: rgba(231, 231, 231, 0.6); + --panel-view-border: rgba(128, 128, 128, 0.35); //html --vscode-font-family: system-ui, 'Ubuntu', 'Droid Sans', sans-serif; --vscode-font-weight: normal; @@ -50,171 +21,151 @@ html { --vscode-editor-font-family: 'Droid Sans Mono', 'monospace', monospace; --vscode-editor-font-weight: normal; --vscode-editor-font-size: 14px; - --vscode-foreground: #7c9c9e; + --vscode-foreground: #cccccc; --vscode-disabledForeground: rgba(204, 204, 204, 0.5); - --vscode-errorForeground: #ff1767; - --vscode-descriptionForeground: #93e0e3; + --vscode-errorForeground: #f48771; + --vscode-descriptionForeground: rgba(204, 204, 204, 0.7); --vscode-icon-foreground: #c5c5c5; - --vscode-focusBorder: rgba(0, 0, 0, 0); - --vscode-selection-background: rgba(120, 239, 197, 0.1); + --vscode-focusBorder: #007fd4; --vscode-textSeparator-foreground: rgba(255, 255, 255, 0.18); - --vscode-textLink-foreground: #a8ffef; - --vscode-textLink-activeForeground: #baffec; - --vscode-textPreformat-foreground: #ff428e; - --vscode-textBlockQuote-background: #242560; - --vscode-textBlockQuote-border: #7c9c9e; - --vscode-textCodeBlock-background: #602976; - --vscode-widget-shadow: rgba(255, 66, 142, 0.5); - --vscode-input-background: #1c1a30; - --vscode-input-foreground: #7c9c9e; - --vscode-input-border: #242560; - --vscode-inputOption-activeBorder: #8c2c56; + --vscode-textLink-foreground: #3794ff; + --vscode-textLink-activeForeground: #3794ff; + --vscode-textPreformat-foreground: #d7ba7d; + --vscode-textBlockQuote-background: rgba(127, 127, 127, 0.1); + --vscode-textBlockQuote-border: rgba(0, 122, 204, 0.5); + --vscode-textCodeBlock-background: rgba(10, 10, 10, 0.4); + --vscode-widget-shadow: rgba(0, 0, 0, 0.36); + --vscode-input-background: #3c3c3c; + --vscode-input-foreground: #cccccc; + --vscode-inputOption-activeBorder: rgba(0, 122, 204, 0); --vscode-inputOption-hoverBackground: rgba(90, 93, 94, 0.5); - --vscode-inputOption-activeBackground: rgba(255, 66, 142, 0.15); + --vscode-inputOption-activeBackground: rgba(0, 127, 212, 0.4); --vscode-inputOption-activeForeground: #ffffff; - --vscode-input-placeholderForeground: #7c9c9e; - --vscode-inputValidation-infoBackground: #93e0e3; - --vscode-inputValidation-infoBorder: #93e0e3; - --vscode-inputValidation-warningBackground: #00eaff; - --vscode-inputValidation-warningBorder: #00eaff; - --vscode-inputValidation-errorBackground: #ff1767; - --vscode-inputValidation-errorBorder: #ff1767; - --vscode-dropdown-background: #1a1b46; - --vscode-dropdown-listBackground: rgba(38, 43, 75, 0.9); - --vscode-dropdown-foreground: #90b0b3; - --vscode-dropdown-border: #242560; - --vscode-checkbox-background: #1a1b46; - --vscode-checkbox-foreground: #90b0b3; - --vscode-checkbox-border: #242560; - --vscode-button-foreground: #eafefa; - --vscode-button-background: #ff428e; - --vscode-button-hoverBackground: #f52277; + --vscode-input-placeholderForeground: #a6a6a6; + --vscode-inputValidation-infoBackground: #063b49; + --vscode-inputValidation-infoBorder: #007acc; + --vscode-inputValidation-warningBackground: #352a05; + --vscode-inputValidation-warningBorder: #b89500; + --vscode-inputValidation-errorBackground: #5a1d1d; + --vscode-inputValidation-errorBorder: #be1100; + --vscode-dropdown-background: #3c3c3c; + --vscode-dropdown-foreground: #f0f0f0; + --vscode-dropdown-border: #3c3c3c; + --vscode-checkbox-background: #3c3c3c; + --vscode-checkbox-foreground: #f0f0f0; + --vscode-checkbox-border: #3c3c3c; + --vscode-button-foreground: #ffffff; + --vscode-button-background: #0e639c; + --vscode-button-hoverBackground: #1177bb; --vscode-button-secondaryForeground: #ffffff; --vscode-button-secondaryBackground: #3a3d41; --vscode-button-secondaryHoverBackground: #45494e; - --vscode-badge-background: #f52277; - --vscode-badge-foreground: #d0fff4; - --vscode-scrollbar-shadow: rgba(255, 66, 142, 0.5); - --vscode-scrollbarSlider-background: rgba(255, 66, 142, 0.1); - --vscode-scrollbarSlider-hoverBackground: rgba(255, 66, 142, 0.25); - --vscode-scrollbarSlider-activeBackground: rgba(255, 66, 142, 0.4); - --vscode-progressBar-background: #602976; - --vscode-editorError-foreground: #ff1767; - --vscode-editorWarning-foreground: #00eaff; - --vscode-editorInfo-foreground: #93e0e3; + --vscode-badge-background: #4d4d4d; + --vscode-badge-foreground: #ffffff; + --vscode-scrollbar-shadow: #000000; + --vscode-scrollbarSlider-background: rgba(121, 121, 121, 0.4); + --vscode-scrollbarSlider-hoverBackground: rgba(100, 100, 100, 0.7); + --vscode-scrollbarSlider-activeBackground: rgba(191, 191, 191, 0.4); + --vscode-progressBar-background: #0e70c0; + --vscode-editorError-foreground: #f14c4c; + --vscode-editorWarning-foreground: #cca700; + --vscode-editorInfo-foreground: #3794ff; --vscode-editorHint-foreground: rgba(238, 238, 238, 0.7); - --vscode-sash-hoverBorder: rgba(0, 0, 0, 0); - --vscode-editor-background: #141322; - --vscode-editor-foreground: #94b4c4; - --vscode-editorWidget-background: rgba(38, 43, 75, 0.9); - --vscode-editorWidget-foreground: #7c9c9e; - --vscode-editorWidget-border: #7c9c9e; - --vscode-editorWidget-resizeBorder: #ff6ba6; - --vscode-quickInput-background: rgba(38, 43, 75, 0.9); - --vscode-quickInput-foreground: #7c9c9e; + --vscode-sash-hoverBorder: #007fd4; + --vscode-editor-background: #1e1e1e; + --vscode-editor-foreground: #d4d4d4; + --vscode-editorWidget-background: #252526; + --vscode-editorWidget-foreground: #cccccc; + --vscode-editorWidget-border: #454545; + --vscode-quickInput-background: #252526; + --vscode-quickInput-foreground: #cccccc; --vscode-quickInputTitle-background: rgba(255, 255, 255, 0.1); - --vscode-pickerGroup-foreground: #a8ffef; - --vscode-pickerGroup-border: #8c2c56; + --vscode-pickerGroup-foreground: #3794ff; + --vscode-pickerGroup-border: #3f3f46; --vscode-keybindingLabel-background: rgba(128, 128, 128, 0.17); --vscode-keybindingLabel-foreground: #cccccc; --vscode-keybindingLabel-border: rgba(51, 51, 51, 0.6); --vscode-keybindingLabel-bottomBorder: rgba(68, 68, 68, 0.6); - --vscode-editor-selectionBackground: rgba(135, 77, 248, 0.3); - --vscode-editor-inactiveSelectionBackground: rgba(135, 77, 248, 0.15); - --vscode-editor-selectionHighlightBackground: rgba(135, 77, 248, 0.1); - --vscode-editor-selectionHighlightBorder: #6e45c7; - --vscode-editor-findMatchBackground: rgba(0, 0, 0, 0); - --vscode-editor-findMatchHighlightBackground: rgba(0, 0, 0, 0); - --vscode-editor-findRangeHighlightBackground: rgba(253, 67, 205, 0.07); - --vscode-editor-findMatchBorder: rgba(151, 54, 192, 0.55); - --vscode-editor-findMatchHighlightBorder: rgba(241, 121, 225, 0.8); - --vscode-searchEditor-findMatchBackground: rgba(0, 0, 0, 0); - --vscode-searchEditor-findMatchBorder: rgba(241, 121, 225, 0.53); - --vscode-editor-hoverHighlightBackground: rgba(253, 67, 205, 0.25); - --vscode-editorHoverWidget-background: rgba(38, 43, 75, 0.9); - --vscode-editorHoverWidget-foreground: #7c9c9e; - --vscode-editorHoverWidget-border: #7c9c9e; - --vscode-editorHoverWidget-statusBarBackground: rgba(46, 52, 90, 0.9); - --vscode-editorLink-activeForeground: #43fdd5; - --vscode-editorInlayHint-foreground: rgba(208, 255, 244, 0.8); - --vscode-editorInlayHint-background: rgba(245, 34, 119, 0.6); - --vscode-editorInlayHint-typeForeground: rgba(208, 255, 244, 0.8); - --vscode-editorInlayHint-typeBackground: rgba(245, 34, 119, 0.6); - --vscode-editorInlayHint-parameterForeground: rgba(208, 255, 244, 0.8); - --vscode-editorInlayHint-parameterBackground: rgba(245, 34, 119, 0.6); + --vscode-editor-selectionBackground: #264f78; + --vscode-editor-inactiveSelectionBackground: #3a3d41; + --vscode-editor-selectionHighlightBackground: rgba(173, 214, 255, 0.15); + --vscode-editor-findMatchBackground: #515c6a; + --vscode-editor-findMatchHighlightBackground: rgba(234, 92, 0, 0.33); + --vscode-editor-findRangeHighlightBackground: rgba(58, 61, 65, 0.4); + --vscode-searchEditor-findMatchBackground: rgba(234, 92, 0, 0.22); + --vscode-editor-hoverHighlightBackground: rgba(38, 79, 120, 0.25); + --vscode-editorHoverWidget-background: #252526; + --vscode-editorHoverWidget-foreground: #cccccc; + --vscode-editorHoverWidget-border: #454545; + --vscode-editorHoverWidget-statusBarBackground: #2c2c2d; + --vscode-editorLink-activeForeground: #4e94ce; + --vscode-editorInlayHint-foreground: rgba(255, 255, 255, 0.8); + --vscode-editorInlayHint-background: rgba(77, 77, 77, 0.6); + --vscode-editorInlayHint-typeForeground: rgba(255, 255, 255, 0.8); + --vscode-editorInlayHint-typeBackground: rgba(77, 77, 77, 0.6); + --vscode-editorInlayHint-parameterForeground: rgba(255, 255, 255, 0.8); + --vscode-editorInlayHint-parameterBackground: rgba(77, 77, 77, 0.6); --vscode-editorLightBulb-foreground: #ffcc00; --vscode-editorLightBulbAutoFix-foreground: #75beff; - --vscode-diffEditor-insertedTextBackground: rgba(67, 253, 213, 0.09); - --vscode-diffEditor-removedTextBackground: rgba(254, 96, 130, 0.09); - --vscode-diffEditor-border: #242560; + --vscode-diffEditor-insertedTextBackground: rgba(155, 185, 85, 0.2); + --vscode-diffEditor-removedTextBackground: rgba(255, 0, 0, 0.2); --vscode-diffEditor-diagonalFill: rgba(204, 204, 204, 0.2); - --vscode-list-focusBackground: rgba(255, 66, 142, 0.2); - --vscode-list-focusForeground: #a8ffef; - --vscode-list-focusOutline: rgba(0, 0, 0, 0); - --vscode-list-activeSelectionBackground: rgba(255, 66, 142, 0.1); - --vscode-list-activeSelectionForeground: #a8ffef; - --vscode-list-inactiveSelectionBackground: #12111f; - --vscode-list-inactiveSelectionForeground: #a8ffef; - --vscode-list-hoverBackground: rgba(255, 66, 142, 0.05); - --vscode-list-hoverForeground: #7c9c9e; - --vscode-list-dropBackground: rgba(255, 66, 142, 0.6); - --vscode-list-highlightForeground: #a8ffef; - --vscode-list-focusHighlightForeground: #a8ffef; + --vscode-list-focusOutline: #007fd4; + --vscode-list-activeSelectionBackground: #094771; + --vscode-list-activeSelectionForeground: #ffffff; + --vscode-list-activeSelectionIconForeground: #ffffff; + --vscode-list-inactiveSelectionBackground: #37373d; + --vscode-list-hoverBackground: #2a2d2e; + --vscode-list-dropBackground: #383b3d; + --vscode-list-highlightForeground: #18a3ff; + --vscode-list-focusHighlightForeground: #18a3ff; --vscode-list-invalidItemForeground: #b89500; - --vscode-list-errorForeground: #ff1767; - --vscode-list-warningForeground: #00eaff; + --vscode-list-errorForeground: #f88070; + --vscode-list-warningForeground: #cca700; --vscode-listFilterWidget-background: #653723; --vscode-listFilterWidget-outline: rgba(0, 0, 0, 0); --vscode-listFilterWidget-noMatchesOutline: #be1100; - --vscode-list-filterMatchBackground: rgba(0, 0, 0, 0); - --vscode-list-filterMatchBorder: rgba(241, 121, 225, 0.8); - --vscode-tree-indentGuidesStroke: #242560; + --vscode-list-filterMatchBackground: rgba(234, 92, 0, 0.33); + --vscode-tree-indentGuidesStroke: #585858; --vscode-tree-tableColumnsBorder: rgba(204, 204, 204, 0.13); - --vscode-tree-tableOddRowsBackground: rgba(124, 156, 158, 0.04); + --vscode-tree-tableOddRowsBackground: rgba(204, 204, 204, 0.04); --vscode-list-deemphasizedForeground: #8c8c8c; - --vscode-quickInputList-focusForeground: #a8ffef; - --vscode-quickInputList-focusBackground: rgba(255, 66, 142, 0.1); - --vscode-menu-foreground: #90b0b3; - --vscode-menu-background: #1a1b46; - --vscode-menu-selectionForeground: #a8ffef; - --vscode-menu-selectionBackground: rgba(255, 66, 142, 0.1); + --vscode-quickInputList-focusForeground: #ffffff; + --vscode-quickInputList-focusIconForeground: #ffffff; + --vscode-quickInputList-focusBackground: #094771; + --vscode-menu-foreground: #cccccc; + --vscode-menu-background: #303031; + --vscode-menu-selectionForeground: #ffffff; + --vscode-menu-selectionBackground: #094771; --vscode-menu-separatorBackground: #606060; --vscode-toolbar-hoverBackground: rgba(90, 93, 94, 0.31); --vscode-toolbar-activeBackground: rgba(99, 102, 103, 0.31); - --vscode-editor-snippetTabstopHighlightBackground: rgba(255, 66, 142, 0.1); - --vscode-editor-snippetTabstopHighlightBorder: #602976; - --vscode-editor-snippetFinalTabstopHighlightBackground: rgba( - 255, - 66, - 142, - 0.1 - ); - --vscode-editor-snippetFinalTabstopHighlightBorder: #864df8; - --vscode-breadcrumb-foreground: #415e6c; - --vscode-breadcrumb-background: #12111f; - --vscode-breadcrumb-focusForeground: #a8ffef; - --vscode-breadcrumb-activeSelectionForeground: #a8ffef; - --vscode-breadcrumbPicker-background: rgba(38, 43, 75, 0.9); - --vscode-merge-currentHeaderBackground: rgba(252, 134, 254, 0.2); - --vscode-merge-currentContentBackground: rgba(252, 134, 254, 0.07); - --vscode-merge-incomingHeaderBackground: rgba(0, 143, 233, 0.2); - --vscode-merge-incomingContentBackground: rgba(0, 143, 233, 0.07); - --vscode-merge-commonHeaderBackground: rgba(255, 208, 0, 0.2); - --vscode-merge-commonContentBackground: rgba(255, 208, 0, 0.07); - --vscode-merge-border: #242560; + --vscode-editor-snippetTabstopHighlightBackground: rgba(124, 124, 124, 0.3); + --vscode-editor-snippetFinalTabstopHighlightBorder: #525252; + --vscode-breadcrumb-foreground: rgba(204, 204, 204, 0.8); + --vscode-breadcrumb-background: #1e1e1e; + --vscode-breadcrumb-focusForeground: #e0e0e0; + --vscode-breadcrumb-activeSelectionForeground: #e0e0e0; + --vscode-breadcrumbPicker-background: #252526; + --vscode-merge-currentHeaderBackground: rgba(64, 200, 174, 0.5); + --vscode-merge-currentContentBackground: rgba(64, 200, 174, 0.2); + --vscode-merge-incomingHeaderBackground: rgba(64, 166, 255, 0.5); + --vscode-merge-incomingContentBackground: rgba(64, 166, 255, 0.2); + --vscode-merge-commonHeaderBackground: rgba(96, 96, 96, 0.4); + --vscode-merge-commonContentBackground: rgba(96, 96, 96, 0.16); --vscode-editorOverviewRuler-currentContentForeground: rgba( - 252, - 134, - 254, - 0.3 + 64, + 200, + 174, + 0.5 ); --vscode-editorOverviewRuler-incomingContentForeground: rgba( - 0, - 143, - 233, - 0.3 + 64, + 166, + 255, + 0.5 ); - --vscode-editorOverviewRuler-commonContentForeground: rgba(255, 208, 0, 0.3); + --vscode-editorOverviewRuler-commonContentForeground: rgba(96, 96, 96, 0.4); --vscode-editorOverviewRuler-findMatchForeground: rgba(209, 134, 22, 0.49); --vscode-editorOverviewRuler-selectionHighlightForeground: rgba( 160, @@ -222,53 +173,51 @@ html { 160, 0.8 ); - --vscode-minimap-findMatchHighlight: rgba(151, 54, 192, 0.75); + --vscode-minimap-findMatchHighlight: #d18616; --vscode-minimap-selectionOccurrenceHighlight: #676767; --vscode-minimap-selectionHighlight: #264f78; --vscode-minimap-errorHighlight: rgba(255, 18, 18, 0.7); - --vscode-minimap-warningHighlight: #00eaff; + --vscode-minimap-warningHighlight: #cca700; --vscode-minimap-foregroundOpacity: #000000; - --vscode-minimapSlider-background: rgba(255, 66, 142, 0.05); - --vscode-minimapSlider-hoverBackground: rgba(255, 66, 142, 0.13); - --vscode-minimapSlider-activeBackground: rgba(255, 66, 142, 0.2); - --vscode-problemsErrorIcon-foreground: #ff1767; - --vscode-problemsWarningIcon-foreground: #00eaff; - --vscode-problemsInfoIcon-foreground: #93e0e3; - --vscode-charts-foreground: #7c9c9e; - --vscode-charts-lines: rgba(124, 156, 158, 0.5); - --vscode-charts-red: #ff1767; - --vscode-charts-blue: #93e0e3; - --vscode-charts-yellow: #00eaff; - --vscode-charts-orange: rgba(151, 54, 192, 0.75); + --vscode-minimapSlider-background: rgba(121, 121, 121, 0.2); + --vscode-minimapSlider-hoverBackground: rgba(100, 100, 100, 0.35); + --vscode-minimapSlider-activeBackground: rgba(191, 191, 191, 0.2); + --vscode-problemsErrorIcon-foreground: #f14c4c; + --vscode-problemsWarningIcon-foreground: #cca700; + --vscode-problemsInfoIcon-foreground: #3794ff; + --vscode-charts-foreground: #cccccc; + --vscode-charts-lines: rgba(204, 204, 204, 0.5); + --vscode-charts-red: #f14c4c; + --vscode-charts-blue: #3794ff; + --vscode-charts-yellow: #cca700; + --vscode-charts-orange: #d18616; --vscode-charts-green: #89d185; --vscode-charts-purple: #b180d7; - --vscode-editor-lineHighlightBackground: rgba(208, 67, 207, 0.07); - --vscode-editor-lineHighlightBorder: rgba(0, 0, 0, 0); - --vscode-editor-rangeHighlightBackground: rgba(253, 67, 205, 0.07); - --vscode-editor-rangeHighlightBorder: rgba(0, 0, 0, 0); - --vscode-editor-symbolHighlightBackground: rgba(0, 0, 0, 0); - --vscode-editorCursor-foreground: #ff428e; + --vscode-editor-lineHighlightBorder: #282828; + --vscode-editor-rangeHighlightBackground: rgba(255, 255, 255, 0.04); + --vscode-editor-symbolHighlightBackground: rgba(234, 92, 0, 0.33); + --vscode-editorCursor-foreground: #aeafad; --vscode-editorWhitespace-foreground: rgba(227, 228, 226, 0.16); - --vscode-editorIndentGuide-background: rgba(227, 228, 226, 0.16); - --vscode-editorIndentGuide-activeBackground: rgba(255, 66, 142, 0.6); - --vscode-editorLineNumber-foreground: #415e6c; + --vscode-editorIndentGuide-background: #404040; + --vscode-editorIndentGuide-activeBackground: #707070; + --vscode-editorLineNumber-foreground: #858585; --vscode-editorActiveLineNumber-foreground: #c6c6c6; - --vscode-editorLineNumber-activeForeground: #d0fff4; - --vscode-editorRuler-foreground: rgba(255, 66, 142, 0.6); - --vscode-editorCodeLens-foreground: rgba(208, 67, 207, 0.5); + --vscode-editorLineNumber-activeForeground: #c6c6c6; + --vscode-editorRuler-foreground: #5a5a5a; + --vscode-editorCodeLens-foreground: #999999; --vscode-editorBracketMatch-background: rgba(0, 100, 0, 0.1); - --vscode-editorBracketMatch-border: #d043cf; - --vscode-editorOverviewRuler-border: #242560; - --vscode-editorGutter-background: #141322; - --vscode-editorUnnecessaryCode-opacity: rgba(0, 0, 0, 0.43); + --vscode-editorBracketMatch-border: #888888; + --vscode-editorOverviewRuler-border: rgba(127, 127, 127, 0.3); + --vscode-editorGutter-background: #1e1e1e; + --vscode-editorUnnecessaryCode-opacity: rgba(0, 0, 0, 0.67); --vscode-editorGhostText-foreground: rgba(255, 255, 255, 0.34); --vscode-editorOverviewRuler-rangeHighlightForeground: rgba(0, 122, 204, 0.6); - --vscode-editorOverviewRuler-errorForeground: #ff1767; - --vscode-editorOverviewRuler-warningForeground: #00eaff; - --vscode-editorOverviewRuler-infoForeground: #93e0e3; - --vscode-editorBracketHighlight-foreground1: #0adb8b; - --vscode-editorBracketHighlight-foreground2: #00eaff; - --vscode-editorBracketHighlight-foreground3: #f60e67; + --vscode-editorOverviewRuler-errorForeground: rgba(255, 18, 18, 0.7); + --vscode-editorOverviewRuler-warningForeground: #cca700; + --vscode-editorOverviewRuler-infoForeground: #3794ff; + --vscode-editorBracketHighlight-foreground1: #ffd700; + --vscode-editorBracketHighlight-foreground2: #da70d6; + --vscode-editorBracketHighlight-foreground3: #179fff; --vscode-editorBracketHighlight-foreground4: rgba(0, 0, 0, 0); --vscode-editorBracketHighlight-foreground5: rgba(0, 0, 0, 0); --vscode-editorBracketHighlight-foreground6: rgba(0, 0, 0, 0); @@ -292,56 +241,55 @@ html { --vscode-editorBracketPairGuide-activeBackground6: rgba(0, 0, 0, 0); --vscode-editorUnicodeHighlight-border: #bd9b03; --vscode-editorUnicodeHighlight-background: rgba(189, 155, 3, 0.15); - --vscode-symbolIcon-arrayForeground: #7c9c9e; - --vscode-symbolIcon-booleanForeground: #7c9c9e; + --vscode-symbolIcon-arrayForeground: #cccccc; + --vscode-symbolIcon-booleanForeground: #cccccc; --vscode-symbolIcon-classForeground: #ee9d28; - --vscode-symbolIcon-colorForeground: #7c9c9e; - --vscode-symbolIcon-constantForeground: #7c9c9e; + --vscode-symbolIcon-colorForeground: #cccccc; + --vscode-symbolIcon-constantForeground: #cccccc; --vscode-symbolIcon-constructorForeground: #b180d7; --vscode-symbolIcon-enumeratorForeground: #ee9d28; --vscode-symbolIcon-enumeratorMemberForeground: #75beff; --vscode-symbolIcon-eventForeground: #ee9d28; --vscode-symbolIcon-fieldForeground: #75beff; - --vscode-symbolIcon-fileForeground: #7c9c9e; - --vscode-symbolIcon-folderForeground: #7c9c9e; + --vscode-symbolIcon-fileForeground: #cccccc; + --vscode-symbolIcon-folderForeground: #cccccc; --vscode-symbolIcon-functionForeground: #b180d7; --vscode-symbolIcon-interfaceForeground: #75beff; - --vscode-symbolIcon-keyForeground: #7c9c9e; - --vscode-symbolIcon-keywordForeground: #7c9c9e; + --vscode-symbolIcon-keyForeground: #cccccc; + --vscode-symbolIcon-keywordForeground: #cccccc; --vscode-symbolIcon-methodForeground: #b180d7; - --vscode-symbolIcon-moduleForeground: #7c9c9e; - --vscode-symbolIcon-namespaceForeground: #7c9c9e; - --vscode-symbolIcon-nullForeground: #7c9c9e; - --vscode-symbolIcon-numberForeground: #7c9c9e; - --vscode-symbolIcon-objectForeground: #7c9c9e; - --vscode-symbolIcon-operatorForeground: #7c9c9e; - --vscode-symbolIcon-packageForeground: #7c9c9e; - --vscode-symbolIcon-propertyForeground: #7c9c9e; - --vscode-symbolIcon-referenceForeground: #7c9c9e; - --vscode-symbolIcon-snippetForeground: #7c9c9e; - --vscode-symbolIcon-stringForeground: #7c9c9e; - --vscode-symbolIcon-structForeground: #7c9c9e; - --vscode-symbolIcon-textForeground: #7c9c9e; - --vscode-symbolIcon-typeParameterForeground: #7c9c9e; - --vscode-symbolIcon-unitForeground: #7c9c9e; + --vscode-symbolIcon-moduleForeground: #cccccc; + --vscode-symbolIcon-namespaceForeground: #cccccc; + --vscode-symbolIcon-nullForeground: #cccccc; + --vscode-symbolIcon-numberForeground: #cccccc; + --vscode-symbolIcon-objectForeground: #cccccc; + --vscode-symbolIcon-operatorForeground: #cccccc; + --vscode-symbolIcon-packageForeground: #cccccc; + --vscode-symbolIcon-propertyForeground: #cccccc; + --vscode-symbolIcon-referenceForeground: #cccccc; + --vscode-symbolIcon-snippetForeground: #cccccc; + --vscode-symbolIcon-stringForeground: #cccccc; + --vscode-symbolIcon-structForeground: #cccccc; + --vscode-symbolIcon-textForeground: #cccccc; + --vscode-symbolIcon-typeParameterForeground: #cccccc; + --vscode-symbolIcon-unitForeground: #cccccc; --vscode-symbolIcon-variableForeground: #75beff; - --vscode-editorHoverWidget-highlightForeground: #a8ffef; + --vscode-editorHoverWidget-highlightForeground: #18a3ff; --vscode-editorOverviewRuler-bracketMatchForeground: #a0a0a0; - --vscode-editor-foldBackground: rgba(135, 77, 248, 0.09); + --vscode-editor-foldBackground: rgba(38, 79, 120, 0.3); --vscode-editorGutter-foldingControlForeground: #c5c5c5; --vscode-editor-linkedEditingBackground: rgba(255, 0, 0, 0.3); - --vscode-editorSuggestWidget-background: rgba(38, 43, 75, 0.9); - --vscode-editorSuggestWidget-border: #7c9c9e; - --vscode-editorSuggestWidget-foreground: #94b4c4; - --vscode-editorSuggestWidget-selectedForeground: #a8ffef; - --vscode-editorSuggestWidget-selectedBackground: rgba(255, 66, 142, 0.1); - --vscode-editorSuggestWidget-highlightForeground: #a8ffef; - --vscode-editorSuggestWidget-focusHighlightForeground: #a8ffef; - --vscode-editorSuggestWidgetStatus-foreground: rgba(148, 180, 196, 0.5); - --vscode-editor-wordHighlightBackground: rgba(255, 83, 0, 0.05); - --vscode-editor-wordHighlightStrongBackground: rgba(239, 233, 0, 0.05); - --vscode-editor-wordHighlightBorder: rgba(255, 83, 0, 0.25); - --vscode-editor-wordHighlightStrongBorder: rgba(239, 233, 0, 0.25); + --vscode-editorSuggestWidget-background: #252526; + --vscode-editorSuggestWidget-border: #454545; + --vscode-editorSuggestWidget-foreground: #d4d4d4; + --vscode-editorSuggestWidget-selectedForeground: #ffffff; + --vscode-editorSuggestWidget-selectedIconForeground: #ffffff; + --vscode-editorSuggestWidget-selectedBackground: #094771; + --vscode-editorSuggestWidget-highlightForeground: #18a3ff; + --vscode-editorSuggestWidget-focusHighlightForeground: #18a3ff; + --vscode-editorSuggestWidgetStatus-foreground: rgba(212, 212, 212, 0.5); + --vscode-editor-wordHighlightBackground: rgba(87, 87, 87, 0.72); + --vscode-editor-wordHighlightStrongBackground: rgba(0, 73, 114, 0.72); --vscode-editorOverviewRuler-wordHighlightForeground: rgba( 160, 160, @@ -354,176 +302,148 @@ html { 192, 0.8 ); - --vscode-peekViewTitle-background: #12111f; - --vscode-peekViewTitleLabel-foreground: #a8ffef; - --vscode-peekViewTitleDescription-foreground: #7c9c9e; - --vscode-peekView-border: #fe6083; - --vscode-peekViewResult-background: #12111f; - --vscode-peekViewResult-lineForeground: #7c9c9e; - --vscode-peekViewResult-fileForeground: #7c9c9e; - --vscode-peekViewResult-selectionBackground: rgba(253, 67, 205, 0.1); - --vscode-peekViewResult-selectionForeground: #a8ffef; - --vscode-peekViewEditor-background: #12111f; - --vscode-peekViewEditorGutter-background: #12111f; - --vscode-peekViewResult-matchHighlightBackground: rgba(253, 67, 205, 0.2); - --vscode-peekViewEditor-matchHighlightBackground: rgba(254, 96, 131, 0.15); - --vscode-peekViewEditor-matchHighlightBorder: rgba(0, 0, 0, 0); - --vscode-editorMarkerNavigationError-background: #ff1767; - --vscode-editorMarkerNavigationError-headerBackground: rgba( - 255, - 23, - 103, - 0.1 - ); - --vscode-editorMarkerNavigationWarning-background: #00eaff; + --vscode-peekViewTitle-background: rgba(55, 148, 255, 0.1); + --vscode-peekViewTitleLabel-foreground: #ffffff; + --vscode-peekViewTitleDescription-foreground: rgba(204, 204, 204, 0.7); + --vscode-peekView-border: #3794ff; + --vscode-peekViewResult-background: #252526; + --vscode-peekViewResult-lineForeground: #bbbbbb; + --vscode-peekViewResult-fileForeground: #ffffff; + --vscode-peekViewResult-selectionBackground: rgba(51, 153, 255, 0.2); + --vscode-peekViewResult-selectionForeground: #ffffff; + --vscode-peekViewEditor-background: #001f33; + --vscode-peekViewEditorGutter-background: #001f33; + --vscode-peekViewResult-matchHighlightBackground: rgba(234, 92, 0, 0.3); + --vscode-peekViewEditor-matchHighlightBackground: rgba(255, 143, 0, 0.6); + --vscode-editorMarkerNavigationError-background: #f14c4c; + --vscode-editorMarkerNavigationError-headerBackground: rgba(241, 76, 76, 0.1); + --vscode-editorMarkerNavigationWarning-background: #cca700; --vscode-editorMarkerNavigationWarning-headerBackground: rgba( + 204, + 167, 0, - 234, - 255, - 0.1 - ); - --vscode-editorMarkerNavigationInfo-background: #93e0e3; - --vscode-editorMarkerNavigationInfo-headerBackground: rgba( - 147, - 224, - 227, 0.1 ); - --vscode-editorMarkerNavigation-background: rgba(38, 43, 75, 0.9); - --vscode-tab-activeBackground: #12111f; - --vscode-tab-unfocusedActiveBackground: #12111f; - --vscode-tab-inactiveBackground: #12111f; - --vscode-tab-unfocusedInactiveBackground: #12111f; - --vscode-tab-activeForeground: #c9fdf1; - --vscode-tab-inactiveForeground: #90b0b3; - --vscode-tab-unfocusedActiveForeground: rgba(201, 253, 241, 0.5); - --vscode-tab-unfocusedInactiveForeground: rgba(144, 176, 179, 0.5); - --vscode-tab-border: #12111f; - --vscode-tab-lastPinnedBorder: #242560; - --vscode-tab-activeBorder: rgba(0, 0, 0, 0); - --vscode-tab-unfocusedActiveBorder: rgba(0, 0, 0, 0); - --vscode-tab-activeBorderTop: #fc0065; - --vscode-tab-unfocusedActiveBorderTop: rgba(252, 0, 101, 0.5); - --vscode-tab-hoverBorder: #415e6c; - --vscode-tab-unfocusedHoverBorder: rgba(65, 94, 108, 0.5); + --vscode-editorMarkerNavigationInfo-background: #3794ff; + --vscode-editorMarkerNavigationInfo-headerBackground: rgba(55, 148, 255, 0.1); + --vscode-editorMarkerNavigation-background: #1e1e1e; + --vscode-tab-activeBackground: #1e1e1e; + --vscode-tab-unfocusedActiveBackground: #1e1e1e; + --vscode-tab-inactiveBackground: #2d2d2d; + --vscode-tab-unfocusedInactiveBackground: #2d2d2d; + --vscode-tab-activeForeground: #ffffff; + --vscode-tab-inactiveForeground: rgba(255, 255, 255, 0.5); + --vscode-tab-unfocusedActiveForeground: rgba(255, 255, 255, 0.5); + --vscode-tab-unfocusedInactiveForeground: rgba(255, 255, 255, 0.25); + --vscode-tab-border: #252526; + --vscode-tab-lastPinnedBorder: rgba(204, 204, 204, 0.2); --vscode-tab-activeModifiedBorder: #3399cc; --vscode-tab-inactiveModifiedBorder: rgba(51, 153, 204, 0.5); --vscode-tab-unfocusedActiveModifiedBorder: rgba(51, 153, 204, 0.5); --vscode-tab-unfocusedInactiveModifiedBorder: rgba(51, 153, 204, 0.25); - --vscode-editorPane-background: #141322; - --vscode-editorGroup-focusedEmptyBorder: rgba(0, 0, 0, 0); - --vscode-editorGroupHeader-tabsBackground: #12111f; - --vscode-editorGroupHeader-tabsBorder: #242560; - --vscode-editorGroupHeader-noTabsBackground: #141322; - --vscode-editorGroupHeader-border: #1a1b46; - --vscode-editorGroup-border: #242560; - --vscode-editorGroup-dropBackground: rgba(255, 66, 142, 0.6); - --vscode-editorGroup-dropIntoPromptForeground: #7c9c9e; - --vscode-editorGroup-dropIntoPromptBackground: rgba(38, 43, 75, 0.9); - --vscode-sideBySideEditor-horizontalBorder: #242560; - --vscode-sideBySideEditor-verticalBorder: #242560; - --vscode-panel-background: #141322; - --vscode-panel-border: #242560; - --vscode-panelTitle-activeForeground: #7c9c9e; - --vscode-panelTitle-inactiveForeground: #7c9c9e; - --vscode-panelTitle-activeBorder: #ff428e; - --vscode-panel-dropBorder: #7c9c9e; - --vscode-panelSection-dropBackground: rgba(255, 66, 142, 0.6); + --vscode-editorPane-background: #1e1e1e; + --vscode-editorGroupHeader-tabsBackground: #252526; + --vscode-editorGroupHeader-noTabsBackground: #1e1e1e; + --vscode-editorGroup-border: #444444; + --vscode-editorGroup-dropBackground: rgba(83, 89, 93, 0.5); + --vscode-editorGroup-dropIntoPromptForeground: #cccccc; + --vscode-editorGroup-dropIntoPromptBackground: #252526; + --vscode-sideBySideEditor-horizontalBorder: #444444; + --vscode-sideBySideEditor-verticalBorder: #444444; + --vscode-panel-background: #1e1e1e; + --vscode-panel-border: rgba(128, 128, 128, 0.35); + --vscode-panelTitle-activeForeground: #e7e7e7; + --vscode-panelTitle-inactiveForeground: rgba(231, 231, 231, 0.6); + --vscode-panelTitle-activeBorder: #e7e7e7; + --vscode-panel-dropBorder: #e7e7e7; + --vscode-panelSection-dropBackground: rgba(83, 89, 93, 0.5); --vscode-panelSectionHeader-background: rgba(128, 128, 128, 0.2); - --vscode-panelSection-border: #242560; - --vscode-banner-background: rgba(255, 66, 142, 0.1); - --vscode-banner-foreground: #a8ffef; - --vscode-banner-iconForeground: #93e0e3; - --vscode-statusBar-foreground: #7c9c9e; - --vscode-statusBar-noFolderForeground: #7c9c9e; - --vscode-statusBar-background: #12111f; - --vscode-statusBar-noFolderBackground: #242560; - --vscode-statusBar-border: #242560; - --vscode-statusBar-focusBorder: #7c9c9e; - --vscode-statusBar-noFolderBorder: #602976; - --vscode-statusBarItem-activeBackground: #602976; - --vscode-statusBarItem-focusBorder: #7c9c9e; - --vscode-statusBarItem-hoverBackground: rgba(134, 77, 248, 0.2); + --vscode-panelSection-border: rgba(128, 128, 128, 0.35); + --vscode-banner-background: #094771; + --vscode-banner-foreground: #ffffff; + --vscode-banner-iconForeground: #3794ff; + --vscode-statusBar-foreground: #ffffff; + --vscode-statusBar-noFolderForeground: #ffffff; + --vscode-statusBar-background: #007acc; + --vscode-statusBar-noFolderBackground: #68217a; + --vscode-statusBar-focusBorder: #ffffff; + --vscode-statusBarItem-activeBackground: rgba(255, 255, 255, 0.18); + --vscode-statusBarItem-focusBorder: #ffffff; + --vscode-statusBarItem-hoverBackground: rgba(255, 255, 255, 0.12); --vscode-statusBarItem-compactHoverBackground: rgba(255, 255, 255, 0.2); - --vscode-statusBarItem-prominentForeground: #7c9c9e; - --vscode-statusBarItem-prominentBackground: #602976; - --vscode-statusBarItem-prominentHoverBackground: #913eb4; - --vscode-statusBarItem-errorBackground: #a7003a; + --vscode-statusBarItem-prominentForeground: #ffffff; + --vscode-statusBarItem-prominentBackground: rgba(0, 0, 0, 0.5); + --vscode-statusBarItem-prominentHoverBackground: rgba(0, 0, 0, 0.3); + --vscode-statusBarItem-errorBackground: #c72e0f; --vscode-statusBarItem-errorForeground: #ffffff; - --vscode-statusBarItem-warningBackground: #008c99; + --vscode-statusBarItem-warningBackground: #7a6400; --vscode-statusBarItem-warningForeground: #ffffff; - --vscode-activityBar-background: #100f1a; - --vscode-activityBar-foreground: #f52277; - --vscode-activityBar-inactiveForeground: rgba(245, 34, 119, 0.6); - --vscode-activityBar-border: #8c2c56; - --vscode-activityBar-activeBorder: #f52277; - --vscode-activityBar-dropBorder: #f52277; - --vscode-activityBarBadge-background: #f52277; - --vscode-activityBarBadge-foreground: #d0fff4; - --vscode-statusBarItem-remoteBackground: #f52277; - --vscode-statusBarItem-remoteForeground: #d0fff4; - --vscode-extensionBadge-remoteBackground: #f52277; - --vscode-extensionBadge-remoteForeground: #d0fff4; - --vscode-sideBar-background: #12111f; - --vscode-sideBar-foreground: #90b0b3; - --vscode-sideBar-border: #1d1e7d; - --vscode-sideBarTitle-foreground: #7c9c9e; - --vscode-sideBar-dropBackground: rgba(255, 66, 142, 0.6); - --vscode-sideBarSectionHeader-background: #12111f; - --vscode-sideBarSectionHeader-foreground: #7c9c9e; - --vscode-sideBarSectionHeader-border: rgba(0, 0, 0, 0); - --vscode-titleBar-activeForeground: #f52277; - --vscode-titleBar-inactiveForeground: rgba(245, 34, 119, 0.6); - --vscode-titleBar-activeBackground: #100f1a; - --vscode-titleBar-inactiveBackground: rgba(16, 15, 26, 0.6); - --vscode-titleBar-border: #8c2c56; - --vscode-menubar-selectionForeground: #f52277; + --vscode-activityBar-background: #333333; + --vscode-activityBar-foreground: #ffffff; + --vscode-activityBar-inactiveForeground: rgba(255, 255, 255, 0.4); + --vscode-activityBar-activeBorder: #ffffff; + --vscode-activityBar-dropBorder: #ffffff; + --vscode-activityBarBadge-background: #007acc; + --vscode-activityBarBadge-foreground: #ffffff; + --vscode-statusBarItem-remoteBackground: #16825d; + --vscode-statusBarItem-remoteForeground: #ffffff; + --vscode-extensionBadge-remoteBackground: #007acc; + --vscode-extensionBadge-remoteForeground: #ffffff; + --vscode-sideBar-background: #252526; + --vscode-sideBarTitle-foreground: #bbbbbb; + --vscode-sideBar-dropBackground: rgba(83, 89, 93, 0.5); + --vscode-sideBarSectionHeader-background: rgba(0, 0, 0, 0); + --vscode-sideBarSectionHeader-border: rgba(204, 204, 204, 0.2); + --vscode-titleBar-activeForeground: #cccccc; + --vscode-titleBar-inactiveForeground: rgba(204, 204, 204, 0.6); + --vscode-titleBar-activeBackground: #3c3c3c; + --vscode-titleBar-inactiveBackground: rgba(60, 60, 60, 0.6); + --vscode-menubar-selectionForeground: #cccccc; --vscode-menubar-selectionBackground: rgba(90, 93, 94, 0.31); - --vscode-notifications-foreground: #7c9c9e; - --vscode-notifications-background: rgba(38, 43, 75, 0.9); - --vscode-notificationLink-foreground: #a8ffef; - --vscode-notificationCenterHeader-background: rgba(50, 56, 98, 0.9); - --vscode-notifications-border: rgba(50, 56, 98, 0.9); - --vscode-notificationsErrorIcon-foreground: #ff1767; - --vscode-notificationsWarningIcon-foreground: #00eaff; - --vscode-notificationsInfoIcon-foreground: #93e0e3; + --vscode-notifications-foreground: #cccccc; + --vscode-notifications-background: #252526; + --vscode-notificationLink-foreground: #3794ff; + --vscode-notificationCenterHeader-background: #303031; + --vscode-notifications-border: #303031; + --vscode-notificationsErrorIcon-foreground: #f14c4c; + --vscode-notificationsWarningIcon-foreground: #cca700; + --vscode-notificationsInfoIcon-foreground: #3794ff; --vscode-editorCommentsWidget-resolvedBorder: rgba(204, 204, 204, 0.5); - --vscode-editorCommentsWidget-unresolvedBorder: #fe6083; - --vscode-editorCommentsWidget-rangeBackground: rgba(254, 96, 131, 0.1); - --vscode-editorCommentsWidget-rangeBorder: rgba(254, 96, 131, 0.4); - --vscode-editorCommentsWidget-rangeActiveBackground: rgba(254, 96, 131, 0.1); - --vscode-editorCommentsWidget-rangeActiveBorder: rgba(254, 96, 131, 0.4); + --vscode-editorCommentsWidget-unresolvedBorder: #3794ff; + --vscode-editorCommentsWidget-rangeBackground: rgba(55, 148, 255, 0.1); + --vscode-editorCommentsWidget-rangeBorder: rgba(55, 148, 255, 0.4); + --vscode-editorCommentsWidget-rangeActiveBackground: rgba(55, 148, 255, 0.1); + --vscode-editorCommentsWidget-rangeActiveBorder: rgba(55, 148, 255, 0.4); --vscode-editorGutter-commentRangeForeground: #c5c5c5; - --vscode-debugToolBar-background: rgba(36, 37, 96, 0.87); - --vscode-debugToolBar-border: rgba(0, 0, 0, 0); + --vscode-debugToolBar-background: #333333; --vscode-debugIcon-startForeground: #89d185; - --vscode-editor-stackFrameHighlightBackground: rgba(255, 83, 0, 0.12); - --vscode-editor-focusedStackFrameHighlightBackground: rgba(239, 233, 0, 0.1); + --vscode-editor-stackFrameHighlightBackground: rgba(255, 255, 0, 0.2); + --vscode-editor-focusedStackFrameHighlightBackground: rgba( + 122, + 189, + 122, + 0.3 + ); --vscode-settings-headerForeground: #e7e7e7; --vscode-settings-modifiedItemIndicator: #0c7d9d; - --vscode-settings-headerBorder: #242560; - --vscode-settings-sashBorder: #242560; - --vscode-settings-dropdownBackground: #1a1b46; - --vscode-settings-dropdownForeground: #90b0b3; - --vscode-settings-dropdownBorder: #242560; - --vscode-settings-dropdownListBorder: #7c9c9e; - --vscode-settings-checkboxBackground: #1a1b46; - --vscode-settings-checkboxForeground: #90b0b3; - --vscode-settings-checkboxBorder: #242560; - --vscode-settings-textInputBackground: #1c1a30; - --vscode-settings-textInputForeground: #7c9c9e; - --vscode-settings-textInputBorder: #242560; - --vscode-settings-numberInputBackground: #1c1a30; - --vscode-settings-numberInputForeground: #7c9c9e; - --vscode-settings-numberInputBorder: #242560; - --vscode-settings-focusedRowBackground: rgba(255, 66, 142, 0.03); - --vscode-settings-rowHoverBackground: rgba(255, 66, 142, 0.01); + --vscode-settings-headerBorder: rgba(128, 128, 128, 0.35); + --vscode-settings-sashBorder: rgba(128, 128, 128, 0.35); + --vscode-settings-dropdownBackground: #3c3c3c; + --vscode-settings-dropdownForeground: #f0f0f0; + --vscode-settings-dropdownBorder: #3c3c3c; + --vscode-settings-dropdownListBorder: #454545; + --vscode-settings-checkboxBackground: #3c3c3c; + --vscode-settings-checkboxForeground: #f0f0f0; + --vscode-settings-checkboxBorder: #3c3c3c; + --vscode-settings-textInputBackground: #3c3c3c; + --vscode-settings-textInputForeground: #cccccc; + --vscode-settings-numberInputBackground: #3c3c3c; + --vscode-settings-numberInputForeground: #cccccc; + --vscode-settings-focusedRowBackground: rgba(42, 45, 46, 0.6); + --vscode-settings-rowHoverBackground: rgba(42, 45, 46, 0.3); --vscode-settings-focusedRowBorder: rgba(255, 255, 255, 0.12); - --vscode-terminal-background: #141322; - --vscode-terminal-foreground: #a8d2d4; - --vscode-terminalCursor-foreground: #defff7; - --vscode-terminalCursor-background: #ff428e; - --vscode-terminal-selectionBackground: rgba(135, 77, 248, 0.3); + --vscode-terminal-foreground: #cccccc; + --vscode-terminal-selectionBackground: #264f78; --vscode-terminalCommandDecoration-defaultBackground: rgba( 255, 255, @@ -533,12 +453,11 @@ html { --vscode-terminalCommandDecoration-successBackground: #1b81a8; --vscode-terminalCommandDecoration-errorBackground: #f14c4c; --vscode-terminalOverviewRuler-cursorForeground: rgba(160, 160, 160, 0.8); - --vscode-terminal-border: #242560; - --vscode-terminal-findMatchBackground: rgba(0, 0, 0, 0); - --vscode-terminal-findMatchHighlightBackground: rgba(0, 0, 0, 0); + --vscode-terminal-border: rgba(128, 128, 128, 0.35); + --vscode-terminal-findMatchBackground: #515c6a; + --vscode-terminal-findMatchHighlightBackground: rgba(234, 92, 0, 0.33); --vscode-terminalOverviewRuler-findMatchForeground: rgba(209, 134, 22, 0.49); - --vscode-terminal-dropBackground: rgba(255, 66, 142, 0.6); - --vscode-terminal-tab\.activeBorder: rgba(0, 0, 0, 0); + --vscode-terminal-dropBackground: rgba(83, 89, 93, 0.5); --vscode-testing-iconFailed: #f14c4c; --vscode-testing-iconErrored: #f14c4c; --vscode-testing-iconPassed: #73c991; @@ -546,85 +465,82 @@ html { --vscode-testing-iconQueued: #cca700; --vscode-testing-iconUnset: #848484; --vscode-testing-iconSkipped: #848484; - --vscode-testing-peekBorder: #ff1767; - --vscode-testing-peekHeaderBackground: rgba(255, 23, 103, 0.1); - --vscode-testing-message\.error\.decorationForeground: #ff1767; + --vscode-testing-peekBorder: #f14c4c; + --vscode-testing-peekHeaderBackground: rgba(241, 76, 76, 0.1); + --vscode-testing-message\.error\.decorationForeground: #f14c4c; --vscode-testing-message\.error\.lineBackground: rgba(255, 0, 0, 0.2); --vscode-testing-message\.info\.decorationForeground: rgba( - 148, - 180, - 196, + 212, + 212, + 212, 0.5 ); - --vscode-welcomePage-tileBackground: rgba(38, 43, 75, 0.9); - --vscode-welcomePage-tileHoverBackground: rgba(46, 52, 90, 0.9); - --vscode-welcomePage-tileShadow: rgba(255, 66, 142, 0.5); - --vscode-welcomePage-progress\.background: #1c1a30; - --vscode-welcomePage-progress\.foreground: #a8ffef; - --vscode-walkThrough-embeddedEditorBackground: #1e2732; - --vscode-commandCenter-foreground: #f52277; - --vscode-commandCenter-activeForeground: #f52277; + --vscode-welcomePage-tileBackground: #252526; + --vscode-welcomePage-tileHoverBackground: #2c2c2d; + --vscode-welcomePage-tileShadow: rgba(0, 0, 0, 0.36); + --vscode-welcomePage-progress\.background: #3c3c3c; + --vscode-welcomePage-progress\.foreground: #3794ff; + --vscode-commandCenter-foreground: #cccccc; + --vscode-commandCenter-activeForeground: #cccccc; --vscode-commandCenter-activeBackground: rgba(90, 93, 94, 0.31); --vscode-commandCenter-border: rgba(90, 93, 94, 0.31); - --vscode-debugExceptionWidget-border: #ff1767; - --vscode-debugExceptionWidget-background: rgba(255, 66, 138, 0.45); - --vscode-ports-iconRunningProcessForeground: #f52277; - --vscode-statusBar-debuggingBackground: #12111f; - --vscode-statusBar-debuggingForeground: #a8ffef; - --vscode-statusBar-debuggingBorder: #ff428e; + --vscode-debugExceptionWidget-border: #a31515; + --vscode-debugExceptionWidget-background: #420b0d; + --vscode-ports-iconRunningProcessForeground: #369432; + --vscode-statusBar-debuggingBackground: #cc6633; + --vscode-statusBar-debuggingForeground: #ffffff; --vscode-editor-inlineValuesForeground: rgba(255, 255, 255, 0.5); --vscode-editor-inlineValuesBackground: rgba(255, 200, 0, 0.2); - --vscode-editorGutter-modifiedBackground: #00eaff; - --vscode-editorGutter-addedBackground: #0adb8b; - --vscode-editorGutter-deletedBackground: #ff427b; - --vscode-minimapGutter-modifiedBackground: #00eaff; - --vscode-minimapGutter-addedBackground: #0adb8b; - --vscode-minimapGutter-deletedBackground: #ff427b; - --vscode-editorOverviewRuler-modifiedForeground: #00eaff; - --vscode-editorOverviewRuler-addedForeground: #0adb8b; - --vscode-editorOverviewRuler-deletedForeground: #ff427b; - --vscode-debugIcon-breakpointForeground: #e51400; - --vscode-debugIcon-breakpointDisabledForeground: #848484; - --vscode-debugIcon-breakpointUnverifiedForeground: #848484; - --vscode-debugIcon-breakpointCurrentStackframeForeground: #ffcc00; - --vscode-debugIcon-breakpointStackframeForeground: #89d185; - --vscode-notebook-cellBorderColor: #12111f; - --vscode-notebook-focusedEditorBorder: rgba(0, 0, 0, 0); + --vscode-editorGutter-modifiedBackground: #1b81a8; + --vscode-editorGutter-addedBackground: #487e02; + --vscode-editorGutter-deletedBackground: #f14c4c; + --vscode-minimapGutter-modifiedBackground: #1b81a8; + --vscode-minimapGutter-addedBackground: #487e02; + --vscode-minimapGutter-deletedBackground: #f14c4c; + --vscode-editorOverviewRuler-modifiedForeground: rgba(27, 129, 168, 0.6); + --vscode-editorOverviewRuler-addedForeground: rgba(72, 126, 2, 0.6); + --vscode-editorOverviewRuler-deletedForeground: rgba(241, 76, 76, 0.6); + --vscode-debugIcon-breakpointForeground: #e51400; + --vscode-debugIcon-breakpointDisabledForeground: #848484; + --vscode-debugIcon-breakpointUnverifiedForeground: #848484; + --vscode-debugIcon-breakpointCurrentStackframeForeground: #ffcc00; + --vscode-debugIcon-breakpointStackframeForeground: #89d185; + --vscode-notebook-cellBorderColor: #37373d; + --vscode-notebook-focusedEditorBorder: #007fd4; --vscode-notebookStatusSuccessIcon-foreground: #89d185; - --vscode-notebookStatusErrorIcon-foreground: #ff1767; - --vscode-notebookStatusRunningIcon-foreground: #7c9c9e; + --vscode-notebookStatusErrorIcon-foreground: #f48771; + --vscode-notebookStatusRunningIcon-foreground: #cccccc; --vscode-notebook-cellToolbarSeparator: rgba(128, 128, 128, 0.35); - --vscode-notebook-selectedCellBackground: #12111f; - --vscode-notebook-selectedCellBorder: #12111f; - --vscode-notebook-focusedCellBorder: rgba(0, 0, 0, 0); - --vscode-notebook-inactiveFocusedCellBorder: #12111f; + --vscode-notebook-selectedCellBackground: #37373d; + --vscode-notebook-selectedCellBorder: #37373d; + --vscode-notebook-focusedCellBorder: #007fd4; + --vscode-notebook-inactiveFocusedCellBorder: #37373d; --vscode-notebook-cellStatusBarItemHoverBackground: rgba(255, 255, 255, 0.15); - --vscode-notebook-cellInsertionIndicator: rgba(0, 0, 0, 0); - --vscode-notebookScrollbarSlider-background: rgba(255, 66, 142, 0.1); - --vscode-notebookScrollbarSlider-hoverBackground: rgba(255, 66, 142, 0.25); - --vscode-notebookScrollbarSlider-activeBackground: rgba(255, 66, 142, 0.4); + --vscode-notebook-cellInsertionIndicator: #007fd4; + --vscode-notebookScrollbarSlider-background: rgba(121, 121, 121, 0.4); + --vscode-notebookScrollbarSlider-hoverBackground: rgba(100, 100, 100, 0.7); + --vscode-notebookScrollbarSlider-activeBackground: rgba(191, 191, 191, 0.4); --vscode-notebook-symbolHighlightBackground: rgba(255, 255, 255, 0.04); - --vscode-notebook-cellEditorBackground: #12111f; - --vscode-keybindingTable-headerBackground: rgba(124, 156, 158, 0.04); - --vscode-keybindingTable-rowsBackground: rgba(124, 156, 158, 0.04); + --vscode-notebook-cellEditorBackground: #252526; + --vscode-keybindingTable-headerBackground: rgba(204, 204, 204, 0.04); + --vscode-keybindingTable-rowsBackground: rgba(204, 204, 204, 0.04); --vscode-scm-providerBorder: #454545; - --vscode-searchEditor-textInputBorder: #242560; --vscode-debugTokenExpression-name: #c586c0; --vscode-debugTokenExpression-value: rgba(204, 204, 204, 0.6); --vscode-debugTokenExpression-string: #ce9178; --vscode-debugTokenExpression-boolean: #4e94ce; --vscode-debugTokenExpression-number: #b5cea8; --vscode-debugTokenExpression-error: #f48771; - --vscode-debugView-exceptionLabelForeground: #7c9c9e; + --vscode-debugView-exceptionLabelForeground: #cccccc; --vscode-debugView-exceptionLabelBackground: #6c2022; - --vscode-debugView-stateLabelForeground: #7c9c9e; + --vscode-debugView-stateLabelForeground: #cccccc; --vscode-debugView-stateLabelBackground: rgba(136, 136, 136, 0.27); --vscode-debugView-valueChangedHighlight: #569cd6; - --vscode-debugConsole-infoForeground: #93e0e3; - --vscode-debugConsole-warningForeground: #00eaff; - --vscode-debugConsole-errorForeground: #ff1767; - --vscode-debugConsole-sourceForeground: #7c9c9e; - --vscode-debugConsoleInputIcon-foreground: #7c9c9e; + --vscode-debugConsole-infoForeground: #3794ff; + --vscode-debugConsole-warningForeground: #cca700; + --vscode-debugConsole-errorForeground: #f48771; + --vscode-debugConsole-sourceForeground: #cccccc; + --vscode-debugConsoleInputIcon-foreground: #cccccc; --vscode-debugIcon-pauseForeground: #75beff; --vscode-debugIcon-stopForeground: #f48771; --vscode-debugIcon-disconnectForeground: #f48771; @@ -634,46 +550,46 @@ html { --vscode-debugIcon-stepOutForeground: #75beff; --vscode-debugIcon-continueForeground: #75beff; --vscode-debugIcon-stepBackForeground: #75beff; - --vscode-extensionButton-prominentBackground: #ff428e; - --vscode-extensionButton-prominentForeground: #a8ffef; - --vscode-extensionButton-prominentHoverBackground: #ff6ba6; + --vscode-extensionButton-prominentBackground: #0e639c; + --vscode-extensionButton-prominentForeground: #ffffff; + --vscode-extensionButton-prominentHoverBackground: #1177bb; --vscode-extensionSponsorButton-background: #b51e78; --vscode-extensionSponsorButton-hoverBackground: #d61b8c; --vscode-extensionIcon-starForeground: #ff8e00; - --vscode-extensionIcon-verifiedForeground: #a8ffef; + --vscode-extensionIcon-verifiedForeground: #3794ff; --vscode-extensionIcon-preReleaseForeground: #1d9271; - --vscode-terminal-ansiBlack: #30317d; - --vscode-terminal-ansiRed: #ff5395; - --vscode-terminal-ansiGreen: #0adb8b; - --vscode-terminal-ansiYellow: #00eaff; - --vscode-terminal-ansiBlue: #7dd9e4; - --vscode-terminal-ansiMagenta: #fa61b8; - --vscode-terminal-ansiCyan: #a8ffef; - --vscode-terminal-ansiWhite: #cff0e8; - --vscode-terminal-ansiBrightBlack: #391ab5; - --vscode-terminal-ansiBrightRed: #ff427b; - --vscode-terminal-ansiBrightGreen: #00eaff; - --vscode-terminal-ansiBrightYellow: #00eaff; - --vscode-terminal-ansiBrightBlue: #84f9fe; - --vscode-terminal-ansiBrightMagenta: #d5358f; - --vscode-terminal-ansiBrightCyan: #83fee8; - --vscode-terminal-ansiBrightWhite: #cbfff2; - --vscode-interactive-activeCodeBorder: #fe6083; - --vscode-interactive-inactiveCodeBorder: #12111f; - --vscode-gitDecoration-addedResourceForeground: #0adb8b; - --vscode-gitDecoration-modifiedResourceForeground: #00eaff; - --vscode-gitDecoration-deletedResourceForeground: #ff427b; + --vscode-terminal-ansiBlack: #000000; + --vscode-terminal-ansiRed: #cd3131; + --vscode-terminal-ansiGreen: #0dbc79; + --vscode-terminal-ansiYellow: #e5e510; + --vscode-terminal-ansiBlue: #2472c8; + --vscode-terminal-ansiMagenta: #bc3fbc; + --vscode-terminal-ansiCyan: #11a8cd; + --vscode-terminal-ansiWhite: #e5e5e5; + --vscode-terminal-ansiBrightBlack: #666666; + --vscode-terminal-ansiBrightRed: #f14c4c; + --vscode-terminal-ansiBrightGreen: #23d18b; + --vscode-terminal-ansiBrightYellow: #f5f543; + --vscode-terminal-ansiBrightBlue: #3b8eea; + --vscode-terminal-ansiBrightMagenta: #d670d6; + --vscode-terminal-ansiBrightCyan: #29b8db; + --vscode-terminal-ansiBrightWhite: #e5e5e5; + --vscode-interactive-activeCodeBorder: #3794ff; + --vscode-interactive-inactiveCodeBorder: #37373d; + --vscode-gitDecoration-addedResourceForeground: #81b88b; + --vscode-gitDecoration-modifiedResourceForeground: #e2c08d; + --vscode-gitDecoration-deletedResourceForeground: #c74e39; --vscode-gitDecoration-renamedResourceForeground: #73c991; - --vscode-gitDecoration-untrackedResourceForeground: #0adb8b; - --vscode-gitDecoration-ignoredResourceForeground: #415e6c; - --vscode-gitDecoration-stageModifiedResourceForeground: #ff6ba6; - --vscode-gitDecoration-stageDeletedResourceForeground: #ff427b; - --vscode-gitDecoration-conflictingResourceForeground: #ff428a; - --vscode-gitDecoration-submoduleResourceForeground: #cc6796; + --vscode-gitDecoration-untrackedResourceForeground: #73c991; + --vscode-gitDecoration-ignoredResourceForeground: #8c8c8c; + --vscode-gitDecoration-stageModifiedResourceForeground: #e2c08d; + --vscode-gitDecoration-stageDeletedResourceForeground: #c74e39; + --vscode-gitDecoration-conflictingResourceForeground: #e4676b; + --vscode-gitDecoration-submoduleResourceForeground: #8db9e2; --vscode-dvc-deps: #b079e7; --vscode-dvc-metrics: #fbd38d; --vscode-dvc-params: #90cdf4; - --vscode-dvc-workspaceChanged: #00eaff; + --vscode-dvc-workspaceChanged: #e2c08d; //:root --background: #1e1e1e; --border-width: 1; @@ -743,40 +659,44 @@ html { --panel-view-border: #80808059; --tag-corner-radius: 2px; } -.vscode-light { - //body.vscode-light - --background: #ffffff; + +html.vscode-divebar { + //body.vscode-dark + --background: #141322; --contrast-active-border: transparent; - --focus-border: #0090f1; + --focus-border: rgba(0, 0, 0, 0); --font-family: system-ui, 'Ubuntu', 'Droid Sans', sans-serif; --font-weight: normal; - --foreground: #616161; - --scrollbar-slider-background: rgba(100, 100, 100, 0.4); - --scrollbar-slider-hover-background: rgba(100, 100, 100, 0.7); - --scrollbar-slider-active-background: rgba(0, 0, 0, 0.6); - --badge-background: #c4c4c4; - --badge-foreground: #333333; - --button-primary-background: #007acc; - --button-primary-hover-background: #0062a3; - --checkbox-background: #ffffff; - --checkbox-border: #cecece; - --list-active-selection-background: #0060c0; - --list-hover-background: #e8e8e8; - --divider-background: #c8c8c8; - --dropdown-background: #ffffff; - --dropdown-border: #cecece; - --input-background: #ffffff; - --input-foreground: #616161; - --input-placeholder-foreground: #767676; - --link-active-foreground: #006ab1; - --link-foreground: #006ab1; - --panel-tab-active-border: #424242; - --panel-tab-active-foreground: #424242; - --panel-tab-foreground: rgba(66, 66, 66, 0.75); - --panel-view-background: #ffffff; - --panel-view-border: rgba(128, 128, 128, 0.35); - --button-secondary-background: #5f6a79; - --button-secondary-hover-background: #4c5561; + --foreground: #7c9c9e; + --scrollbar-slider-background: rgba(255, 66, 142, 0.1); + --scrollbar-slider-hover-background: rgba(255, 66, 142, 0.25); + --scrollbar-slider-active-background: rgba(255, 66, 142, 0.4); + --badge-background: #f52277; + --badge-foreground: #d0fff4; + --button-primary-background: #ff428e; + --button-primary-hover-background: #f52277; + --checkbox-background: #1a1b46; + --checkbox-border: #242560; + --list-active-selection-background: rgba(255, 66, 142, 0.1); + --list-hover-background: rgba(255, 66, 142, 0.05); + --divider-background: #7c9c9e; + --dropdown-background: #1a1b46; + --dropdown-border: #242560; + --input-background: #1c1a30; + --input-foreground: #7c9c9e; + --input-placeholder-foreground: #7c9c9e; + --link-active-foreground: #baffec; + --link-foreground: #a8ffef; + --panel-tab-active-border: #ff428e; + --panel-tab-active-foreground: #7c9c9e; + --panel-tab-foreground: #7c9c9e; + --panel-view-background: #141322; + --panel-view-border: #242560; + --button-primary-foreground: #eafefa; + --checkbox-foreground: #90b0b3; + --list-active-selection-foreground: #a8ffef; + --dropdown-foreground: #90b0b3; + --progress-background: #602976; //html --vscode-font-family: system-ui, 'Ubuntu', 'Droid Sans', sans-serif; --vscode-font-weight: normal; @@ -784,149 +704,171 @@ html { --vscode-editor-font-family: 'Droid Sans Mono', 'monospace', monospace; --vscode-editor-font-weight: normal; --vscode-editor-font-size: 14px; - --vscode-foreground: #616161; - --vscode-disabledForeground: rgba(97, 97, 97, 0.5); - --vscode-errorForeground: #a1260d; - --vscode-descriptionForeground: #717171; - --vscode-icon-foreground: #424242; - --vscode-focusBorder: #0090f1; - --vscode-textSeparator-foreground: rgba(0, 0, 0, 0.18); - --vscode-textLink-foreground: #006ab1; - --vscode-textLink-activeForeground: #006ab1; - --vscode-textPreformat-foreground: #a31515; - --vscode-textBlockQuote-background: rgba(127, 127, 127, 0.1); - --vscode-textBlockQuote-border: rgba(0, 122, 204, 0.5); - --vscode-textCodeBlock-background: rgba(220, 220, 220, 0.4); - --vscode-widget-shadow: rgba(0, 0, 0, 0.16); - --vscode-input-background: #ffffff; - --vscode-input-foreground: #616161; - --vscode-inputOption-activeBorder: rgba(0, 122, 204, 0); - --vscode-inputOption-hoverBackground: rgba(184, 184, 184, 0.31); - --vscode-inputOption-activeBackground: rgba(0, 144, 241, 0.2); - --vscode-inputOption-activeForeground: #000000; - --vscode-input-placeholderForeground: #767676; - --vscode-inputValidation-infoBackground: #d6ecf2; - --vscode-inputValidation-infoBorder: #007acc; - --vscode-inputValidation-warningBackground: #f6f5d2; - --vscode-inputValidation-warningBorder: #b89500; - --vscode-inputValidation-errorBackground: #f2dede; - --vscode-inputValidation-errorBorder: #be1100; - --vscode-dropdown-background: #ffffff; - --vscode-dropdown-border: #cecece; - --vscode-checkbox-background: #ffffff; - --vscode-checkbox-border: #cecece; - --vscode-button-foreground: #ffffff; - --vscode-button-background: #007acc; - --vscode-button-hoverBackground: #0062a3; - --vscode-button-secondaryForeground: #ffffff; - --vscode-button-secondaryBackground: #5f6a79; - --vscode-button-secondaryHoverBackground: #4c5561; - --vscode-badge-background: #c4c4c4; - --vscode-badge-foreground: #333333; - --vscode-scrollbar-shadow: #dddddd; - --vscode-scrollbarSlider-background: rgba(100, 100, 100, 0.4); - --vscode-scrollbarSlider-hoverBackground: rgba(100, 100, 100, 0.7); - --vscode-scrollbarSlider-activeBackground: rgba(0, 0, 0, 0.6); - --vscode-progressBar-background: #0e70c0; - --vscode-editorError-foreground: #e51400; - --vscode-editorWarning-foreground: #bf8803; - --vscode-editorInfo-foreground: #1a85ff; - --vscode-editorHint-foreground: #6c6c6c; - --vscode-sash-hoverBorder: #0090f1; - --vscode-editor-background: #ffffff; - --vscode-editor-foreground: #000000; - --vscode-editorWidget-background: #f3f3f3; - --vscode-editorWidget-foreground: #616161; - --vscode-editorWidget-border: #c8c8c8; - --vscode-quickInput-background: #f3f3f3; - --vscode-quickInput-foreground: #616161; - --vscode-quickInputTitle-background: rgba(0, 0, 0, 0.06); - --vscode-pickerGroup-foreground: #0066bf; - --vscode-pickerGroup-border: #cccedb; - --vscode-keybindingLabel-background: rgba(221, 221, 221, 0.4); - --vscode-keybindingLabel-foreground: #555555; - --vscode-keybindingLabel-border: rgba(204, 204, 204, 0.4); - --vscode-keybindingLabel-bottomBorder: rgba(187, 187, 187, 0.4); - --vscode-editor-selectionBackground: #add6ff; - --vscode-editor-inactiveSelectionBackground: #e5ebf1; - --vscode-editor-selectionHighlightBackground: rgba(173, 214, 255, 0.5); - --vscode-editor-findMatchBackground: #a8ac94; - --vscode-editor-findMatchHighlightBackground: rgba(234, 92, 0, 0.33); - --vscode-editor-findRangeHighlightBackground: rgba(180, 180, 180, 0.3); - --vscode-searchEditor-findMatchBackground: rgba(234, 92, 0, 0.22); - --vscode-editor-hoverHighlightBackground: rgba(173, 214, 255, 0.15); - --vscode-editorHoverWidget-background: #f3f3f3; - --vscode-editorHoverWidget-foreground: #616161; - --vscode-editorHoverWidget-border: #c8c8c8; - --vscode-editorHoverWidget-statusBarBackground: #e7e7e7; - --vscode-editorLink-activeForeground: #0000ff; - --vscode-editorInlayHint-foreground: rgba(51, 51, 51, 0.8); - --vscode-editorInlayHint-background: rgba(196, 196, 196, 0.3); - --vscode-editorInlayHint-typeForeground: rgba(51, 51, 51, 0.8); - --vscode-editorInlayHint-typeBackground: rgba(196, 196, 196, 0.3); - --vscode-editorInlayHint-parameterForeground: rgba(51, 51, 51, 0.8); - --vscode-editorInlayHint-parameterBackground: rgba(196, 196, 196, 0.3); - --vscode-editorLightBulb-foreground: #ddb100; - --vscode-editorLightBulbAutoFix-foreground: #007acc; - --vscode-diffEditor-insertedTextBackground: rgba(155, 185, 85, 0.2); - --vscode-diffEditor-removedTextBackground: rgba(255, 0, 0, 0.2); - --vscode-diffEditor-diagonalFill: rgba(34, 34, 34, 0.2); - --vscode-list-focusOutline: #0090f1; - --vscode-list-activeSelectionBackground: #0060c0; - --vscode-list-activeSelectionForeground: #ffffff; - --vscode-list-activeSelectionIconForeground: #ffffff; - --vscode-list-inactiveSelectionBackground: #e4e6f1; - --vscode-list-hoverBackground: #e8e8e8; - --vscode-list-dropBackground: #d6ebff; - --vscode-list-highlightForeground: #0066bf; - --vscode-list-focusHighlightForeground: #9dddff; + --vscode-foreground: #7c9c9e; + --vscode-disabledForeground: rgba(204, 204, 204, 0.5); + --vscode-errorForeground: #ff1767; + --vscode-descriptionForeground: #93e0e3; + --vscode-icon-foreground: #c5c5c5; + --vscode-focusBorder: rgba(0, 0, 0, 0); + --vscode-selection-background: rgba(120, 239, 197, 0.1); + --vscode-textSeparator-foreground: rgba(255, 255, 255, 0.18); + --vscode-textLink-foreground: #a8ffef; + --vscode-textLink-activeForeground: #baffec; + --vscode-textPreformat-foreground: #ff428e; + --vscode-textBlockQuote-background: #242560; + --vscode-textBlockQuote-border: #7c9c9e; + --vscode-textCodeBlock-background: #602976; + --vscode-widget-shadow: rgba(255, 66, 142, 0.5); + --vscode-input-background: #1c1a30; + --vscode-input-foreground: #7c9c9e; + --vscode-input-border: #242560; + --vscode-inputOption-activeBorder: #8c2c56; + --vscode-inputOption-hoverBackground: rgba(90, 93, 94, 0.5); + --vscode-inputOption-activeBackground: rgba(255, 66, 142, 0.15); + --vscode-inputOption-activeForeground: #ffffff; + --vscode-input-placeholderForeground: #7c9c9e; + --vscode-inputValidation-infoBackground: #93e0e3; + --vscode-inputValidation-infoBorder: #93e0e3; + --vscode-inputValidation-warningBackground: #00eaff; + --vscode-inputValidation-warningBorder: #00eaff; + --vscode-inputValidation-errorBackground: #ff1767; + --vscode-inputValidation-errorBorder: #ff1767; + --vscode-dropdown-background: #1a1b46; + --vscode-dropdown-listBackground: rgba(38, 43, 75, 0.9); + --vscode-dropdown-foreground: #90b0b3; + --vscode-dropdown-border: #242560; + --vscode-checkbox-background: #1a1b46; + --vscode-checkbox-foreground: #90b0b3; + --vscode-checkbox-border: #242560; + --vscode-button-foreground: #eafefa; + --vscode-button-background: #ff428e; + --vscode-button-hoverBackground: #f52277; + --vscode-button-secondaryForeground: #ffffff; + --vscode-button-secondaryBackground: #3a3d41; + --vscode-button-secondaryHoverBackground: #45494e; + --vscode-badge-background: #f52277; + --vscode-badge-foreground: #d0fff4; + --vscode-scrollbar-shadow: rgba(255, 66, 142, 0.5); + --vscode-scrollbarSlider-background: rgba(255, 66, 142, 0.1); + --vscode-scrollbarSlider-hoverBackground: rgba(255, 66, 142, 0.25); + --vscode-scrollbarSlider-activeBackground: rgba(255, 66, 142, 0.4); + --vscode-progressBar-background: #602976; + --vscode-editorError-foreground: #ff1767; + --vscode-editorWarning-foreground: #00eaff; + --vscode-editorInfo-foreground: #93e0e3; + --vscode-editorHint-foreground: rgba(238, 238, 238, 0.7); + --vscode-sash-hoverBorder: rgba(0, 0, 0, 0); + --vscode-editor-background: #141322; + --vscode-editor-foreground: #94b4c4; + --vscode-editorWidget-background: rgba(38, 43, 75, 0.9); + --vscode-editorWidget-foreground: #7c9c9e; + --vscode-editorWidget-border: #7c9c9e; + --vscode-editorWidget-resizeBorder: #ff6ba6; + --vscode-quickInput-background: rgba(38, 43, 75, 0.9); + --vscode-quickInput-foreground: #7c9c9e; + --vscode-quickInputTitle-background: rgba(255, 255, 255, 0.1); + --vscode-pickerGroup-foreground: #a8ffef; + --vscode-pickerGroup-border: #8c2c56; + --vscode-keybindingLabel-background: rgba(128, 128, 128, 0.17); + --vscode-keybindingLabel-foreground: #cccccc; + --vscode-keybindingLabel-border: rgba(51, 51, 51, 0.6); + --vscode-keybindingLabel-bottomBorder: rgba(68, 68, 68, 0.6); + --vscode-editor-selectionBackground: rgba(135, 77, 248, 0.3); + --vscode-editor-inactiveSelectionBackground: rgba(135, 77, 248, 0.15); + --vscode-editor-selectionHighlightBackground: rgba(135, 77, 248, 0.1); + --vscode-editor-selectionHighlightBorder: #6e45c7; + --vscode-editor-findMatchBackground: rgba(0, 0, 0, 0); + --vscode-editor-findMatchHighlightBackground: rgba(0, 0, 0, 0); + --vscode-editor-findRangeHighlightBackground: rgba(253, 67, 205, 0.07); + --vscode-editor-findMatchBorder: rgba(151, 54, 192, 0.55); + --vscode-editor-findMatchHighlightBorder: rgba(241, 121, 225, 0.8); + --vscode-searchEditor-findMatchBackground: rgba(0, 0, 0, 0); + --vscode-searchEditor-findMatchBorder: rgba(241, 121, 225, 0.53); + --vscode-editor-hoverHighlightBackground: rgba(253, 67, 205, 0.25); + --vscode-editorHoverWidget-background: rgba(38, 43, 75, 0.9); + --vscode-editorHoverWidget-foreground: #7c9c9e; + --vscode-editorHoverWidget-border: #7c9c9e; + --vscode-editorHoverWidget-statusBarBackground: rgba(46, 52, 90, 0.9); + --vscode-editorLink-activeForeground: #43fdd5; + --vscode-editorInlayHint-foreground: rgba(208, 255, 244, 0.8); + --vscode-editorInlayHint-background: rgba(245, 34, 119, 0.6); + --vscode-editorInlayHint-typeForeground: rgba(208, 255, 244, 0.8); + --vscode-editorInlayHint-typeBackground: rgba(245, 34, 119, 0.6); + --vscode-editorInlayHint-parameterForeground: rgba(208, 255, 244, 0.8); + --vscode-editorInlayHint-parameterBackground: rgba(245, 34, 119, 0.6); + --vscode-editorLightBulb-foreground: #ffcc00; + --vscode-editorLightBulbAutoFix-foreground: #75beff; + --vscode-diffEditor-insertedTextBackground: rgba(67, 253, 213, 0.09); + --vscode-diffEditor-removedTextBackground: rgba(254, 96, 130, 0.09); + --vscode-diffEditor-border: #242560; + --vscode-diffEditor-diagonalFill: rgba(204, 204, 204, 0.2); + --vscode-list-focusBackground: rgba(255, 66, 142, 0.2); + --vscode-list-focusForeground: #a8ffef; + --vscode-list-focusOutline: rgba(0, 0, 0, 0); + --vscode-list-activeSelectionBackground: rgba(255, 66, 142, 0.1); + --vscode-list-activeSelectionForeground: #a8ffef; + --vscode-list-inactiveSelectionBackground: #12111f; + --vscode-list-inactiveSelectionForeground: #a8ffef; + --vscode-list-hoverBackground: rgba(255, 66, 142, 0.05); + --vscode-list-hoverForeground: #7c9c9e; + --vscode-list-dropBackground: rgba(255, 66, 142, 0.6); + --vscode-list-highlightForeground: #a8ffef; + --vscode-list-focusHighlightForeground: #a8ffef; --vscode-list-invalidItemForeground: #b89500; - --vscode-list-errorForeground: #b01011; - --vscode-list-warningForeground: #855f00; - --vscode-listFilterWidget-background: #efc1ad; + --vscode-list-errorForeground: #ff1767; + --vscode-list-warningForeground: #00eaff; + --vscode-listFilterWidget-background: #653723; --vscode-listFilterWidget-outline: rgba(0, 0, 0, 0); --vscode-listFilterWidget-noMatchesOutline: #be1100; - --vscode-list-filterMatchBackground: rgba(234, 92, 0, 0.33); - --vscode-tree-indentGuidesStroke: #a9a9a9; - --vscode-tree-tableColumnsBorder: rgba(97, 97, 97, 0.13); - --vscode-tree-tableOddRowsBackground: rgba(97, 97, 97, 0.04); - --vscode-list-deemphasizedForeground: #8e8e90; - --vscode-quickInputList-focusForeground: #ffffff; - --vscode-quickInputList-focusIconForeground: #ffffff; - --vscode-quickInputList-focusBackground: #0060c0; - --vscode-menu-foreground: #616161; - --vscode-menu-background: #ffffff; - --vscode-menu-selectionForeground: #ffffff; - --vscode-menu-selectionBackground: #0060c0; - --vscode-menu-separatorBackground: #d4d4d4; - --vscode-toolbar-hoverBackground: rgba(184, 184, 184, 0.31); - --vscode-toolbar-activeBackground: rgba(166, 166, 166, 0.31); - --vscode-editor-snippetTabstopHighlightBackground: rgba(10, 50, 100, 0.2); - --vscode-editor-snippetFinalTabstopHighlightBorder: rgba(10, 50, 100, 0.5); - --vscode-breadcrumb-foreground: rgba(97, 97, 97, 0.8); - --vscode-breadcrumb-background: #ffffff; - --vscode-breadcrumb-focusForeground: #4e4e4e; - --vscode-breadcrumb-activeSelectionForeground: #4e4e4e; - --vscode-breadcrumbPicker-background: #f3f3f3; - --vscode-merge-currentHeaderBackground: rgba(64, 200, 174, 0.5); - --vscode-merge-currentContentBackground: rgba(64, 200, 174, 0.2); - --vscode-merge-incomingHeaderBackground: rgba(64, 166, 255, 0.5); - --vscode-merge-incomingContentBackground: rgba(64, 166, 255, 0.2); - --vscode-merge-commonHeaderBackground: rgba(96, 96, 96, 0.4); - --vscode-merge-commonContentBackground: rgba(96, 96, 96, 0.16); + --vscode-list-filterMatchBackground: rgba(0, 0, 0, 0); + --vscode-list-filterMatchBorder: rgba(241, 121, 225, 0.8); + --vscode-tree-indentGuidesStroke: #242560; + --vscode-tree-tableColumnsBorder: rgba(204, 204, 204, 0.13); + --vscode-tree-tableOddRowsBackground: rgba(124, 156, 158, 0.04); + --vscode-list-deemphasizedForeground: #8c8c8c; + --vscode-quickInputList-focusForeground: #a8ffef; + --vscode-quickInputList-focusBackground: rgba(255, 66, 142, 0.1); + --vscode-menu-foreground: #90b0b3; + --vscode-menu-background: #1a1b46; + --vscode-menu-selectionForeground: #a8ffef; + --vscode-menu-selectionBackground: rgba(255, 66, 142, 0.1); + --vscode-menu-separatorBackground: #606060; + --vscode-toolbar-hoverBackground: rgba(90, 93, 94, 0.31); + --vscode-toolbar-activeBackground: rgba(99, 102, 103, 0.31); + --vscode-editor-snippetTabstopHighlightBackground: rgba(255, 66, 142, 0.1); + --vscode-editor-snippetTabstopHighlightBorder: #602976; + --vscode-editor-snippetFinalTabstopHighlightBackground: rgba( + 255, + 66, + 142, + 0.1 + ); + --vscode-editor-snippetFinalTabstopHighlightBorder: #864df8; + --vscode-breadcrumb-foreground: #415e6c; + --vscode-breadcrumb-background: #12111f; + --vscode-breadcrumb-focusForeground: #a8ffef; + --vscode-breadcrumb-activeSelectionForeground: #a8ffef; + --vscode-breadcrumbPicker-background: rgba(38, 43, 75, 0.9); + --vscode-merge-currentHeaderBackground: rgba(252, 134, 254, 0.2); + --vscode-merge-currentContentBackground: rgba(252, 134, 254, 0.07); + --vscode-merge-incomingHeaderBackground: rgba(0, 143, 233, 0.2); + --vscode-merge-incomingContentBackground: rgba(0, 143, 233, 0.07); + --vscode-merge-commonHeaderBackground: rgba(255, 208, 0, 0.2); + --vscode-merge-commonContentBackground: rgba(255, 208, 0, 0.07); + --vscode-merge-border: #242560; --vscode-editorOverviewRuler-currentContentForeground: rgba( - 64, - 200, - 174, - 0.5 + 252, + 134, + 254, + 0.3 ); --vscode-editorOverviewRuler-incomingContentForeground: rgba( - 64, - 166, - 255, - 0.5 + 0, + 143, + 233, + 0.3 ); - --vscode-editorOverviewRuler-commonContentForeground: rgba(96, 96, 96, 0.4); + --vscode-editorOverviewRuler-commonContentForeground: rgba(255, 208, 0, 0.3); --vscode-editorOverviewRuler-findMatchForeground: rgba(209, 134, 22, 0.49); --vscode-editorOverviewRuler-selectionHighlightForeground: rgba( 160, @@ -934,51 +876,53 @@ html { 160, 0.8 ); - --vscode-minimap-findMatchHighlight: #d18616; - --vscode-minimap-selectionOccurrenceHighlight: #c9c9c9; - --vscode-minimap-selectionHighlight: #add6ff; + --vscode-minimap-findMatchHighlight: rgba(151, 54, 192, 0.75); + --vscode-minimap-selectionOccurrenceHighlight: #676767; + --vscode-minimap-selectionHighlight: #264f78; --vscode-minimap-errorHighlight: rgba(255, 18, 18, 0.7); - --vscode-minimap-warningHighlight: #bf8803; + --vscode-minimap-warningHighlight: #00eaff; --vscode-minimap-foregroundOpacity: #000000; - --vscode-minimapSlider-background: rgba(100, 100, 100, 0.2); - --vscode-minimapSlider-hoverBackground: rgba(100, 100, 100, 0.35); - --vscode-minimapSlider-activeBackground: rgba(0, 0, 0, 0.3); - --vscode-problemsErrorIcon-foreground: #e51400; - --vscode-problemsWarningIcon-foreground: #bf8803; - --vscode-problemsInfoIcon-foreground: #1a85ff; - --vscode-charts-foreground: #616161; - --vscode-charts-lines: rgba(97, 97, 97, 0.5); - --vscode-charts-red: #e51400; - --vscode-charts-blue: #1a85ff; - --vscode-charts-yellow: #bf8803; - --vscode-charts-orange: #d18616; - --vscode-charts-green: #388a34; - --vscode-charts-purple: #652d90; - --vscode-editor-lineHighlightBorder: #eeeeee; - --vscode-editor-rangeHighlightBackground: rgba(253, 255, 0, 0.2); - --vscode-editor-symbolHighlightBackground: rgba(234, 92, 0, 0.33); - --vscode-editorCursor-foreground: #000000; - --vscode-editorWhitespace-foreground: rgba(51, 51, 51, 0.2); - --vscode-editorIndentGuide-background: #d3d3d3; - --vscode-editorIndentGuide-activeBackground: #939393; - --vscode-editorLineNumber-foreground: #237893; - --vscode-editorActiveLineNumber-foreground: #0b216f; - --vscode-editorLineNumber-activeForeground: #0b216f; - --vscode-editorRuler-foreground: #d3d3d3; - --vscode-editorCodeLens-foreground: #919191; + --vscode-minimapSlider-background: rgba(255, 66, 142, 0.05); + --vscode-minimapSlider-hoverBackground: rgba(255, 66, 142, 0.13); + --vscode-minimapSlider-activeBackground: rgba(255, 66, 142, 0.2); + --vscode-problemsErrorIcon-foreground: #ff1767; + --vscode-problemsWarningIcon-foreground: #00eaff; + --vscode-problemsInfoIcon-foreground: #93e0e3; + --vscode-charts-foreground: #7c9c9e; + --vscode-charts-lines: rgba(124, 156, 158, 0.5); + --vscode-charts-red: #ff1767; + --vscode-charts-blue: #93e0e3; + --vscode-charts-yellow: #00eaff; + --vscode-charts-orange: rgba(151, 54, 192, 0.75); + --vscode-charts-green: #89d185; + --vscode-charts-purple: #b180d7; + --vscode-editor-lineHighlightBackground: rgba(208, 67, 207, 0.07); + --vscode-editor-lineHighlightBorder: rgba(0, 0, 0, 0); + --vscode-editor-rangeHighlightBackground: rgba(253, 67, 205, 0.07); + --vscode-editor-rangeHighlightBorder: rgba(0, 0, 0, 0); + --vscode-editor-symbolHighlightBackground: rgba(0, 0, 0, 0); + --vscode-editorCursor-foreground: #ff428e; + --vscode-editorWhitespace-foreground: rgba(227, 228, 226, 0.16); + --vscode-editorIndentGuide-background: rgba(227, 228, 226, 0.16); + --vscode-editorIndentGuide-activeBackground: rgba(255, 66, 142, 0.6); + --vscode-editorLineNumber-foreground: #415e6c; + --vscode-editorActiveLineNumber-foreground: #c6c6c6; + --vscode-editorLineNumber-activeForeground: #d0fff4; + --vscode-editorRuler-foreground: rgba(255, 66, 142, 0.6); + --vscode-editorCodeLens-foreground: rgba(208, 67, 207, 0.5); --vscode-editorBracketMatch-background: rgba(0, 100, 0, 0.1); - --vscode-editorBracketMatch-border: #b9b9b9; - --vscode-editorOverviewRuler-border: rgba(127, 127, 127, 0.3); - --vscode-editorGutter-background: #ffffff; - --vscode-editorUnnecessaryCode-opacity: rgba(0, 0, 0, 0.47); - --vscode-editorGhostText-foreground: rgba(0, 0, 0, 0.47); + --vscode-editorBracketMatch-border: #d043cf; + --vscode-editorOverviewRuler-border: #242560; + --vscode-editorGutter-background: #141322; + --vscode-editorUnnecessaryCode-opacity: rgba(0, 0, 0, 0.43); + --vscode-editorGhostText-foreground: rgba(255, 255, 255, 0.34); --vscode-editorOverviewRuler-rangeHighlightForeground: rgba(0, 122, 204, 0.6); - --vscode-editorOverviewRuler-errorForeground: rgba(255, 18, 18, 0.7); - --vscode-editorOverviewRuler-warningForeground: #bf8803; - --vscode-editorOverviewRuler-infoForeground: #1a85ff; - --vscode-editorBracketHighlight-foreground1: #0431fa; - --vscode-editorBracketHighlight-foreground2: #319331; - --vscode-editorBracketHighlight-foreground3: #7b3814; + --vscode-editorOverviewRuler-errorForeground: #ff1767; + --vscode-editorOverviewRuler-warningForeground: #00eaff; + --vscode-editorOverviewRuler-infoForeground: #93e0e3; + --vscode-editorBracketHighlight-foreground1: #0adb8b; + --vscode-editorBracketHighlight-foreground2: #00eaff; + --vscode-editorBracketHighlight-foreground3: #f60e67; --vscode-editorBracketHighlight-foreground4: rgba(0, 0, 0, 0); --vscode-editorBracketHighlight-foreground5: rgba(0, 0, 0, 0); --vscode-editorBracketHighlight-foreground6: rgba(0, 0, 0, 0); @@ -1000,57 +944,58 @@ html { --vscode-editorBracketPairGuide-activeBackground4: rgba(0, 0, 0, 0); --vscode-editorBracketPairGuide-activeBackground5: rgba(0, 0, 0, 0); --vscode-editorBracketPairGuide-activeBackground6: rgba(0, 0, 0, 0); - --vscode-editorUnicodeHighlight-border: #cea33d; - --vscode-editorUnicodeHighlight-background: rgba(206, 163, 61, 0.08); - --vscode-symbolIcon-arrayForeground: #616161; - --vscode-symbolIcon-booleanForeground: #616161; - --vscode-symbolIcon-classForeground: #d67e00; - --vscode-symbolIcon-colorForeground: #616161; - --vscode-symbolIcon-constantForeground: #616161; - --vscode-symbolIcon-constructorForeground: #652d90; - --vscode-symbolIcon-enumeratorForeground: #d67e00; - --vscode-symbolIcon-enumeratorMemberForeground: #007acc; - --vscode-symbolIcon-eventForeground: #d67e00; - --vscode-symbolIcon-fieldForeground: #007acc; - --vscode-symbolIcon-fileForeground: #616161; - --vscode-symbolIcon-folderForeground: #616161; - --vscode-symbolIcon-functionForeground: #652d90; - --vscode-symbolIcon-interfaceForeground: #007acc; - --vscode-symbolIcon-keyForeground: #616161; - --vscode-symbolIcon-keywordForeground: #616161; - --vscode-symbolIcon-methodForeground: #652d90; - --vscode-symbolIcon-moduleForeground: #616161; - --vscode-symbolIcon-namespaceForeground: #616161; - --vscode-symbolIcon-nullForeground: #616161; - --vscode-symbolIcon-numberForeground: #616161; - --vscode-symbolIcon-objectForeground: #616161; - --vscode-symbolIcon-operatorForeground: #616161; - --vscode-symbolIcon-packageForeground: #616161; - --vscode-symbolIcon-propertyForeground: #616161; - --vscode-symbolIcon-referenceForeground: #616161; - --vscode-symbolIcon-snippetForeground: #616161; - --vscode-symbolIcon-stringForeground: #616161; - --vscode-symbolIcon-structForeground: #616161; - --vscode-symbolIcon-textForeground: #616161; - --vscode-symbolIcon-typeParameterForeground: #616161; - --vscode-symbolIcon-unitForeground: #616161; - --vscode-symbolIcon-variableForeground: #007acc; - --vscode-editorHoverWidget-highlightForeground: #0066bf; + --vscode-editorUnicodeHighlight-border: #bd9b03; + --vscode-editorUnicodeHighlight-background: rgba(189, 155, 3, 0.15); + --vscode-symbolIcon-arrayForeground: #7c9c9e; + --vscode-symbolIcon-booleanForeground: #7c9c9e; + --vscode-symbolIcon-classForeground: #ee9d28; + --vscode-symbolIcon-colorForeground: #7c9c9e; + --vscode-symbolIcon-constantForeground: #7c9c9e; + --vscode-symbolIcon-constructorForeground: #b180d7; + --vscode-symbolIcon-enumeratorForeground: #ee9d28; + --vscode-symbolIcon-enumeratorMemberForeground: #75beff; + --vscode-symbolIcon-eventForeground: #ee9d28; + --vscode-symbolIcon-fieldForeground: #75beff; + --vscode-symbolIcon-fileForeground: #7c9c9e; + --vscode-symbolIcon-folderForeground: #7c9c9e; + --vscode-symbolIcon-functionForeground: #b180d7; + --vscode-symbolIcon-interfaceForeground: #75beff; + --vscode-symbolIcon-keyForeground: #7c9c9e; + --vscode-symbolIcon-keywordForeground: #7c9c9e; + --vscode-symbolIcon-methodForeground: #b180d7; + --vscode-symbolIcon-moduleForeground: #7c9c9e; + --vscode-symbolIcon-namespaceForeground: #7c9c9e; + --vscode-symbolIcon-nullForeground: #7c9c9e; + --vscode-symbolIcon-numberForeground: #7c9c9e; + --vscode-symbolIcon-objectForeground: #7c9c9e; + --vscode-symbolIcon-operatorForeground: #7c9c9e; + --vscode-symbolIcon-packageForeground: #7c9c9e; + --vscode-symbolIcon-propertyForeground: #7c9c9e; + --vscode-symbolIcon-referenceForeground: #7c9c9e; + --vscode-symbolIcon-snippetForeground: #7c9c9e; + --vscode-symbolIcon-stringForeground: #7c9c9e; + --vscode-symbolIcon-structForeground: #7c9c9e; + --vscode-symbolIcon-textForeground: #7c9c9e; + --vscode-symbolIcon-typeParameterForeground: #7c9c9e; + --vscode-symbolIcon-unitForeground: #7c9c9e; + --vscode-symbolIcon-variableForeground: #75beff; + --vscode-editorHoverWidget-highlightForeground: #a8ffef; --vscode-editorOverviewRuler-bracketMatchForeground: #a0a0a0; - --vscode-editor-foldBackground: rgba(173, 214, 255, 0.3); - --vscode-editorGutter-foldingControlForeground: #424242; + --vscode-editor-foldBackground: rgba(135, 77, 248, 0.09); + --vscode-editorGutter-foldingControlForeground: #c5c5c5; --vscode-editor-linkedEditingBackground: rgba(255, 0, 0, 0.3); - --vscode-editorSuggestWidget-background: #f3f3f3; - --vscode-editorSuggestWidget-border: #c8c8c8; - --vscode-editorSuggestWidget-foreground: #000000; - --vscode-editorSuggestWidget-selectedForeground: #ffffff; - --vscode-editorSuggestWidget-selectedIconForeground: #ffffff; - --vscode-editorSuggestWidget-selectedBackground: #0060c0; - --vscode-editorSuggestWidget-highlightForeground: #0066bf; - --vscode-editorSuggestWidget-focusHighlightForeground: #9dddff; - --vscode-editorSuggestWidgetStatus-foreground: rgba(0, 0, 0, 0.5); - --vscode-editor-wordHighlightBackground: rgba(87, 87, 87, 0.25); - --vscode-editor-wordHighlightStrongBackground: rgba(14, 99, 156, 0.25); + --vscode-editorSuggestWidget-background: rgba(38, 43, 75, 0.9); + --vscode-editorSuggestWidget-border: #7c9c9e; + --vscode-editorSuggestWidget-foreground: #94b4c4; + --vscode-editorSuggestWidget-selectedForeground: #a8ffef; + --vscode-editorSuggestWidget-selectedBackground: rgba(255, 66, 142, 0.1); + --vscode-editorSuggestWidget-highlightForeground: #a8ffef; + --vscode-editorSuggestWidget-focusHighlightForeground: #a8ffef; + --vscode-editorSuggestWidgetStatus-foreground: rgba(148, 180, 196, 0.5); + --vscode-editor-wordHighlightBackground: rgba(255, 83, 0, 0.05); + --vscode-editor-wordHighlightStrongBackground: rgba(239, 233, 0, 0.05); + --vscode-editor-wordHighlightBorder: rgba(255, 83, 0, 0.25); + --vscode-editor-wordHighlightStrongBorder: rgba(239, 233, 0, 0.25); --vscode-editorOverviewRuler-wordHighlightForeground: rgba( 160, 160, @@ -1063,158 +1008,191 @@ html { 192, 0.8 ); - --vscode-peekViewTitle-background: rgba(26, 133, 255, 0.1); - --vscode-peekViewTitleLabel-foreground: #000000; - --vscode-peekViewTitleDescription-foreground: #616161; - --vscode-peekView-border: #1a85ff; - --vscode-peekViewResult-background: #f3f3f3; - --vscode-peekViewResult-lineForeground: #646465; - --vscode-peekViewResult-fileForeground: #1e1e1e; - --vscode-peekViewResult-selectionBackground: rgba(51, 153, 255, 0.2); - --vscode-peekViewResult-selectionForeground: #6c6c6c; - --vscode-peekViewEditor-background: #f2f8fc; - --vscode-peekViewEditorGutter-background: #f2f8fc; - --vscode-peekViewResult-matchHighlightBackground: rgba(234, 92, 0, 0.3); - --vscode-peekViewEditor-matchHighlightBackground: rgba(245, 216, 2, 0.87); - --vscode-editorMarkerNavigationError-background: #e51400; - --vscode-editorMarkerNavigationError-headerBackground: rgba(229, 20, 0, 0.1); - --vscode-editorMarkerNavigationWarning-background: #bf8803; + --vscode-peekViewTitle-background: #12111f; + --vscode-peekViewTitleLabel-foreground: #a8ffef; + --vscode-peekViewTitleDescription-foreground: #7c9c9e; + --vscode-peekView-border: #fe6083; + --vscode-peekViewResult-background: #12111f; + --vscode-peekViewResult-lineForeground: #7c9c9e; + --vscode-peekViewResult-fileForeground: #7c9c9e; + --vscode-peekViewResult-selectionBackground: rgba(253, 67, 205, 0.1); + --vscode-peekViewResult-selectionForeground: #a8ffef; + --vscode-peekViewEditor-background: #12111f; + --vscode-peekViewEditorGutter-background: #12111f; + --vscode-peekViewResult-matchHighlightBackground: rgba(253, 67, 205, 0.2); + --vscode-peekViewEditor-matchHighlightBackground: rgba(254, 96, 131, 0.15); + --vscode-peekViewEditor-matchHighlightBorder: rgba(0, 0, 0, 0); + --vscode-editorMarkerNavigationError-background: #ff1767; + --vscode-editorMarkerNavigationError-headerBackground: rgba( + 255, + 23, + 103, + 0.1 + ); + --vscode-editorMarkerNavigationWarning-background: #00eaff; --vscode-editorMarkerNavigationWarning-headerBackground: rgba( - 191, - 136, - 3, + 0, + 234, + 255, 0.1 ); - --vscode-editorMarkerNavigationInfo-background: #1a85ff; - --vscode-editorMarkerNavigationInfo-headerBackground: rgba(26, 133, 255, 0.1); - --vscode-editorMarkerNavigation-background: #ffffff; - --vscode-tab-activeBackground: #ffffff; - --vscode-tab-unfocusedActiveBackground: #ffffff; - --vscode-tab-inactiveBackground: #ececec; - --vscode-tab-unfocusedInactiveBackground: #ececec; - --vscode-tab-activeForeground: #333333; - --vscode-tab-inactiveForeground: rgba(51, 51, 51, 0.7); - --vscode-tab-unfocusedActiveForeground: rgba(51, 51, 51, 0.7); - --vscode-tab-unfocusedInactiveForeground: rgba(51, 51, 51, 0.35); - --vscode-tab-border: #f3f3f3; - --vscode-tab-lastPinnedBorder: rgba(97, 97, 97, 0.19); - --vscode-tab-activeModifiedBorder: #33aaee; - --vscode-tab-inactiveModifiedBorder: rgba(51, 170, 238, 0.5); - --vscode-tab-unfocusedActiveModifiedBorder: rgba(51, 170, 238, 0.7); - --vscode-tab-unfocusedInactiveModifiedBorder: rgba(51, 170, 238, 0.25); - --vscode-editorPane-background: #ffffff; - --vscode-editorGroupHeader-tabsBackground: #f3f3f3; - --vscode-editorGroupHeader-noTabsBackground: #ffffff; - --vscode-editorGroup-border: #e7e7e7; - --vscode-editorGroup-dropBackground: rgba(38, 119, 203, 0.18); - --vscode-editorGroup-dropIntoPromptForeground: #616161; - --vscode-editorGroup-dropIntoPromptBackground: #f3f3f3; - --vscode-sideBySideEditor-horizontalBorder: #e7e7e7; - --vscode-sideBySideEditor-verticalBorder: #e7e7e7; - --vscode-panel-background: #ffffff; - --vscode-panel-border: rgba(128, 128, 128, 0.35); - --vscode-panelTitle-activeForeground: #424242; - --vscode-panelTitle-inactiveForeground: rgba(66, 66, 66, 0.75); - --vscode-panelTitle-activeBorder: #424242; - --vscode-panelInput-border: #dddddd; - --vscode-panel-dropBorder: #424242; - --vscode-panelSection-dropBackground: rgba(38, 119, 203, 0.18); + --vscode-editorMarkerNavigationInfo-background: #93e0e3; + --vscode-editorMarkerNavigationInfo-headerBackground: rgba( + 147, + 224, + 227, + 0.1 + ); + --vscode-editorMarkerNavigation-background: rgba(38, 43, 75, 0.9); + --vscode-tab-activeBackground: #12111f; + --vscode-tab-unfocusedActiveBackground: #12111f; + --vscode-tab-inactiveBackground: #12111f; + --vscode-tab-unfocusedInactiveBackground: #12111f; + --vscode-tab-activeForeground: #c9fdf1; + --vscode-tab-inactiveForeground: #90b0b3; + --vscode-tab-unfocusedActiveForeground: rgba(201, 253, 241, 0.5); + --vscode-tab-unfocusedInactiveForeground: rgba(144, 176, 179, 0.5); + --vscode-tab-border: #12111f; + --vscode-tab-lastPinnedBorder: #242560; + --vscode-tab-activeBorder: rgba(0, 0, 0, 0); + --vscode-tab-unfocusedActiveBorder: rgba(0, 0, 0, 0); + --vscode-tab-activeBorderTop: #fc0065; + --vscode-tab-unfocusedActiveBorderTop: rgba(252, 0, 101, 0.5); + --vscode-tab-hoverBorder: #415e6c; + --vscode-tab-unfocusedHoverBorder: rgba(65, 94, 108, 0.5); + --vscode-tab-activeModifiedBorder: #3399cc; + --vscode-tab-inactiveModifiedBorder: rgba(51, 153, 204, 0.5); + --vscode-tab-unfocusedActiveModifiedBorder: rgba(51, 153, 204, 0.5); + --vscode-tab-unfocusedInactiveModifiedBorder: rgba(51, 153, 204, 0.25); + --vscode-editorPane-background: #141322; + --vscode-editorGroup-focusedEmptyBorder: rgba(0, 0, 0, 0); + --vscode-editorGroupHeader-tabsBackground: #12111f; + --vscode-editorGroupHeader-tabsBorder: #242560; + --vscode-editorGroupHeader-noTabsBackground: #141322; + --vscode-editorGroupHeader-border: #1a1b46; + --vscode-editorGroup-border: #242560; + --vscode-editorGroup-dropBackground: rgba(255, 66, 142, 0.6); + --vscode-editorGroup-dropIntoPromptForeground: #7c9c9e; + --vscode-editorGroup-dropIntoPromptBackground: rgba(38, 43, 75, 0.9); + --vscode-sideBySideEditor-horizontalBorder: #242560; + --vscode-sideBySideEditor-verticalBorder: #242560; + --vscode-panel-background: #141322; + --vscode-panel-border: #242560; + --vscode-panelTitle-activeForeground: #7c9c9e; + --vscode-panelTitle-inactiveForeground: #7c9c9e; + --vscode-panelTitle-activeBorder: #ff428e; + --vscode-panel-dropBorder: #7c9c9e; + --vscode-panelSection-dropBackground: rgba(255, 66, 142, 0.6); --vscode-panelSectionHeader-background: rgba(128, 128, 128, 0.2); - --vscode-panelSection-border: rgba(128, 128, 128, 0.35); - --vscode-banner-background: #004386; - --vscode-banner-foreground: #ffffff; - --vscode-banner-iconForeground: #1a85ff; - --vscode-statusBar-foreground: #ffffff; - --vscode-statusBar-noFolderForeground: #ffffff; - --vscode-statusBar-background: #007acc; - --vscode-statusBar-noFolderBackground: #68217a; - --vscode-statusBar-focusBorder: #ffffff; - --vscode-statusBarItem-activeBackground: rgba(255, 255, 255, 0.18); - --vscode-statusBarItem-focusBorder: #ffffff; - --vscode-statusBarItem-hoverBackground: rgba(255, 255, 255, 0.12); + --vscode-panelSection-border: #242560; + --vscode-banner-background: rgba(255, 66, 142, 0.1); + --vscode-banner-foreground: #a8ffef; + --vscode-banner-iconForeground: #93e0e3; + --vscode-statusBar-foreground: #7c9c9e; + --vscode-statusBar-noFolderForeground: #7c9c9e; + --vscode-statusBar-background: #12111f; + --vscode-statusBar-noFolderBackground: #242560; + --vscode-statusBar-border: #242560; + --vscode-statusBar-focusBorder: #7c9c9e; + --vscode-statusBar-noFolderBorder: #602976; + --vscode-statusBarItem-activeBackground: #602976; + --vscode-statusBarItem-focusBorder: #7c9c9e; + --vscode-statusBarItem-hoverBackground: rgba(134, 77, 248, 0.2); --vscode-statusBarItem-compactHoverBackground: rgba(255, 255, 255, 0.2); - --vscode-statusBarItem-prominentForeground: #ffffff; - --vscode-statusBarItem-prominentBackground: rgba(0, 0, 0, 0.5); - --vscode-statusBarItem-prominentHoverBackground: rgba(0, 0, 0, 0.3); - --vscode-statusBarItem-errorBackground: #c72e0f; + --vscode-statusBarItem-prominentForeground: #7c9c9e; + --vscode-statusBarItem-prominentBackground: #602976; + --vscode-statusBarItem-prominentHoverBackground: #913eb4; + --vscode-statusBarItem-errorBackground: #a7003a; --vscode-statusBarItem-errorForeground: #ffffff; - --vscode-statusBarItem-warningBackground: #725102; + --vscode-statusBarItem-warningBackground: #008c99; --vscode-statusBarItem-warningForeground: #ffffff; - --vscode-activityBar-background: #2c2c2c; - --vscode-activityBar-foreground: #ffffff; - --vscode-activityBar-inactiveForeground: rgba(255, 255, 255, 0.4); - --vscode-activityBar-activeBorder: #ffffff; - --vscode-activityBar-dropBorder: #ffffff; - --vscode-activityBarBadge-background: #007acc; - --vscode-activityBarBadge-foreground: #ffffff; - --vscode-statusBarItem-remoteBackground: #16825d; - --vscode-statusBarItem-remoteForeground: #ffffff; - --vscode-extensionBadge-remoteBackground: #007acc; - --vscode-extensionBadge-remoteForeground: #ffffff; - --vscode-sideBar-background: #f3f3f3; - --vscode-sideBarTitle-foreground: #6f6f6f; - --vscode-sideBar-dropBackground: rgba(38, 119, 203, 0.18); - --vscode-sideBarSectionHeader-background: rgba(0, 0, 0, 0); - --vscode-sideBarSectionHeader-border: rgba(97, 97, 97, 0.19); - --vscode-titleBar-activeForeground: #333333; - --vscode-titleBar-inactiveForeground: rgba(51, 51, 51, 0.6); - --vscode-titleBar-activeBackground: #dddddd; - --vscode-titleBar-inactiveBackground: rgba(221, 221, 221, 0.6); - --vscode-menubar-selectionForeground: #333333; - --vscode-menubar-selectionBackground: rgba(184, 184, 184, 0.31); - --vscode-notifications-foreground: #616161; - --vscode-notifications-background: #f3f3f3; - --vscode-notificationLink-foreground: #006ab1; - --vscode-notificationCenterHeader-background: #e7e7e7; - --vscode-notifications-border: #e7e7e7; - --vscode-notificationsErrorIcon-foreground: #e51400; - --vscode-notificationsWarningIcon-foreground: #bf8803; - --vscode-notificationsInfoIcon-foreground: #1a85ff; - --vscode-editorCommentsWidget-resolvedBorder: rgba(97, 97, 97, 0.5); - --vscode-editorCommentsWidget-unresolvedBorder: #1a85ff; - --vscode-editorCommentsWidget-rangeBackground: rgba(26, 133, 255, 0.1); - --vscode-editorCommentsWidget-rangeBorder: rgba(26, 133, 255, 0.4); - --vscode-editorCommentsWidget-rangeActiveBackground: rgba(26, 133, 255, 0.1); - --vscode-editorCommentsWidget-rangeActiveBorder: rgba(26, 133, 255, 0.4); + --vscode-activityBar-background: #100f1a; + --vscode-activityBar-foreground: #f52277; + --vscode-activityBar-inactiveForeground: rgba(245, 34, 119, 0.6); + --vscode-activityBar-border: #8c2c56; + --vscode-activityBar-activeBorder: #f52277; + --vscode-activityBar-dropBorder: #f52277; + --vscode-activityBarBadge-background: #f52277; + --vscode-activityBarBadge-foreground: #d0fff4; + --vscode-statusBarItem-remoteBackground: #f52277; + --vscode-statusBarItem-remoteForeground: #d0fff4; + --vscode-extensionBadge-remoteBackground: #f52277; + --vscode-extensionBadge-remoteForeground: #d0fff4; + --vscode-sideBar-background: #12111f; + --vscode-sideBar-foreground: #90b0b3; + --vscode-sideBar-border: #1d1e7d; + --vscode-sideBarTitle-foreground: #7c9c9e; + --vscode-sideBar-dropBackground: rgba(255, 66, 142, 0.6); + --vscode-sideBarSectionHeader-background: #12111f; + --vscode-sideBarSectionHeader-foreground: #7c9c9e; + --vscode-sideBarSectionHeader-border: rgba(0, 0, 0, 0); + --vscode-titleBar-activeForeground: #f52277; + --vscode-titleBar-inactiveForeground: rgba(245, 34, 119, 0.6); + --vscode-titleBar-activeBackground: #100f1a; + --vscode-titleBar-inactiveBackground: rgba(16, 15, 26, 0.6); + --vscode-titleBar-border: #8c2c56; + --vscode-menubar-selectionForeground: #f52277; + --vscode-menubar-selectionBackground: rgba(90, 93, 94, 0.31); + --vscode-notifications-foreground: #7c9c9e; + --vscode-notifications-background: rgba(38, 43, 75, 0.9); + --vscode-notificationLink-foreground: #a8ffef; + --vscode-notificationCenterHeader-background: rgba(50, 56, 98, 0.9); + --vscode-notifications-border: rgba(50, 56, 98, 0.9); + --vscode-notificationsErrorIcon-foreground: #ff1767; + --vscode-notificationsWarningIcon-foreground: #00eaff; + --vscode-notificationsInfoIcon-foreground: #93e0e3; + --vscode-editorCommentsWidget-resolvedBorder: rgba(204, 204, 204, 0.5); + --vscode-editorCommentsWidget-unresolvedBorder: #fe6083; + --vscode-editorCommentsWidget-rangeBackground: rgba(254, 96, 131, 0.1); + --vscode-editorCommentsWidget-rangeBorder: rgba(254, 96, 131, 0.4); + --vscode-editorCommentsWidget-rangeActiveBackground: rgba(254, 96, 131, 0.1); + --vscode-editorCommentsWidget-rangeActiveBorder: rgba(254, 96, 131, 0.4); --vscode-editorGutter-commentRangeForeground: #c5c5c5; - --vscode-debugToolBar-background: #f3f3f3; - --vscode-debugIcon-startForeground: #388a34; - --vscode-editor-stackFrameHighlightBackground: rgba(255, 255, 102, 0.45); - --vscode-editor-focusedStackFrameHighlightBackground: rgba( - 206, - 231, - 206, - 0.45 + --vscode-debugToolBar-background: rgba(36, 37, 96, 0.87); + --vscode-debugToolBar-border: rgba(0, 0, 0, 0); + --vscode-debugIcon-startForeground: #89d185; + --vscode-editor-stackFrameHighlightBackground: rgba(255, 83, 0, 0.12); + --vscode-editor-focusedStackFrameHighlightBackground: rgba(239, 233, 0, 0.1); + --vscode-settings-headerForeground: #e7e7e7; + --vscode-settings-modifiedItemIndicator: #0c7d9d; + --vscode-settings-headerBorder: #242560; + --vscode-settings-sashBorder: #242560; + --vscode-settings-dropdownBackground: #1a1b46; + --vscode-settings-dropdownForeground: #90b0b3; + --vscode-settings-dropdownBorder: #242560; + --vscode-settings-dropdownListBorder: #7c9c9e; + --vscode-settings-checkboxBackground: #1a1b46; + --vscode-settings-checkboxForeground: #90b0b3; + --vscode-settings-checkboxBorder: #242560; + --vscode-settings-textInputBackground: #1c1a30; + --vscode-settings-textInputForeground: #7c9c9e; + --vscode-settings-textInputBorder: #242560; + --vscode-settings-numberInputBackground: #1c1a30; + --vscode-settings-numberInputForeground: #7c9c9e; + --vscode-settings-numberInputBorder: #242560; + --vscode-settings-focusedRowBackground: rgba(255, 66, 142, 0.03); + --vscode-settings-rowHoverBackground: rgba(255, 66, 142, 0.01); + --vscode-settings-focusedRowBorder: rgba(255, 255, 255, 0.12); + --vscode-terminal-background: #141322; + --vscode-terminal-foreground: #a8d2d4; + --vscode-terminalCursor-foreground: #defff7; + --vscode-terminalCursor-background: #ff428e; + --vscode-terminal-selectionBackground: rgba(135, 77, 248, 0.3); + --vscode-terminalCommandDecoration-defaultBackground: rgba( + 255, + 255, + 255, + 0.25 ); - --vscode-settings-headerForeground: #444444; - --vscode-settings-modifiedItemIndicator: #66afe0; - --vscode-settings-headerBorder: rgba(128, 128, 128, 0.35); - --vscode-settings-sashBorder: rgba(128, 128, 128, 0.35); - --vscode-settings-dropdownBackground: #ffffff; - --vscode-settings-dropdownBorder: #cecece; - --vscode-settings-dropdownListBorder: #c8c8c8; - --vscode-settings-checkboxBackground: #ffffff; - --vscode-settings-checkboxBorder: #cecece; - --vscode-settings-textInputBackground: #ffffff; - --vscode-settings-textInputForeground: #616161; - --vscode-settings-textInputBorder: #cecece; - --vscode-settings-numberInputBackground: #ffffff; - --vscode-settings-numberInputForeground: #616161; - --vscode-settings-numberInputBorder: #cecece; - --vscode-settings-focusedRowBackground: rgba(232, 232, 232, 0.6); - --vscode-settings-rowHoverBackground: rgba(232, 232, 232, 0.3); - --vscode-settings-focusedRowBorder: rgba(0, 0, 0, 0.12); - --vscode-terminal-foreground: #333333; - --vscode-terminal-selectionBackground: #add6ff; - --vscode-terminalCommandDecoration-defaultBackground: rgba(0, 0, 0, 0.25); - --vscode-terminalCommandDecoration-successBackground: #2090d3; - --vscode-terminalCommandDecoration-errorBackground: #e51400; + --vscode-terminalCommandDecoration-successBackground: #1b81a8; + --vscode-terminalCommandDecoration-errorBackground: #f14c4c; --vscode-terminalOverviewRuler-cursorForeground: rgba(160, 160, 160, 0.8); - --vscode-terminal-border: rgba(128, 128, 128, 0.35); - --vscode-terminal-findMatchBackground: #a8ac94; - --vscode-terminal-findMatchHighlightBackground: rgba(234, 92, 0, 0.33); + --vscode-terminal-border: #242560; + --vscode-terminal-findMatchBackground: rgba(0, 0, 0, 0); + --vscode-terminal-findMatchHighlightBackground: rgba(0, 0, 0, 0); --vscode-terminalOverviewRuler-findMatchForeground: rgba(209, 134, 22, 0.49); - --vscode-terminal-dropBackground: rgba(38, 119, 203, 0.18); + --vscode-terminal-dropBackground: rgba(255, 66, 142, 0.6); + --vscode-terminal-tab\.activeBorder: rgba(0, 0, 0, 0); --vscode-testing-iconFailed: #f14c4c; --vscode-testing-iconErrored: #f14c4c; --vscode-testing-iconPassed: #73c991; @@ -1222,128 +1200,136 @@ html { --vscode-testing-iconQueued: #cca700; --vscode-testing-iconUnset: #848484; --vscode-testing-iconSkipped: #848484; - --vscode-testing-peekBorder: #e51400; - --vscode-testing-peekHeaderBackground: rgba(229, 20, 0, 0.1); - --vscode-testing-message\.error\.decorationForeground: #e51400; + --vscode-testing-peekBorder: #ff1767; + --vscode-testing-peekHeaderBackground: rgba(255, 23, 103, 0.1); + --vscode-testing-message\.error\.decorationForeground: #ff1767; --vscode-testing-message\.error\.lineBackground: rgba(255, 0, 0, 0.2); - --vscode-testing-message\.info\.decorationForeground: rgba(0, 0, 0, 0.5); - --vscode-welcomePage-tileBackground: #f3f3f3; - --vscode-welcomePage-tileHoverBackground: #dbdbdb; - --vscode-welcomePage-tileShadow: rgba(0, 0, 0, 0.16); - --vscode-welcomePage-progress\.background: #ffffff; - --vscode-welcomePage-progress\.foreground: #006ab1; - --vscode-commandCenter-foreground: #333333; - --vscode-commandCenter-activeForeground: #333333; - --vscode-commandCenter-activeBackground: rgba(184, 184, 184, 0.31); - --vscode-commandCenter-border: rgba(184, 184, 184, 0.31); - --vscode-debugExceptionWidget-border: #a31515; - --vscode-debugExceptionWidget-background: #f1dfde; - --vscode-ports-iconRunningProcessForeground: #369432; - --vscode-statusBar-debuggingBackground: #cc6633; - --vscode-statusBar-debuggingForeground: #ffffff; - --vscode-editor-inlineValuesForeground: rgba(0, 0, 0, 0.5); + --vscode-testing-message\.info\.decorationForeground: rgba( + 148, + 180, + 196, + 0.5 + ); + --vscode-welcomePage-tileBackground: rgba(38, 43, 75, 0.9); + --vscode-welcomePage-tileHoverBackground: rgba(46, 52, 90, 0.9); + --vscode-welcomePage-tileShadow: rgba(255, 66, 142, 0.5); + --vscode-welcomePage-progress\.background: #1c1a30; + --vscode-welcomePage-progress\.foreground: #a8ffef; + --vscode-walkThrough-embeddedEditorBackground: #1e2732; + --vscode-commandCenter-foreground: #f52277; + --vscode-commandCenter-activeForeground: #f52277; + --vscode-commandCenter-activeBackground: rgba(90, 93, 94, 0.31); + --vscode-commandCenter-border: rgba(90, 93, 94, 0.31); + --vscode-debugExceptionWidget-border: #ff1767; + --vscode-debugExceptionWidget-background: rgba(255, 66, 138, 0.45); + --vscode-ports-iconRunningProcessForeground: #f52277; + --vscode-statusBar-debuggingBackground: #12111f; + --vscode-statusBar-debuggingForeground: #a8ffef; + --vscode-statusBar-debuggingBorder: #ff428e; + --vscode-editor-inlineValuesForeground: rgba(255, 255, 255, 0.5); --vscode-editor-inlineValuesBackground: rgba(255, 200, 0, 0.2); - --vscode-editorGutter-modifiedBackground: #2090d3; - --vscode-editorGutter-addedBackground: #48985d; - --vscode-editorGutter-deletedBackground: #e51400; - --vscode-minimapGutter-modifiedBackground: #2090d3; - --vscode-minimapGutter-addedBackground: #48985d; - --vscode-minimapGutter-deletedBackground: #e51400; - --vscode-editorOverviewRuler-modifiedForeground: rgba(32, 144, 211, 0.6); - --vscode-editorOverviewRuler-addedForeground: rgba(72, 152, 93, 0.6); - --vscode-editorOverviewRuler-deletedForeground: rgba(229, 20, 0, 0.6); + --vscode-editorGutter-modifiedBackground: #00eaff; + --vscode-editorGutter-addedBackground: #0adb8b; + --vscode-editorGutter-deletedBackground: #ff427b; + --vscode-minimapGutter-modifiedBackground: #00eaff; + --vscode-minimapGutter-addedBackground: #0adb8b; + --vscode-minimapGutter-deletedBackground: #ff427b; + --vscode-editorOverviewRuler-modifiedForeground: #00eaff; + --vscode-editorOverviewRuler-addedForeground: #0adb8b; + --vscode-editorOverviewRuler-deletedForeground: #ff427b; --vscode-debugIcon-breakpointForeground: #e51400; --vscode-debugIcon-breakpointDisabledForeground: #848484; - --vscode-debugIcon-breakpointUnverifiedForeground: #848484; - --vscode-debugIcon-breakpointCurrentStackframeForeground: #be8700; - --vscode-debugIcon-breakpointStackframeForeground: #89d185; - --vscode-notebook-cellBorderColor: #e8e8e8; - --vscode-notebook-focusedEditorBorder: #0090f1; - --vscode-notebookStatusSuccessIcon-foreground: #388a34; - --vscode-notebookStatusErrorIcon-foreground: #a1260d; - --vscode-notebookStatusRunningIcon-foreground: #616161; - --vscode-notebook-cellToolbarSeparator: rgba(128, 128, 128, 0.35); - --vscode-notebook-selectedCellBackground: rgba(200, 221, 241, 0.31); - --vscode-notebook-selectedCellBorder: #e8e8e8; - --vscode-notebook-focusedCellBorder: #0090f1; - --vscode-notebook-inactiveFocusedCellBorder: #e8e8e8; - --vscode-notebook-cellStatusBarItemHoverBackground: rgba(0, 0, 0, 0.08); - --vscode-notebook-cellInsertionIndicator: #0090f1; - --vscode-notebookScrollbarSlider-background: rgba(100, 100, 100, 0.4); - --vscode-notebookScrollbarSlider-hoverBackground: rgba(100, 100, 100, 0.7); - --vscode-notebookScrollbarSlider-activeBackground: rgba(0, 0, 0, 0.6); - --vscode-notebook-symbolHighlightBackground: rgba(253, 255, 0, 0.2); - --vscode-notebook-cellEditorBackground: #f3f3f3; - --vscode-keybindingTable-headerBackground: rgba(97, 97, 97, 0.04); - --vscode-keybindingTable-rowsBackground: rgba(97, 97, 97, 0.04); - --vscode-scm-providerBorder: #c8c8c8; - --vscode-searchEditor-textInputBorder: #cecece; - --vscode-debugTokenExpression-name: #9b46b0; - --vscode-debugTokenExpression-value: rgba(108, 108, 108, 0.8); - --vscode-debugTokenExpression-string: #a31515; - --vscode-debugTokenExpression-boolean: #0000ff; - --vscode-debugTokenExpression-number: #098658; - --vscode-debugTokenExpression-error: #e51400; - --vscode-debugView-exceptionLabelForeground: #ffffff; - --vscode-debugView-exceptionLabelBackground: #a31515; - --vscode-debugView-stateLabelForeground: #616161; + --vscode-debugIcon-breakpointUnverifiedForeground: #848484; + --vscode-debugIcon-breakpointCurrentStackframeForeground: #ffcc00; + --vscode-debugIcon-breakpointStackframeForeground: #89d185; + --vscode-notebook-cellBorderColor: #12111f; + --vscode-notebook-focusedEditorBorder: rgba(0, 0, 0, 0); + --vscode-notebookStatusSuccessIcon-foreground: #89d185; + --vscode-notebookStatusErrorIcon-foreground: #ff1767; + --vscode-notebookStatusRunningIcon-foreground: #7c9c9e; + --vscode-notebook-cellToolbarSeparator: rgba(128, 128, 128, 0.35); + --vscode-notebook-selectedCellBackground: #12111f; + --vscode-notebook-selectedCellBorder: #12111f; + --vscode-notebook-focusedCellBorder: rgba(0, 0, 0, 0); + --vscode-notebook-inactiveFocusedCellBorder: #12111f; + --vscode-notebook-cellStatusBarItemHoverBackground: rgba(255, 255, 255, 0.15); + --vscode-notebook-cellInsertionIndicator: rgba(0, 0, 0, 0); + --vscode-notebookScrollbarSlider-background: rgba(255, 66, 142, 0.1); + --vscode-notebookScrollbarSlider-hoverBackground: rgba(255, 66, 142, 0.25); + --vscode-notebookScrollbarSlider-activeBackground: rgba(255, 66, 142, 0.4); + --vscode-notebook-symbolHighlightBackground: rgba(255, 255, 255, 0.04); + --vscode-notebook-cellEditorBackground: #12111f; + --vscode-keybindingTable-headerBackground: rgba(124, 156, 158, 0.04); + --vscode-keybindingTable-rowsBackground: rgba(124, 156, 158, 0.04); + --vscode-scm-providerBorder: #454545; + --vscode-searchEditor-textInputBorder: #242560; + --vscode-debugTokenExpression-name: #c586c0; + --vscode-debugTokenExpression-value: rgba(204, 204, 204, 0.6); + --vscode-debugTokenExpression-string: #ce9178; + --vscode-debugTokenExpression-boolean: #4e94ce; + --vscode-debugTokenExpression-number: #b5cea8; + --vscode-debugTokenExpression-error: #f48771; + --vscode-debugView-exceptionLabelForeground: #7c9c9e; + --vscode-debugView-exceptionLabelBackground: #6c2022; + --vscode-debugView-stateLabelForeground: #7c9c9e; --vscode-debugView-stateLabelBackground: rgba(136, 136, 136, 0.27); --vscode-debugView-valueChangedHighlight: #569cd6; - --vscode-debugConsole-infoForeground: #1a85ff; - --vscode-debugConsole-warningForeground: #bf8803; - --vscode-debugConsole-errorForeground: #a1260d; - --vscode-debugConsole-sourceForeground: #616161; - --vscode-debugConsoleInputIcon-foreground: #616161; - --vscode-debugIcon-pauseForeground: #007acc; - --vscode-debugIcon-stopForeground: #a1260d; - --vscode-debugIcon-disconnectForeground: #a1260d; - --vscode-debugIcon-restartForeground: #388a34; - --vscode-debugIcon-stepOverForeground: #007acc; - --vscode-debugIcon-stepIntoForeground: #007acc; - --vscode-debugIcon-stepOutForeground: #007acc; - --vscode-debugIcon-continueForeground: #007acc; - --vscode-debugIcon-stepBackForeground: #007acc; - --vscode-extensionButton-prominentBackground: #007acc; - --vscode-extensionButton-prominentForeground: #ffffff; - --vscode-extensionButton-prominentHoverBackground: #0062a3; + --vscode-debugConsole-infoForeground: #93e0e3; + --vscode-debugConsole-warningForeground: #00eaff; + --vscode-debugConsole-errorForeground: #ff1767; + --vscode-debugConsole-sourceForeground: #7c9c9e; + --vscode-debugConsoleInputIcon-foreground: #7c9c9e; + --vscode-debugIcon-pauseForeground: #75beff; + --vscode-debugIcon-stopForeground: #f48771; + --vscode-debugIcon-disconnectForeground: #f48771; + --vscode-debugIcon-restartForeground: #89d185; + --vscode-debugIcon-stepOverForeground: #75beff; + --vscode-debugIcon-stepIntoForeground: #75beff; + --vscode-debugIcon-stepOutForeground: #75beff; + --vscode-debugIcon-continueForeground: #75beff; + --vscode-debugIcon-stepBackForeground: #75beff; + --vscode-extensionButton-prominentBackground: #ff428e; + --vscode-extensionButton-prominentForeground: #a8ffef; + --vscode-extensionButton-prominentHoverBackground: #ff6ba6; --vscode-extensionSponsorButton-background: #b51e78; --vscode-extensionSponsorButton-hoverBackground: #d61b8c; - --vscode-extensionIcon-starForeground: #df6100; - --vscode-extensionIcon-verifiedForeground: #006ab1; + --vscode-extensionIcon-starForeground: #ff8e00; + --vscode-extensionIcon-verifiedForeground: #a8ffef; --vscode-extensionIcon-preReleaseForeground: #1d9271; - --vscode-terminal-ansiBlack: #000000; - --vscode-terminal-ansiRed: #cd3131; - --vscode-terminal-ansiGreen: #00bc00; - --vscode-terminal-ansiYellow: #949800; - --vscode-terminal-ansiBlue: #0451a5; - --vscode-terminal-ansiMagenta: #bc05bc; - --vscode-terminal-ansiCyan: #0598bc; - --vscode-terminal-ansiWhite: #555555; - --vscode-terminal-ansiBrightBlack: #666666; - --vscode-terminal-ansiBrightRed: #cd3131; - --vscode-terminal-ansiBrightGreen: #14ce14; - --vscode-terminal-ansiBrightYellow: #b5ba00; - --vscode-terminal-ansiBrightBlue: #0451a5; - --vscode-terminal-ansiBrightMagenta: #bc05bc; - --vscode-terminal-ansiBrightCyan: #0598bc; - --vscode-terminal-ansiBrightWhite: #a5a5a5; - --vscode-interactive-activeCodeBorder: #1a85ff; - --vscode-interactive-inactiveCodeBorder: #e4e6f1; - --vscode-gitDecoration-addedResourceForeground: #587c0c; - --vscode-gitDecoration-modifiedResourceForeground: #895503; - --vscode-gitDecoration-deletedResourceForeground: #ad0707; - --vscode-gitDecoration-renamedResourceForeground: #007100; - --vscode-gitDecoration-untrackedResourceForeground: #007100; - --vscode-gitDecoration-ignoredResourceForeground: #8e8e90; - --vscode-gitDecoration-stageModifiedResourceForeground: #895503; - --vscode-gitDecoration-stageDeletedResourceForeground: #ad0707; - --vscode-gitDecoration-conflictingResourceForeground: #ad0707; - --vscode-gitDecoration-submoduleResourceForeground: #1258a7; - --vscode-dvc-deps: #4f1886; - --vscode-dvc-metrics: #714904; - --vscode-dvc-params: #0b496f; - --vscode-dvc-workspaceChanged: #895503; - //:root --background: #1e1e1e; + --vscode-terminal-ansiBlack: #30317d; + --vscode-terminal-ansiRed: #ff5395; + --vscode-terminal-ansiGreen: #0adb8b; + --vscode-terminal-ansiYellow: #00eaff; + --vscode-terminal-ansiBlue: #7dd9e4; + --vscode-terminal-ansiMagenta: #fa61b8; + --vscode-terminal-ansiCyan: #a8ffef; + --vscode-terminal-ansiWhite: #cff0e8; + --vscode-terminal-ansiBrightBlack: #391ab5; + --vscode-terminal-ansiBrightRed: #ff427b; + --vscode-terminal-ansiBrightGreen: #00eaff; + --vscode-terminal-ansiBrightYellow: #00eaff; + --vscode-terminal-ansiBrightBlue: #84f9fe; + --vscode-terminal-ansiBrightMagenta: #d5358f; + --vscode-terminal-ansiBrightCyan: #83fee8; + --vscode-terminal-ansiBrightWhite: #cbfff2; + --vscode-interactive-activeCodeBorder: #fe6083; + --vscode-interactive-inactiveCodeBorder: #12111f; + --vscode-gitDecoration-addedResourceForeground: #0adb8b; + --vscode-gitDecoration-modifiedResourceForeground: #00eaff; + --vscode-gitDecoration-deletedResourceForeground: #ff427b; + --vscode-gitDecoration-renamedResourceForeground: #73c991; + --vscode-gitDecoration-untrackedResourceForeground: #0adb8b; + --vscode-gitDecoration-ignoredResourceForeground: #415e6c; + --vscode-gitDecoration-stageModifiedResourceForeground: #ff6ba6; + --vscode-gitDecoration-stageDeletedResourceForeground: #ff427b; + --vscode-gitDecoration-conflictingResourceForeground: #ff428a; + --vscode-gitDecoration-submoduleResourceForeground: #cc6796; + --vscode-dvc-deps: #b079e7; + --vscode-dvc-metrics: #fbd38d; + --vscode-dvc-params: #90cdf4; + --vscode-dvc-workspaceChanged: #00eaff; + //:root + --background: #1e1e1e; --border-width: 1; --contrast-active-border: #f38518; --contrast-border: #6fc3df; @@ -1411,17 +1397,40 @@ html { --panel-view-border: #80808059; --tag-corner-radius: 2px; } -.vscode-dark { - //body.vscode-dark +html.vscode-light { + //body.vscode-light + --background: #ffffff; --contrast-active-border: transparent; + --focus-border: #0090f1; --font-family: system-ui, 'Ubuntu', 'Droid Sans', sans-serif; --font-weight: normal; - --scrollbar-slider-background: rgba(121, 121, 121, 0.4); + --foreground: #616161; + --scrollbar-slider-background: rgba(100, 100, 100, 0.4); --scrollbar-slider-hover-background: rgba(100, 100, 100, 0.7); - --scrollbar-slider-active-background: rgba(191, 191, 191, 0.4); - --input-placeholder-foreground: #a6a6a6; - --panel-tab-foreground: rgba(231, 231, 231, 0.6); + --scrollbar-slider-active-background: rgba(0, 0, 0, 0.6); + --badge-background: #c4c4c4; + --badge-foreground: #333333; + --button-primary-background: #007acc; + --button-primary-hover-background: #0062a3; + --checkbox-background: #ffffff; + --checkbox-border: #cecece; + --list-active-selection-background: #0060c0; + --list-hover-background: #e8e8e8; + --divider-background: #c8c8c8; + --dropdown-background: #ffffff; + --dropdown-border: #cecece; + --input-background: #ffffff; + --input-foreground: #616161; + --input-placeholder-foreground: #767676; + --link-active-foreground: #006ab1; + --link-foreground: #006ab1; + --panel-tab-active-border: #424242; + --panel-tab-active-foreground: #424242; + --panel-tab-foreground: rgba(66, 66, 66, 0.75); + --panel-view-background: #ffffff; --panel-view-border: rgba(128, 128, 128, 0.35); + --button-secondary-background: #5f6a79; + --button-secondary-hover-background: #4c5561; //html --vscode-font-family: system-ui, 'Ubuntu', 'Droid Sans', sans-serif; --vscode-font-weight: normal; @@ -1429,132 +1438,130 @@ html { --vscode-editor-font-family: 'Droid Sans Mono', 'monospace', monospace; --vscode-editor-font-weight: normal; --vscode-editor-font-size: 14px; - --vscode-foreground: #cccccc; - --vscode-disabledForeground: rgba(204, 204, 204, 0.5); - --vscode-errorForeground: #f48771; - --vscode-descriptionForeground: rgba(204, 204, 204, 0.7); - --vscode-icon-foreground: #c5c5c5; - --vscode-focusBorder: #007fd4; - --vscode-textSeparator-foreground: rgba(255, 255, 255, 0.18); - --vscode-textLink-foreground: #3794ff; - --vscode-textLink-activeForeground: #3794ff; - --vscode-textPreformat-foreground: #d7ba7d; + --vscode-foreground: #616161; + --vscode-disabledForeground: rgba(97, 97, 97, 0.5); + --vscode-errorForeground: #a1260d; + --vscode-descriptionForeground: #717171; + --vscode-icon-foreground: #424242; + --vscode-focusBorder: #0090f1; + --vscode-textSeparator-foreground: rgba(0, 0, 0, 0.18); + --vscode-textLink-foreground: #006ab1; + --vscode-textLink-activeForeground: #006ab1; + --vscode-textPreformat-foreground: #a31515; --vscode-textBlockQuote-background: rgba(127, 127, 127, 0.1); --vscode-textBlockQuote-border: rgba(0, 122, 204, 0.5); - --vscode-textCodeBlock-background: rgba(10, 10, 10, 0.4); - --vscode-widget-shadow: rgba(0, 0, 0, 0.36); - --vscode-input-background: #3c3c3c; - --vscode-input-foreground: #cccccc; + --vscode-textCodeBlock-background: rgba(220, 220, 220, 0.4); + --vscode-widget-shadow: rgba(0, 0, 0, 0.16); + --vscode-input-background: #ffffff; + --vscode-input-foreground: #616161; --vscode-inputOption-activeBorder: rgba(0, 122, 204, 0); - --vscode-inputOption-hoverBackground: rgba(90, 93, 94, 0.5); - --vscode-inputOption-activeBackground: rgba(0, 127, 212, 0.4); - --vscode-inputOption-activeForeground: #ffffff; - --vscode-input-placeholderForeground: #a6a6a6; - --vscode-inputValidation-infoBackground: #063b49; - --vscode-inputValidation-infoBorder: #007acc; - --vscode-inputValidation-warningBackground: #352a05; - --vscode-inputValidation-warningBorder: #b89500; - --vscode-inputValidation-errorBackground: #5a1d1d; - --vscode-inputValidation-errorBorder: #be1100; - --vscode-dropdown-background: #3c3c3c; - --vscode-dropdown-foreground: #f0f0f0; - --vscode-dropdown-border: #3c3c3c; - --vscode-checkbox-background: #3c3c3c; - --vscode-checkbox-foreground: #f0f0f0; - --vscode-checkbox-border: #3c3c3c; - --vscode-button-foreground: #ffffff; - --vscode-button-background: #0e639c; - --vscode-button-hoverBackground: #1177bb; - --vscode-button-secondaryForeground: #ffffff; - --vscode-button-secondaryBackground: #3a3d41; - --vscode-button-secondaryHoverBackground: #45494e; - --vscode-badge-background: #4d4d4d; - --vscode-badge-foreground: #ffffff; - --vscode-scrollbar-shadow: #000000; - --vscode-scrollbarSlider-background: rgba(121, 121, 121, 0.4); - --vscode-scrollbarSlider-hoverBackground: rgba(100, 100, 100, 0.7); - --vscode-scrollbarSlider-activeBackground: rgba(191, 191, 191, 0.4); - --vscode-progressBar-background: #0e70c0; - --vscode-editorError-foreground: #f14c4c; - --vscode-editorWarning-foreground: #cca700; - --vscode-editorInfo-foreground: #3794ff; - --vscode-editorHint-foreground: rgba(238, 238, 238, 0.7); - --vscode-sash-hoverBorder: #007fd4; - --vscode-editor-background: #1e1e1e; - --vscode-editor-foreground: #d4d4d4; - --vscode-editorWidget-background: #252526; - --vscode-editorWidget-foreground: #cccccc; - --vscode-editorWidget-border: #454545; - --vscode-quickInput-background: #252526; - --vscode-quickInput-foreground: #cccccc; - --vscode-quickInputTitle-background: rgba(255, 255, 255, 0.1); - --vscode-pickerGroup-foreground: #3794ff; - --vscode-pickerGroup-border: #3f3f46; - --vscode-keybindingLabel-background: rgba(128, 128, 128, 0.17); - --vscode-keybindingLabel-foreground: #cccccc; - --vscode-keybindingLabel-border: rgba(51, 51, 51, 0.6); - --vscode-keybindingLabel-bottomBorder: rgba(68, 68, 68, 0.6); - --vscode-editor-selectionBackground: #264f78; - --vscode-editor-inactiveSelectionBackground: #3a3d41; - --vscode-editor-selectionHighlightBackground: rgba(173, 214, 255, 0.15); - --vscode-editor-findMatchBackground: #515c6a; + --vscode-inputOption-hoverBackground: rgba(184, 184, 184, 0.31); + --vscode-inputOption-activeBackground: rgba(0, 144, 241, 0.2); + --vscode-inputOption-activeForeground: #000000; + --vscode-input-placeholderForeground: #767676; + --vscode-inputValidation-infoBackground: #d6ecf2; + --vscode-inputValidation-infoBorder: #007acc; + --vscode-inputValidation-warningBackground: #f6f5d2; + --vscode-inputValidation-warningBorder: #b89500; + --vscode-inputValidation-errorBackground: #f2dede; + --vscode-inputValidation-errorBorder: #be1100; + --vscode-dropdown-background: #ffffff; + --vscode-dropdown-border: #cecece; + --vscode-checkbox-background: #ffffff; + --vscode-checkbox-border: #cecece; + --vscode-button-foreground: #ffffff; + --vscode-button-background: #007acc; + --vscode-button-hoverBackground: #0062a3; + --vscode-button-secondaryForeground: #ffffff; + --vscode-button-secondaryBackground: #5f6a79; + --vscode-button-secondaryHoverBackground: #4c5561; + --vscode-badge-background: #c4c4c4; + --vscode-badge-foreground: #333333; + --vscode-scrollbar-shadow: #dddddd; + --vscode-scrollbarSlider-background: rgba(100, 100, 100, 0.4); + --vscode-scrollbarSlider-hoverBackground: rgba(100, 100, 100, 0.7); + --vscode-scrollbarSlider-activeBackground: rgba(0, 0, 0, 0.6); + --vscode-progressBar-background: #0e70c0; + --vscode-editorError-foreground: #e51400; + --vscode-editorWarning-foreground: #bf8803; + --vscode-editorInfo-foreground: #1a85ff; + --vscode-editorHint-foreground: #6c6c6c; + --vscode-sash-hoverBorder: #0090f1; + --vscode-editor-background: #ffffff; + --vscode-editor-foreground: #000000; + --vscode-editorWidget-background: #f3f3f3; + --vscode-editorWidget-foreground: #616161; + --vscode-editorWidget-border: #c8c8c8; + --vscode-quickInput-background: #f3f3f3; + --vscode-quickInput-foreground: #616161; + --vscode-quickInputTitle-background: rgba(0, 0, 0, 0.06); + --vscode-pickerGroup-foreground: #0066bf; + --vscode-pickerGroup-border: #cccedb; + --vscode-keybindingLabel-background: rgba(221, 221, 221, 0.4); + --vscode-keybindingLabel-foreground: #555555; + --vscode-keybindingLabel-border: rgba(204, 204, 204, 0.4); + --vscode-keybindingLabel-bottomBorder: rgba(187, 187, 187, 0.4); + --vscode-editor-selectionBackground: #add6ff; + --vscode-editor-inactiveSelectionBackground: #e5ebf1; + --vscode-editor-selectionHighlightBackground: rgba(173, 214, 255, 0.5); + --vscode-editor-findMatchBackground: #a8ac94; --vscode-editor-findMatchHighlightBackground: rgba(234, 92, 0, 0.33); - --vscode-editor-findRangeHighlightBackground: rgba(58, 61, 65, 0.4); + --vscode-editor-findRangeHighlightBackground: rgba(180, 180, 180, 0.3); --vscode-searchEditor-findMatchBackground: rgba(234, 92, 0, 0.22); - --vscode-editor-hoverHighlightBackground: rgba(38, 79, 120, 0.25); - --vscode-editorHoverWidget-background: #252526; - --vscode-editorHoverWidget-foreground: #cccccc; - --vscode-editorHoverWidget-border: #454545; - --vscode-editorHoverWidget-statusBarBackground: #2c2c2d; - --vscode-editorLink-activeForeground: #4e94ce; - --vscode-editorInlayHint-foreground: rgba(255, 255, 255, 0.8); - --vscode-editorInlayHint-background: rgba(77, 77, 77, 0.6); - --vscode-editorInlayHint-typeForeground: rgba(255, 255, 255, 0.8); - --vscode-editorInlayHint-typeBackground: rgba(77, 77, 77, 0.6); - --vscode-editorInlayHint-parameterForeground: rgba(255, 255, 255, 0.8); - --vscode-editorInlayHint-parameterBackground: rgba(77, 77, 77, 0.6); - --vscode-editorLightBulb-foreground: #ffcc00; - --vscode-editorLightBulbAutoFix-foreground: #75beff; + --vscode-editor-hoverHighlightBackground: rgba(173, 214, 255, 0.15); + --vscode-editorHoverWidget-background: #f3f3f3; + --vscode-editorHoverWidget-foreground: #616161; + --vscode-editorHoverWidget-border: #c8c8c8; + --vscode-editorHoverWidget-statusBarBackground: #e7e7e7; + --vscode-editorLink-activeForeground: #0000ff; + --vscode-editorInlayHint-foreground: rgba(51, 51, 51, 0.8); + --vscode-editorInlayHint-background: rgba(196, 196, 196, 0.3); + --vscode-editorInlayHint-typeForeground: rgba(51, 51, 51, 0.8); + --vscode-editorInlayHint-typeBackground: rgba(196, 196, 196, 0.3); + --vscode-editorInlayHint-parameterForeground: rgba(51, 51, 51, 0.8); + --vscode-editorInlayHint-parameterBackground: rgba(196, 196, 196, 0.3); + --vscode-editorLightBulb-foreground: #ddb100; + --vscode-editorLightBulbAutoFix-foreground: #007acc; --vscode-diffEditor-insertedTextBackground: rgba(155, 185, 85, 0.2); --vscode-diffEditor-removedTextBackground: rgba(255, 0, 0, 0.2); - --vscode-diffEditor-diagonalFill: rgba(204, 204, 204, 0.2); - --vscode-list-focusOutline: #007fd4; - --vscode-list-activeSelectionBackground: #094771; + --vscode-diffEditor-diagonalFill: rgba(34, 34, 34, 0.2); + --vscode-list-focusOutline: #0090f1; + --vscode-list-activeSelectionBackground: #0060c0; --vscode-list-activeSelectionForeground: #ffffff; --vscode-list-activeSelectionIconForeground: #ffffff; - --vscode-list-inactiveSelectionBackground: #37373d; - --vscode-list-hoverBackground: #2a2d2e; - --vscode-list-dropBackground: #383b3d; - --vscode-list-highlightForeground: #18a3ff; - --vscode-list-focusHighlightForeground: #18a3ff; + --vscode-list-inactiveSelectionBackground: #e4e6f1; + --vscode-list-hoverBackground: #e8e8e8; + --vscode-list-dropBackground: #d6ebff; + --vscode-list-highlightForeground: #0066bf; + --vscode-list-focusHighlightForeground: #9dddff; --vscode-list-invalidItemForeground: #b89500; - --vscode-list-errorForeground: #f88070; - --vscode-list-warningForeground: #cca700; - --vscode-listFilterWidget-background: #653723; + --vscode-list-errorForeground: #b01011; + --vscode-list-warningForeground: #855f00; + --vscode-listFilterWidget-background: #efc1ad; --vscode-listFilterWidget-outline: rgba(0, 0, 0, 0); --vscode-listFilterWidget-noMatchesOutline: #be1100; --vscode-list-filterMatchBackground: rgba(234, 92, 0, 0.33); - --vscode-tree-indentGuidesStroke: #585858; - --vscode-tree-tableColumnsBorder: rgba(204, 204, 204, 0.13); - --vscode-tree-tableOddRowsBackground: rgba(204, 204, 204, 0.04); - --vscode-list-deemphasizedForeground: #8c8c8c; + --vscode-tree-indentGuidesStroke: #a9a9a9; + --vscode-tree-tableColumnsBorder: rgba(97, 97, 97, 0.13); + --vscode-tree-tableOddRowsBackground: rgba(97, 97, 97, 0.04); + --vscode-list-deemphasizedForeground: #8e8e90; --vscode-quickInputList-focusForeground: #ffffff; --vscode-quickInputList-focusIconForeground: #ffffff; - --vscode-quickInputList-focusBackground: #094771; - --vscode-menu-foreground: #cccccc; - --vscode-menu-background: #303031; + --vscode-quickInputList-focusBackground: #0060c0; + --vscode-menu-foreground: #616161; + --vscode-menu-background: #ffffff; --vscode-menu-selectionForeground: #ffffff; - --vscode-menu-selectionBackground: #094771; - --vscode-menu-separatorBackground: #606060; - --vscode-toolbar-hoverBackground: rgba(90, 93, 94, 0.31); - --vscode-toolbar-activeBackground: rgba(99, 102, 103, 0.31); - --vscode-editor-snippetTabstopHighlightBackground: rgba(124, 124, 124, 0.3); - --vscode-editor-snippetFinalTabstopHighlightBorder: #525252; - --vscode-breadcrumb-foreground: rgba(204, 204, 204, 0.8); - --vscode-breadcrumb-background: #1e1e1e; - --vscode-breadcrumb-focusForeground: #e0e0e0; - --vscode-breadcrumb-activeSelectionForeground: #e0e0e0; - --vscode-breadcrumbPicker-background: #252526; + --vscode-menu-selectionBackground: #0060c0; + --vscode-menu-separatorBackground: #d4d4d4; + --vscode-toolbar-hoverBackground: rgba(184, 184, 184, 0.31); + --vscode-toolbar-activeBackground: rgba(166, 166, 166, 0.31); + --vscode-editor-snippetTabstopHighlightBackground: rgba(10, 50, 100, 0.2); + --vscode-editor-snippetFinalTabstopHighlightBorder: rgba(10, 50, 100, 0.5); + --vscode-breadcrumb-foreground: rgba(97, 97, 97, 0.8); + --vscode-breadcrumb-background: #ffffff; + --vscode-breadcrumb-focusForeground: #4e4e4e; + --vscode-breadcrumb-activeSelectionForeground: #4e4e4e; + --vscode-breadcrumbPicker-background: #f3f3f3; --vscode-merge-currentHeaderBackground: rgba(64, 200, 174, 0.5); --vscode-merge-currentContentBackground: rgba(64, 200, 174, 0.2); --vscode-merge-incomingHeaderBackground: rgba(64, 166, 255, 0.5); @@ -1582,122 +1589,122 @@ html { 0.8 ); --vscode-minimap-findMatchHighlight: #d18616; - --vscode-minimap-selectionOccurrenceHighlight: #676767; - --vscode-minimap-selectionHighlight: #264f78; + --vscode-minimap-selectionOccurrenceHighlight: #c9c9c9; + --vscode-minimap-selectionHighlight: #add6ff; --vscode-minimap-errorHighlight: rgba(255, 18, 18, 0.7); - --vscode-minimap-warningHighlight: #cca700; + --vscode-minimap-warningHighlight: #bf8803; --vscode-minimap-foregroundOpacity: #000000; - --vscode-minimapSlider-background: rgba(121, 121, 121, 0.2); + --vscode-minimapSlider-background: rgba(100, 100, 100, 0.2); --vscode-minimapSlider-hoverBackground: rgba(100, 100, 100, 0.35); - --vscode-minimapSlider-activeBackground: rgba(191, 191, 191, 0.2); - --vscode-problemsErrorIcon-foreground: #f14c4c; - --vscode-problemsWarningIcon-foreground: #cca700; - --vscode-problemsInfoIcon-foreground: #3794ff; - --vscode-charts-foreground: #cccccc; - --vscode-charts-lines: rgba(204, 204, 204, 0.5); - --vscode-charts-red: #f14c4c; - --vscode-charts-blue: #3794ff; - --vscode-charts-yellow: #cca700; + --vscode-minimapSlider-activeBackground: rgba(0, 0, 0, 0.3); + --vscode-problemsErrorIcon-foreground: #e51400; + --vscode-problemsWarningIcon-foreground: #bf8803; + --vscode-problemsInfoIcon-foreground: #1a85ff; + --vscode-charts-foreground: #616161; + --vscode-charts-lines: rgba(97, 97, 97, 0.5); + --vscode-charts-red: #e51400; + --vscode-charts-blue: #1a85ff; + --vscode-charts-yellow: #bf8803; --vscode-charts-orange: #d18616; - --vscode-charts-green: #89d185; - --vscode-charts-purple: #b180d7; - --vscode-editor-lineHighlightBorder: #282828; - --vscode-editor-rangeHighlightBackground: rgba(255, 255, 255, 0.04); + --vscode-charts-green: #388a34; + --vscode-charts-purple: #652d90; + --vscode-editor-lineHighlightBorder: #eeeeee; + --vscode-editor-rangeHighlightBackground: rgba(253, 255, 0, 0.2); --vscode-editor-symbolHighlightBackground: rgba(234, 92, 0, 0.33); - --vscode-editorCursor-foreground: #aeafad; - --vscode-editorWhitespace-foreground: rgba(227, 228, 226, 0.16); - --vscode-editorIndentGuide-background: #404040; - --vscode-editorIndentGuide-activeBackground: #707070; - --vscode-editorLineNumber-foreground: #858585; - --vscode-editorActiveLineNumber-foreground: #c6c6c6; - --vscode-editorLineNumber-activeForeground: #c6c6c6; - --vscode-editorRuler-foreground: #5a5a5a; - --vscode-editorCodeLens-foreground: #999999; + --vscode-editorCursor-foreground: #000000; + --vscode-editorWhitespace-foreground: rgba(51, 51, 51, 0.2); + --vscode-editorIndentGuide-background: #d3d3d3; + --vscode-editorIndentGuide-activeBackground: #939393; + --vscode-editorLineNumber-foreground: #237893; + --vscode-editorActiveLineNumber-foreground: #0b216f; + --vscode-editorLineNumber-activeForeground: #0b216f; + --vscode-editorRuler-foreground: #d3d3d3; + --vscode-editorCodeLens-foreground: #919191; --vscode-editorBracketMatch-background: rgba(0, 100, 0, 0.1); - --vscode-editorBracketMatch-border: #888888; + --vscode-editorBracketMatch-border: #b9b9b9; --vscode-editorOverviewRuler-border: rgba(127, 127, 127, 0.3); - --vscode-editorGutter-background: #1e1e1e; - --vscode-editorUnnecessaryCode-opacity: rgba(0, 0, 0, 0.67); - --vscode-editorGhostText-foreground: rgba(255, 255, 255, 0.34); + --vscode-editorGutter-background: #ffffff; + --vscode-editorUnnecessaryCode-opacity: rgba(0, 0, 0, 0.47); + --vscode-editorGhostText-foreground: rgba(0, 0, 0, 0.47); --vscode-editorOverviewRuler-rangeHighlightForeground: rgba(0, 122, 204, 0.6); - --vscode-editorOverviewRuler-errorForeground: rgba(255, 18, 18, 0.7); - --vscode-editorOverviewRuler-warningForeground: #cca700; - --vscode-editorOverviewRuler-infoForeground: #3794ff; - --vscode-editorBracketHighlight-foreground1: #ffd700; - --vscode-editorBracketHighlight-foreground2: #da70d6; - --vscode-editorBracketHighlight-foreground3: #179fff; - --vscode-editorBracketHighlight-foreground4: rgba(0, 0, 0, 0); - --vscode-editorBracketHighlight-foreground5: rgba(0, 0, 0, 0); - --vscode-editorBracketHighlight-foreground6: rgba(0, 0, 0, 0); - --vscode-editorBracketHighlight-unexpectedBracket\.foreground: rgba( - 255, - 18, - 18, - 0.8 - ); - --vscode-editorBracketPairGuide-background1: rgba(0, 0, 0, 0); - --vscode-editorBracketPairGuide-background2: rgba(0, 0, 0, 0); - --vscode-editorBracketPairGuide-background3: rgba(0, 0, 0, 0); - --vscode-editorBracketPairGuide-background4: rgba(0, 0, 0, 0); - --vscode-editorBracketPairGuide-background5: rgba(0, 0, 0, 0); - --vscode-editorBracketPairGuide-background6: rgba(0, 0, 0, 0); - --vscode-editorBracketPairGuide-activeBackground1: rgba(0, 0, 0, 0); - --vscode-editorBracketPairGuide-activeBackground2: rgba(0, 0, 0, 0); - --vscode-editorBracketPairGuide-activeBackground3: rgba(0, 0, 0, 0); - --vscode-editorBracketPairGuide-activeBackground4: rgba(0, 0, 0, 0); - --vscode-editorBracketPairGuide-activeBackground5: rgba(0, 0, 0, 0); - --vscode-editorBracketPairGuide-activeBackground6: rgba(0, 0, 0, 0); - --vscode-editorUnicodeHighlight-border: #bd9b03; - --vscode-editorUnicodeHighlight-background: rgba(189, 155, 3, 0.15); - --vscode-symbolIcon-arrayForeground: #cccccc; - --vscode-symbolIcon-booleanForeground: #cccccc; - --vscode-symbolIcon-classForeground: #ee9d28; - --vscode-symbolIcon-colorForeground: #cccccc; - --vscode-symbolIcon-constantForeground: #cccccc; - --vscode-symbolIcon-constructorForeground: #b180d7; - --vscode-symbolIcon-enumeratorForeground: #ee9d28; - --vscode-symbolIcon-enumeratorMemberForeground: #75beff; - --vscode-symbolIcon-eventForeground: #ee9d28; - --vscode-symbolIcon-fieldForeground: #75beff; - --vscode-symbolIcon-fileForeground: #cccccc; - --vscode-symbolIcon-folderForeground: #cccccc; - --vscode-symbolIcon-functionForeground: #b180d7; - --vscode-symbolIcon-interfaceForeground: #75beff; - --vscode-symbolIcon-keyForeground: #cccccc; - --vscode-symbolIcon-keywordForeground: #cccccc; - --vscode-symbolIcon-methodForeground: #b180d7; - --vscode-symbolIcon-moduleForeground: #cccccc; - --vscode-symbolIcon-namespaceForeground: #cccccc; - --vscode-symbolIcon-nullForeground: #cccccc; - --vscode-symbolIcon-numberForeground: #cccccc; - --vscode-symbolIcon-objectForeground: #cccccc; - --vscode-symbolIcon-operatorForeground: #cccccc; - --vscode-symbolIcon-packageForeground: #cccccc; - --vscode-symbolIcon-propertyForeground: #cccccc; - --vscode-symbolIcon-referenceForeground: #cccccc; - --vscode-symbolIcon-snippetForeground: #cccccc; - --vscode-symbolIcon-stringForeground: #cccccc; - --vscode-symbolIcon-structForeground: #cccccc; - --vscode-symbolIcon-textForeground: #cccccc; - --vscode-symbolIcon-typeParameterForeground: #cccccc; - --vscode-symbolIcon-unitForeground: #cccccc; - --vscode-symbolIcon-variableForeground: #75beff; - --vscode-editorHoverWidget-highlightForeground: #18a3ff; + --vscode-editorOverviewRuler-errorForeground: rgba(255, 18, 18, 0.7); + --vscode-editorOverviewRuler-warningForeground: #bf8803; + --vscode-editorOverviewRuler-infoForeground: #1a85ff; + --vscode-editorBracketHighlight-foreground1: #0431fa; + --vscode-editorBracketHighlight-foreground2: #319331; + --vscode-editorBracketHighlight-foreground3: #7b3814; + --vscode-editorBracketHighlight-foreground4: rgba(0, 0, 0, 0); + --vscode-editorBracketHighlight-foreground5: rgba(0, 0, 0, 0); + --vscode-editorBracketHighlight-foreground6: rgba(0, 0, 0, 0); + --vscode-editorBracketHighlight-unexpectedBracket\.foreground: rgba( + 255, + 18, + 18, + 0.8 + ); + --vscode-editorBracketPairGuide-background1: rgba(0, 0, 0, 0); + --vscode-editorBracketPairGuide-background2: rgba(0, 0, 0, 0); + --vscode-editorBracketPairGuide-background3: rgba(0, 0, 0, 0); + --vscode-editorBracketPairGuide-background4: rgba(0, 0, 0, 0); + --vscode-editorBracketPairGuide-background5: rgba(0, 0, 0, 0); + --vscode-editorBracketPairGuide-background6: rgba(0, 0, 0, 0); + --vscode-editorBracketPairGuide-activeBackground1: rgba(0, 0, 0, 0); + --vscode-editorBracketPairGuide-activeBackground2: rgba(0, 0, 0, 0); + --vscode-editorBracketPairGuide-activeBackground3: rgba(0, 0, 0, 0); + --vscode-editorBracketPairGuide-activeBackground4: rgba(0, 0, 0, 0); + --vscode-editorBracketPairGuide-activeBackground5: rgba(0, 0, 0, 0); + --vscode-editorBracketPairGuide-activeBackground6: rgba(0, 0, 0, 0); + --vscode-editorUnicodeHighlight-border: #cea33d; + --vscode-editorUnicodeHighlight-background: rgba(206, 163, 61, 0.08); + --vscode-symbolIcon-arrayForeground: #616161; + --vscode-symbolIcon-booleanForeground: #616161; + --vscode-symbolIcon-classForeground: #d67e00; + --vscode-symbolIcon-colorForeground: #616161; + --vscode-symbolIcon-constantForeground: #616161; + --vscode-symbolIcon-constructorForeground: #652d90; + --vscode-symbolIcon-enumeratorForeground: #d67e00; + --vscode-symbolIcon-enumeratorMemberForeground: #007acc; + --vscode-symbolIcon-eventForeground: #d67e00; + --vscode-symbolIcon-fieldForeground: #007acc; + --vscode-symbolIcon-fileForeground: #616161; + --vscode-symbolIcon-folderForeground: #616161; + --vscode-symbolIcon-functionForeground: #652d90; + --vscode-symbolIcon-interfaceForeground: #007acc; + --vscode-symbolIcon-keyForeground: #616161; + --vscode-symbolIcon-keywordForeground: #616161; + --vscode-symbolIcon-methodForeground: #652d90; + --vscode-symbolIcon-moduleForeground: #616161; + --vscode-symbolIcon-namespaceForeground: #616161; + --vscode-symbolIcon-nullForeground: #616161; + --vscode-symbolIcon-numberForeground: #616161; + --vscode-symbolIcon-objectForeground: #616161; + --vscode-symbolIcon-operatorForeground: #616161; + --vscode-symbolIcon-packageForeground: #616161; + --vscode-symbolIcon-propertyForeground: #616161; + --vscode-symbolIcon-referenceForeground: #616161; + --vscode-symbolIcon-snippetForeground: #616161; + --vscode-symbolIcon-stringForeground: #616161; + --vscode-symbolIcon-structForeground: #616161; + --vscode-symbolIcon-textForeground: #616161; + --vscode-symbolIcon-typeParameterForeground: #616161; + --vscode-symbolIcon-unitForeground: #616161; + --vscode-symbolIcon-variableForeground: #007acc; + --vscode-editorHoverWidget-highlightForeground: #0066bf; --vscode-editorOverviewRuler-bracketMatchForeground: #a0a0a0; - --vscode-editor-foldBackground: rgba(38, 79, 120, 0.3); - --vscode-editorGutter-foldingControlForeground: #c5c5c5; + --vscode-editor-foldBackground: rgba(173, 214, 255, 0.3); + --vscode-editorGutter-foldingControlForeground: #424242; --vscode-editor-linkedEditingBackground: rgba(255, 0, 0, 0.3); - --vscode-editorSuggestWidget-background: #252526; - --vscode-editorSuggestWidget-border: #454545; - --vscode-editorSuggestWidget-foreground: #d4d4d4; + --vscode-editorSuggestWidget-background: #f3f3f3; + --vscode-editorSuggestWidget-border: #c8c8c8; + --vscode-editorSuggestWidget-foreground: #000000; --vscode-editorSuggestWidget-selectedForeground: #ffffff; --vscode-editorSuggestWidget-selectedIconForeground: #ffffff; - --vscode-editorSuggestWidget-selectedBackground: #094771; - --vscode-editorSuggestWidget-highlightForeground: #18a3ff; - --vscode-editorSuggestWidget-focusHighlightForeground: #18a3ff; - --vscode-editorSuggestWidgetStatus-foreground: rgba(212, 212, 212, 0.5); - --vscode-editor-wordHighlightBackground: rgba(87, 87, 87, 0.72); - --vscode-editor-wordHighlightStrongBackground: rgba(0, 73, 114, 0.72); + --vscode-editorSuggestWidget-selectedBackground: #0060c0; + --vscode-editorSuggestWidget-highlightForeground: #0066bf; + --vscode-editorSuggestWidget-focusHighlightForeground: #9dddff; + --vscode-editorSuggestWidgetStatus-foreground: rgba(0, 0, 0, 0.5); + --vscode-editor-wordHighlightBackground: rgba(87, 87, 87, 0.25); + --vscode-editor-wordHighlightStrongBackground: rgba(14, 99, 156, 0.25); --vscode-editorOverviewRuler-wordHighlightForeground: rgba( 160, 160, @@ -1710,66 +1717,67 @@ html { 192, 0.8 ); - --vscode-peekViewTitle-background: rgba(55, 148, 255, 0.1); - --vscode-peekViewTitleLabel-foreground: #ffffff; - --vscode-peekViewTitleDescription-foreground: rgba(204, 204, 204, 0.7); - --vscode-peekView-border: #3794ff; - --vscode-peekViewResult-background: #252526; - --vscode-peekViewResult-lineForeground: #bbbbbb; - --vscode-peekViewResult-fileForeground: #ffffff; + --vscode-peekViewTitle-background: rgba(26, 133, 255, 0.1); + --vscode-peekViewTitleLabel-foreground: #000000; + --vscode-peekViewTitleDescription-foreground: #616161; + --vscode-peekView-border: #1a85ff; + --vscode-peekViewResult-background: #f3f3f3; + --vscode-peekViewResult-lineForeground: #646465; + --vscode-peekViewResult-fileForeground: #1e1e1e; --vscode-peekViewResult-selectionBackground: rgba(51, 153, 255, 0.2); - --vscode-peekViewResult-selectionForeground: #ffffff; - --vscode-peekViewEditor-background: #001f33; - --vscode-peekViewEditorGutter-background: #001f33; + --vscode-peekViewResult-selectionForeground: #6c6c6c; + --vscode-peekViewEditor-background: #f2f8fc; + --vscode-peekViewEditorGutter-background: #f2f8fc; --vscode-peekViewResult-matchHighlightBackground: rgba(234, 92, 0, 0.3); - --vscode-peekViewEditor-matchHighlightBackground: rgba(255, 143, 0, 0.6); - --vscode-editorMarkerNavigationError-background: #f14c4c; - --vscode-editorMarkerNavigationError-headerBackground: rgba(241, 76, 76, 0.1); - --vscode-editorMarkerNavigationWarning-background: #cca700; + --vscode-peekViewEditor-matchHighlightBackground: rgba(245, 216, 2, 0.87); + --vscode-editorMarkerNavigationError-background: #e51400; + --vscode-editorMarkerNavigationError-headerBackground: rgba(229, 20, 0, 0.1); + --vscode-editorMarkerNavigationWarning-background: #bf8803; --vscode-editorMarkerNavigationWarning-headerBackground: rgba( - 204, - 167, - 0, + 191, + 136, + 3, 0.1 ); - --vscode-editorMarkerNavigationInfo-background: #3794ff; - --vscode-editorMarkerNavigationInfo-headerBackground: rgba(55, 148, 255, 0.1); - --vscode-editorMarkerNavigation-background: #1e1e1e; - --vscode-tab-activeBackground: #1e1e1e; - --vscode-tab-unfocusedActiveBackground: #1e1e1e; - --vscode-tab-inactiveBackground: #2d2d2d; - --vscode-tab-unfocusedInactiveBackground: #2d2d2d; - --vscode-tab-activeForeground: #ffffff; - --vscode-tab-inactiveForeground: rgba(255, 255, 255, 0.5); - --vscode-tab-unfocusedActiveForeground: rgba(255, 255, 255, 0.5); - --vscode-tab-unfocusedInactiveForeground: rgba(255, 255, 255, 0.25); - --vscode-tab-border: #252526; - --vscode-tab-lastPinnedBorder: rgba(204, 204, 204, 0.2); - --vscode-tab-activeModifiedBorder: #3399cc; - --vscode-tab-inactiveModifiedBorder: rgba(51, 153, 204, 0.5); - --vscode-tab-unfocusedActiveModifiedBorder: rgba(51, 153, 204, 0.5); - --vscode-tab-unfocusedInactiveModifiedBorder: rgba(51, 153, 204, 0.25); - --vscode-editorPane-background: #1e1e1e; - --vscode-editorGroupHeader-tabsBackground: #252526; - --vscode-editorGroupHeader-noTabsBackground: #1e1e1e; - --vscode-editorGroup-border: #444444; - --vscode-editorGroup-dropBackground: rgba(83, 89, 93, 0.5); - --vscode-editorGroup-dropIntoPromptForeground: #cccccc; - --vscode-editorGroup-dropIntoPromptBackground: #252526; - --vscode-sideBySideEditor-horizontalBorder: #444444; - --vscode-sideBySideEditor-verticalBorder: #444444; - --vscode-panel-background: #1e1e1e; + --vscode-editorMarkerNavigationInfo-background: #1a85ff; + --vscode-editorMarkerNavigationInfo-headerBackground: rgba(26, 133, 255, 0.1); + --vscode-editorMarkerNavigation-background: #ffffff; + --vscode-tab-activeBackground: #ffffff; + --vscode-tab-unfocusedActiveBackground: #ffffff; + --vscode-tab-inactiveBackground: #ececec; + --vscode-tab-unfocusedInactiveBackground: #ececec; + --vscode-tab-activeForeground: #333333; + --vscode-tab-inactiveForeground: rgba(51, 51, 51, 0.7); + --vscode-tab-unfocusedActiveForeground: rgba(51, 51, 51, 0.7); + --vscode-tab-unfocusedInactiveForeground: rgba(51, 51, 51, 0.35); + --vscode-tab-border: #f3f3f3; + --vscode-tab-lastPinnedBorder: rgba(97, 97, 97, 0.19); + --vscode-tab-activeModifiedBorder: #33aaee; + --vscode-tab-inactiveModifiedBorder: rgba(51, 170, 238, 0.5); + --vscode-tab-unfocusedActiveModifiedBorder: rgba(51, 170, 238, 0.7); + --vscode-tab-unfocusedInactiveModifiedBorder: rgba(51, 170, 238, 0.25); + --vscode-editorPane-background: #ffffff; + --vscode-editorGroupHeader-tabsBackground: #f3f3f3; + --vscode-editorGroupHeader-noTabsBackground: #ffffff; + --vscode-editorGroup-border: #e7e7e7; + --vscode-editorGroup-dropBackground: rgba(38, 119, 203, 0.18); + --vscode-editorGroup-dropIntoPromptForeground: #616161; + --vscode-editorGroup-dropIntoPromptBackground: #f3f3f3; + --vscode-sideBySideEditor-horizontalBorder: #e7e7e7; + --vscode-sideBySideEditor-verticalBorder: #e7e7e7; + --vscode-panel-background: #ffffff; --vscode-panel-border: rgba(128, 128, 128, 0.35); - --vscode-panelTitle-activeForeground: #e7e7e7; - --vscode-panelTitle-inactiveForeground: rgba(231, 231, 231, 0.6); - --vscode-panelTitle-activeBorder: #e7e7e7; - --vscode-panel-dropBorder: #e7e7e7; - --vscode-panelSection-dropBackground: rgba(83, 89, 93, 0.5); + --vscode-panelTitle-activeForeground: #424242; + --vscode-panelTitle-inactiveForeground: rgba(66, 66, 66, 0.75); + --vscode-panelTitle-activeBorder: #424242; + --vscode-panelInput-border: #dddddd; + --vscode-panel-dropBorder: #424242; + --vscode-panelSection-dropBackground: rgba(38, 119, 203, 0.18); --vscode-panelSectionHeader-background: rgba(128, 128, 128, 0.2); --vscode-panelSection-border: rgba(128, 128, 128, 0.35); - --vscode-banner-background: #094771; + --vscode-banner-background: #004386; --vscode-banner-foreground: #ffffff; - --vscode-banner-iconForeground: #3794ff; + --vscode-banner-iconForeground: #1a85ff; --vscode-statusBar-foreground: #ffffff; --vscode-statusBar-noFolderForeground: #ffffff; --vscode-statusBar-background: #007acc; @@ -1784,9 +1792,9 @@ html { --vscode-statusBarItem-prominentHoverBackground: rgba(0, 0, 0, 0.3); --vscode-statusBarItem-errorBackground: #c72e0f; --vscode-statusBarItem-errorForeground: #ffffff; - --vscode-statusBarItem-warningBackground: #7a6400; + --vscode-statusBarItem-warningBackground: #725102; --vscode-statusBarItem-warningForeground: #ffffff; - --vscode-activityBar-background: #333333; + --vscode-activityBar-background: #2c2c2c; --vscode-activityBar-foreground: #ffffff; --vscode-activityBar-inactiveForeground: rgba(255, 255, 255, 0.4); --vscode-activityBar-activeBorder: #ffffff; @@ -1797,75 +1805,70 @@ html { --vscode-statusBarItem-remoteForeground: #ffffff; --vscode-extensionBadge-remoteBackground: #007acc; --vscode-extensionBadge-remoteForeground: #ffffff; - --vscode-sideBar-background: #252526; - --vscode-sideBarTitle-foreground: #bbbbbb; - --vscode-sideBar-dropBackground: rgba(83, 89, 93, 0.5); + --vscode-sideBar-background: #f3f3f3; + --vscode-sideBarTitle-foreground: #6f6f6f; + --vscode-sideBar-dropBackground: rgba(38, 119, 203, 0.18); --vscode-sideBarSectionHeader-background: rgba(0, 0, 0, 0); - --vscode-sideBarSectionHeader-border: rgba(204, 204, 204, 0.2); - --vscode-titleBar-activeForeground: #cccccc; - --vscode-titleBar-inactiveForeground: rgba(204, 204, 204, 0.6); - --vscode-titleBar-activeBackground: #3c3c3c; - --vscode-titleBar-inactiveBackground: rgba(60, 60, 60, 0.6); - --vscode-menubar-selectionForeground: #cccccc; - --vscode-menubar-selectionBackground: rgba(90, 93, 94, 0.31); - --vscode-notifications-foreground: #cccccc; - --vscode-notifications-background: #252526; - --vscode-notificationLink-foreground: #3794ff; - --vscode-notificationCenterHeader-background: #303031; - --vscode-notifications-border: #303031; - --vscode-notificationsErrorIcon-foreground: #f14c4c; - --vscode-notificationsWarningIcon-foreground: #cca700; - --vscode-notificationsInfoIcon-foreground: #3794ff; - --vscode-editorCommentsWidget-resolvedBorder: rgba(204, 204, 204, 0.5); - --vscode-editorCommentsWidget-unresolvedBorder: #3794ff; - --vscode-editorCommentsWidget-rangeBackground: rgba(55, 148, 255, 0.1); - --vscode-editorCommentsWidget-rangeBorder: rgba(55, 148, 255, 0.4); - --vscode-editorCommentsWidget-rangeActiveBackground: rgba(55, 148, 255, 0.1); - --vscode-editorCommentsWidget-rangeActiveBorder: rgba(55, 148, 255, 0.4); + --vscode-sideBarSectionHeader-border: rgba(97, 97, 97, 0.19); + --vscode-titleBar-activeForeground: #333333; + --vscode-titleBar-inactiveForeground: rgba(51, 51, 51, 0.6); + --vscode-titleBar-activeBackground: #dddddd; + --vscode-titleBar-inactiveBackground: rgba(221, 221, 221, 0.6); + --vscode-menubar-selectionForeground: #333333; + --vscode-menubar-selectionBackground: rgba(184, 184, 184, 0.31); + --vscode-notifications-foreground: #616161; + --vscode-notifications-background: #f3f3f3; + --vscode-notificationLink-foreground: #006ab1; + --vscode-notificationCenterHeader-background: #e7e7e7; + --vscode-notifications-border: #e7e7e7; + --vscode-notificationsErrorIcon-foreground: #e51400; + --vscode-notificationsWarningIcon-foreground: #bf8803; + --vscode-notificationsInfoIcon-foreground: #1a85ff; + --vscode-editorCommentsWidget-resolvedBorder: rgba(97, 97, 97, 0.5); + --vscode-editorCommentsWidget-unresolvedBorder: #1a85ff; + --vscode-editorCommentsWidget-rangeBackground: rgba(26, 133, 255, 0.1); + --vscode-editorCommentsWidget-rangeBorder: rgba(26, 133, 255, 0.4); + --vscode-editorCommentsWidget-rangeActiveBackground: rgba(26, 133, 255, 0.1); + --vscode-editorCommentsWidget-rangeActiveBorder: rgba(26, 133, 255, 0.4); --vscode-editorGutter-commentRangeForeground: #c5c5c5; - --vscode-debugToolBar-background: #333333; - --vscode-debugIcon-startForeground: #89d185; - --vscode-editor-stackFrameHighlightBackground: rgba(255, 255, 0, 0.2); + --vscode-debugToolBar-background: #f3f3f3; + --vscode-debugIcon-startForeground: #388a34; + --vscode-editor-stackFrameHighlightBackground: rgba(255, 255, 102, 0.45); --vscode-editor-focusedStackFrameHighlightBackground: rgba( - 122, - 189, - 122, - 0.3 + 206, + 231, + 206, + 0.45 ); - --vscode-settings-headerForeground: #e7e7e7; - --vscode-settings-modifiedItemIndicator: #0c7d9d; + --vscode-settings-headerForeground: #444444; + --vscode-settings-modifiedItemIndicator: #66afe0; --vscode-settings-headerBorder: rgba(128, 128, 128, 0.35); --vscode-settings-sashBorder: rgba(128, 128, 128, 0.35); - --vscode-settings-dropdownBackground: #3c3c3c; - --vscode-settings-dropdownForeground: #f0f0f0; - --vscode-settings-dropdownBorder: #3c3c3c; - --vscode-settings-dropdownListBorder: #454545; - --vscode-settings-checkboxBackground: #3c3c3c; - --vscode-settings-checkboxForeground: #f0f0f0; - --vscode-settings-checkboxBorder: #3c3c3c; - --vscode-settings-textInputBackground: #3c3c3c; - --vscode-settings-textInputForeground: #cccccc; - --vscode-settings-numberInputBackground: #3c3c3c; - --vscode-settings-numberInputForeground: #cccccc; - --vscode-settings-focusedRowBackground: rgba(42, 45, 46, 0.6); - --vscode-settings-rowHoverBackground: rgba(42, 45, 46, 0.3); - --vscode-settings-focusedRowBorder: rgba(255, 255, 255, 0.12); - --vscode-terminal-foreground: #cccccc; - --vscode-terminal-selectionBackground: #264f78; - --vscode-terminalCommandDecoration-defaultBackground: rgba( - 255, - 255, - 255, - 0.25 - ); - --vscode-terminalCommandDecoration-successBackground: #1b81a8; - --vscode-terminalCommandDecoration-errorBackground: #f14c4c; + --vscode-settings-dropdownBackground: #ffffff; + --vscode-settings-dropdownBorder: #cecece; + --vscode-settings-dropdownListBorder: #c8c8c8; + --vscode-settings-checkboxBackground: #ffffff; + --vscode-settings-checkboxBorder: #cecece; + --vscode-settings-textInputBackground: #ffffff; + --vscode-settings-textInputForeground: #616161; + --vscode-settings-textInputBorder: #cecece; + --vscode-settings-numberInputBackground: #ffffff; + --vscode-settings-numberInputForeground: #616161; + --vscode-settings-numberInputBorder: #cecece; + --vscode-settings-focusedRowBackground: rgba(232, 232, 232, 0.6); + --vscode-settings-rowHoverBackground: rgba(232, 232, 232, 0.3); + --vscode-settings-focusedRowBorder: rgba(0, 0, 0, 0.12); + --vscode-terminal-foreground: #333333; + --vscode-terminal-selectionBackground: #add6ff; + --vscode-terminalCommandDecoration-defaultBackground: rgba(0, 0, 0, 0.25); + --vscode-terminalCommandDecoration-successBackground: #2090d3; + --vscode-terminalCommandDecoration-errorBackground: #e51400; --vscode-terminalOverviewRuler-cursorForeground: rgba(160, 160, 160, 0.8); --vscode-terminal-border: rgba(128, 128, 128, 0.35); - --vscode-terminal-findMatchBackground: #515c6a; + --vscode-terminal-findMatchBackground: #a8ac94; --vscode-terminal-findMatchHighlightBackground: rgba(234, 92, 0, 0.33); --vscode-terminalOverviewRuler-findMatchForeground: rgba(209, 134, 22, 0.49); - --vscode-terminal-dropBackground: rgba(83, 89, 93, 0.5); + --vscode-terminal-dropBackground: rgba(38, 119, 203, 0.18); --vscode-testing-iconFailed: #f14c4c; --vscode-testing-iconErrored: #f14c4c; --vscode-testing-iconPassed: #73c991; @@ -1873,133 +1876,128 @@ html { --vscode-testing-iconQueued: #cca700; --vscode-testing-iconUnset: #848484; --vscode-testing-iconSkipped: #848484; - --vscode-testing-peekBorder: #f14c4c; - --vscode-testing-peekHeaderBackground: rgba(241, 76, 76, 0.1); - --vscode-testing-message\.error\.decorationForeground: #f14c4c; + --vscode-testing-peekBorder: #e51400; + --vscode-testing-peekHeaderBackground: rgba(229, 20, 0, 0.1); + --vscode-testing-message\.error\.decorationForeground: #e51400; --vscode-testing-message\.error\.lineBackground: rgba(255, 0, 0, 0.2); - --vscode-testing-message\.info\.decorationForeground: rgba( - 212, - 212, - 212, - 0.5 - ); - --vscode-welcomePage-tileBackground: #252526; - --vscode-welcomePage-tileHoverBackground: #2c2c2d; - --vscode-welcomePage-tileShadow: rgba(0, 0, 0, 0.36); - --vscode-welcomePage-progress\.background: #3c3c3c; - --vscode-welcomePage-progress\.foreground: #3794ff; - --vscode-commandCenter-foreground: #cccccc; - --vscode-commandCenter-activeForeground: #cccccc; - --vscode-commandCenter-activeBackground: rgba(90, 93, 94, 0.31); - --vscode-commandCenter-border: rgba(90, 93, 94, 0.31); + --vscode-testing-message\.info\.decorationForeground: rgba(0, 0, 0, 0.5); + --vscode-welcomePage-tileBackground: #f3f3f3; + --vscode-welcomePage-tileHoverBackground: #dbdbdb; + --vscode-welcomePage-tileShadow: rgba(0, 0, 0, 0.16); + --vscode-welcomePage-progress\.background: #ffffff; + --vscode-welcomePage-progress\.foreground: #006ab1; + --vscode-commandCenter-foreground: #333333; + --vscode-commandCenter-activeForeground: #333333; + --vscode-commandCenter-activeBackground: rgba(184, 184, 184, 0.31); + --vscode-commandCenter-border: rgba(184, 184, 184, 0.31); --vscode-debugExceptionWidget-border: #a31515; - --vscode-debugExceptionWidget-background: #420b0d; + --vscode-debugExceptionWidget-background: #f1dfde; --vscode-ports-iconRunningProcessForeground: #369432; --vscode-statusBar-debuggingBackground: #cc6633; --vscode-statusBar-debuggingForeground: #ffffff; - --vscode-editor-inlineValuesForeground: rgba(255, 255, 255, 0.5); + --vscode-editor-inlineValuesForeground: rgba(0, 0, 0, 0.5); --vscode-editor-inlineValuesBackground: rgba(255, 200, 0, 0.2); - --vscode-editorGutter-modifiedBackground: #1b81a8; - --vscode-editorGutter-addedBackground: #487e02; - --vscode-editorGutter-deletedBackground: #f14c4c; - --vscode-minimapGutter-modifiedBackground: #1b81a8; - --vscode-minimapGutter-addedBackground: #487e02; - --vscode-minimapGutter-deletedBackground: #f14c4c; - --vscode-editorOverviewRuler-modifiedForeground: rgba(27, 129, 168, 0.6); - --vscode-editorOverviewRuler-addedForeground: rgba(72, 126, 2, 0.6); - --vscode-editorOverviewRuler-deletedForeground: rgba(241, 76, 76, 0.6); + --vscode-editorGutter-modifiedBackground: #2090d3; + --vscode-editorGutter-addedBackground: #48985d; + --vscode-editorGutter-deletedBackground: #e51400; + --vscode-minimapGutter-modifiedBackground: #2090d3; + --vscode-minimapGutter-addedBackground: #48985d; + --vscode-minimapGutter-deletedBackground: #e51400; + --vscode-editorOverviewRuler-modifiedForeground: rgba(32, 144, 211, 0.6); + --vscode-editorOverviewRuler-addedForeground: rgba(72, 152, 93, 0.6); + --vscode-editorOverviewRuler-deletedForeground: rgba(229, 20, 0, 0.6); --vscode-debugIcon-breakpointForeground: #e51400; --vscode-debugIcon-breakpointDisabledForeground: #848484; --vscode-debugIcon-breakpointUnverifiedForeground: #848484; - --vscode-debugIcon-breakpointCurrentStackframeForeground: #ffcc00; + --vscode-debugIcon-breakpointCurrentStackframeForeground: #be8700; --vscode-debugIcon-breakpointStackframeForeground: #89d185; - --vscode-notebook-cellBorderColor: #37373d; - --vscode-notebook-focusedEditorBorder: #007fd4; - --vscode-notebookStatusSuccessIcon-foreground: #89d185; - --vscode-notebookStatusErrorIcon-foreground: #f48771; - --vscode-notebookStatusRunningIcon-foreground: #cccccc; + --vscode-notebook-cellBorderColor: #e8e8e8; + --vscode-notebook-focusedEditorBorder: #0090f1; + --vscode-notebookStatusSuccessIcon-foreground: #388a34; + --vscode-notebookStatusErrorIcon-foreground: #a1260d; + --vscode-notebookStatusRunningIcon-foreground: #616161; --vscode-notebook-cellToolbarSeparator: rgba(128, 128, 128, 0.35); - --vscode-notebook-selectedCellBackground: #37373d; - --vscode-notebook-selectedCellBorder: #37373d; - --vscode-notebook-focusedCellBorder: #007fd4; - --vscode-notebook-inactiveFocusedCellBorder: #37373d; - --vscode-notebook-cellStatusBarItemHoverBackground: rgba(255, 255, 255, 0.15); - --vscode-notebook-cellInsertionIndicator: #007fd4; - --vscode-notebookScrollbarSlider-background: rgba(121, 121, 121, 0.4); + --vscode-notebook-selectedCellBackground: rgba(200, 221, 241, 0.31); + --vscode-notebook-selectedCellBorder: #e8e8e8; + --vscode-notebook-focusedCellBorder: #0090f1; + --vscode-notebook-inactiveFocusedCellBorder: #e8e8e8; + --vscode-notebook-cellStatusBarItemHoverBackground: rgba(0, 0, 0, 0.08); + --vscode-notebook-cellInsertionIndicator: #0090f1; + --vscode-notebookScrollbarSlider-background: rgba(100, 100, 100, 0.4); --vscode-notebookScrollbarSlider-hoverBackground: rgba(100, 100, 100, 0.7); - --vscode-notebookScrollbarSlider-activeBackground: rgba(191, 191, 191, 0.4); - --vscode-notebook-symbolHighlightBackground: rgba(255, 255, 255, 0.04); - --vscode-notebook-cellEditorBackground: #252526; - --vscode-keybindingTable-headerBackground: rgba(204, 204, 204, 0.04); - --vscode-keybindingTable-rowsBackground: rgba(204, 204, 204, 0.04); - --vscode-scm-providerBorder: #454545; - --vscode-debugTokenExpression-name: #c586c0; - --vscode-debugTokenExpression-value: rgba(204, 204, 204, 0.6); - --vscode-debugTokenExpression-string: #ce9178; - --vscode-debugTokenExpression-boolean: #4e94ce; - --vscode-debugTokenExpression-number: #b5cea8; - --vscode-debugTokenExpression-error: #f48771; - --vscode-debugView-exceptionLabelForeground: #cccccc; - --vscode-debugView-exceptionLabelBackground: #6c2022; - --vscode-debugView-stateLabelForeground: #cccccc; + --vscode-notebookScrollbarSlider-activeBackground: rgba(0, 0, 0, 0.6); + --vscode-notebook-symbolHighlightBackground: rgba(253, 255, 0, 0.2); + --vscode-notebook-cellEditorBackground: #f3f3f3; + --vscode-keybindingTable-headerBackground: rgba(97, 97, 97, 0.04); + --vscode-keybindingTable-rowsBackground: rgba(97, 97, 97, 0.04); + --vscode-scm-providerBorder: #c8c8c8; + --vscode-searchEditor-textInputBorder: #cecece; + --vscode-debugTokenExpression-name: #9b46b0; + --vscode-debugTokenExpression-value: rgba(108, 108, 108, 0.8); + --vscode-debugTokenExpression-string: #a31515; + --vscode-debugTokenExpression-boolean: #0000ff; + --vscode-debugTokenExpression-number: #098658; + --vscode-debugTokenExpression-error: #e51400; + --vscode-debugView-exceptionLabelForeground: #ffffff; + --vscode-debugView-exceptionLabelBackground: #a31515; + --vscode-debugView-stateLabelForeground: #616161; --vscode-debugView-stateLabelBackground: rgba(136, 136, 136, 0.27); --vscode-debugView-valueChangedHighlight: #569cd6; - --vscode-debugConsole-infoForeground: #3794ff; - --vscode-debugConsole-warningForeground: #cca700; - --vscode-debugConsole-errorForeground: #f48771; - --vscode-debugConsole-sourceForeground: #cccccc; - --vscode-debugConsoleInputIcon-foreground: #cccccc; - --vscode-debugIcon-pauseForeground: #75beff; - --vscode-debugIcon-stopForeground: #f48771; - --vscode-debugIcon-disconnectForeground: #f48771; - --vscode-debugIcon-restartForeground: #89d185; - --vscode-debugIcon-stepOverForeground: #75beff; - --vscode-debugIcon-stepIntoForeground: #75beff; - --vscode-debugIcon-stepOutForeground: #75beff; - --vscode-debugIcon-continueForeground: #75beff; - --vscode-debugIcon-stepBackForeground: #75beff; - --vscode-extensionButton-prominentBackground: #0e639c; + --vscode-debugConsole-infoForeground: #1a85ff; + --vscode-debugConsole-warningForeground: #bf8803; + --vscode-debugConsole-errorForeground: #a1260d; + --vscode-debugConsole-sourceForeground: #616161; + --vscode-debugConsoleInputIcon-foreground: #616161; + --vscode-debugIcon-pauseForeground: #007acc; + --vscode-debugIcon-stopForeground: #a1260d; + --vscode-debugIcon-disconnectForeground: #a1260d; + --vscode-debugIcon-restartForeground: #388a34; + --vscode-debugIcon-stepOverForeground: #007acc; + --vscode-debugIcon-stepIntoForeground: #007acc; + --vscode-debugIcon-stepOutForeground: #007acc; + --vscode-debugIcon-continueForeground: #007acc; + --vscode-debugIcon-stepBackForeground: #007acc; + --vscode-extensionButton-prominentBackground: #007acc; --vscode-extensionButton-prominentForeground: #ffffff; - --vscode-extensionButton-prominentHoverBackground: #1177bb; + --vscode-extensionButton-prominentHoverBackground: #0062a3; --vscode-extensionSponsorButton-background: #b51e78; --vscode-extensionSponsorButton-hoverBackground: #d61b8c; - --vscode-extensionIcon-starForeground: #ff8e00; - --vscode-extensionIcon-verifiedForeground: #3794ff; + --vscode-extensionIcon-starForeground: #df6100; + --vscode-extensionIcon-verifiedForeground: #006ab1; --vscode-extensionIcon-preReleaseForeground: #1d9271; --vscode-terminal-ansiBlack: #000000; --vscode-terminal-ansiRed: #cd3131; - --vscode-terminal-ansiGreen: #0dbc79; - --vscode-terminal-ansiYellow: #e5e510; - --vscode-terminal-ansiBlue: #2472c8; - --vscode-terminal-ansiMagenta: #bc3fbc; - --vscode-terminal-ansiCyan: #11a8cd; - --vscode-terminal-ansiWhite: #e5e5e5; + --vscode-terminal-ansiGreen: #00bc00; + --vscode-terminal-ansiYellow: #949800; + --vscode-terminal-ansiBlue: #0451a5; + --vscode-terminal-ansiMagenta: #bc05bc; + --vscode-terminal-ansiCyan: #0598bc; + --vscode-terminal-ansiWhite: #555555; --vscode-terminal-ansiBrightBlack: #666666; - --vscode-terminal-ansiBrightRed: #f14c4c; - --vscode-terminal-ansiBrightGreen: #23d18b; - --vscode-terminal-ansiBrightYellow: #f5f543; - --vscode-terminal-ansiBrightBlue: #3b8eea; - --vscode-terminal-ansiBrightMagenta: #d670d6; - --vscode-terminal-ansiBrightCyan: #29b8db; - --vscode-terminal-ansiBrightWhite: #e5e5e5; - --vscode-interactive-activeCodeBorder: #3794ff; - --vscode-interactive-inactiveCodeBorder: #37373d; - --vscode-gitDecoration-addedResourceForeground: #81b88b; - --vscode-gitDecoration-modifiedResourceForeground: #e2c08d; - --vscode-gitDecoration-deletedResourceForeground: #c74e39; - --vscode-gitDecoration-renamedResourceForeground: #73c991; - --vscode-gitDecoration-untrackedResourceForeground: #73c991; - --vscode-gitDecoration-ignoredResourceForeground: #8c8c8c; - --vscode-gitDecoration-stageModifiedResourceForeground: #e2c08d; - --vscode-gitDecoration-stageDeletedResourceForeground: #c74e39; - --vscode-gitDecoration-conflictingResourceForeground: #e4676b; - --vscode-gitDecoration-submoduleResourceForeground: #8db9e2; - --vscode-dvc-deps: #b079e7; - --vscode-dvc-metrics: #fbd38d; - --vscode-dvc-params: #90cdf4; - --vscode-dvc-workspaceChanged: #e2c08d; - //:root - --background: #1e1e1e; + --vscode-terminal-ansiBrightRed: #cd3131; + --vscode-terminal-ansiBrightGreen: #14ce14; + --vscode-terminal-ansiBrightYellow: #b5ba00; + --vscode-terminal-ansiBrightBlue: #0451a5; + --vscode-terminal-ansiBrightMagenta: #bc05bc; + --vscode-terminal-ansiBrightCyan: #0598bc; + --vscode-terminal-ansiBrightWhite: #a5a5a5; + --vscode-interactive-activeCodeBorder: #1a85ff; + --vscode-interactive-inactiveCodeBorder: #e4e6f1; + --vscode-gitDecoration-addedResourceForeground: #587c0c; + --vscode-gitDecoration-modifiedResourceForeground: #895503; + --vscode-gitDecoration-deletedResourceForeground: #ad0707; + --vscode-gitDecoration-renamedResourceForeground: #007100; + --vscode-gitDecoration-untrackedResourceForeground: #007100; + --vscode-gitDecoration-ignoredResourceForeground: #8e8e90; + --vscode-gitDecoration-stageModifiedResourceForeground: #895503; + --vscode-gitDecoration-stageDeletedResourceForeground: #ad0707; + --vscode-gitDecoration-conflictingResourceForeground: #ad0707; + --vscode-gitDecoration-submoduleResourceForeground: #1258a7; + --vscode-dvc-deps: #4f1886; + --vscode-dvc-metrics: #714904; + --vscode-dvc-params: #0b496f; + --vscode-dvc-workspaceChanged: #895503; + //:root --background: #1e1e1e; --border-width: 1; --contrast-active-border: #f38518; --contrast-border: #6fc3df; From e4b25b7898dc0318bc6bfbf238d684f550b77fbf Mon Sep 17 00:00:00 2001 From: rogermparent Date: Tue, 12 Jul 2022 15:41:25 -0400 Subject: [PATCH 3/7] Actually install addon-themes --- webview/package.json | 3 ++- yarn.lock | 31 +++++++++++++++++++++++++------ 2 files changed, 27 insertions(+), 7 deletions(-) diff --git a/webview/package.json b/webview/package.json index 8b25df615c..ffe8e36796 100644 --- a/webview/package.json +++ b/webview/package.json @@ -73,7 +73,8 @@ "raw-loader": "4.0.2", "sass": "1.53.0", "sass-loader": "13.0.2", - "storybook-addon-designs": "6.3.1", + "storybook-addon-designs": "^6.3.1", + "storybook-addon-themes": "^6.1.0", "style-loader": "3.3.1", "ts-jest": "28.0.5", "ts-loader": "9.3.1", diff --git a/yarn.lock b/yarn.lock index cfa58c7ccd..2b3ea25698 100644 --- a/yarn.lock +++ b/yarn.lock @@ -2274,7 +2274,7 @@ prop-types "^15.7.2" regenerator-runtime "^0.13.7" -"@storybook/addons@6.5.9": +"@storybook/addons@6.5.9", "@storybook/addons@^6.0.0": version "6.5.9" resolved "https://registry.yarnpkg.com/@storybook/addons/-/addons-6.5.9.tgz#5a9d7395c579a9cbc44dfc122362fb3c95dfb9d5" integrity sha512-adwdiXg+mntfPocLc1KXjZXyLgGk7Aac699Fwe+OUYPEC5tW347Rm/kFatcE556d42o5czcRiq3ZSIGWnm9ieQ== @@ -2291,7 +2291,7 @@ global "^4.4.0" regenerator-runtime "^0.13.7" -"@storybook/api@6.5.9": +"@storybook/api@6.5.9", "@storybook/api@^6.0.0": version "6.5.9" resolved "https://registry.yarnpkg.com/@storybook/api/-/api-6.5.9.tgz#303733214c9de0422d162f7c54ae05d088b89bf9" integrity sha512-9ylztnty4Y+ALU/ehW3BML9czjCAFsWvrwuCi6UgcwNjswwjSX3VRLhfD1KT3pl16ho//95LgZ0LnSwROCcPOA== @@ -2478,7 +2478,7 @@ core-js "^3.8.2" global "^4.4.0" -"@storybook/components@6.5.9": +"@storybook/components@6.5.9", "@storybook/components@^6.0.0": version "6.5.9" resolved "https://registry.yarnpkg.com/@storybook/components/-/components-6.5.9.tgz#97e07ffe11ab76c01ccee380888991bd161f75b2" integrity sha512-BhfX980O9zn/1J4FNMeDo8ZvL1m5Ml3T4HRpfYmEBnf8oW5b5BeF6S2K2cwFStZRjWqm1feUcwNpZxCBVMkQnQ== @@ -2576,7 +2576,7 @@ util-deprecate "^1.0.2" webpack "4" -"@storybook/core-events@6.5.9": +"@storybook/core-events@6.5.9", "@storybook/core-events@^6.0.0": version "6.5.9" resolved "https://registry.yarnpkg.com/@storybook/core-events/-/core-events-6.5.9.tgz#5b0783c7d22a586c0f5e927a61fe1b1223e19637" integrity sha512-tXt7a3ZvJOCeEKpNa/B5rQM5VI7UJLlOh3IHOImWn4HqoBRrZvbourmac+PRZAtXpos0h3c6554Hjapj/Sny5Q== @@ -2973,7 +2973,7 @@ "@testing-library/user-event" "^13.2.1" ts-dedent "^2.2.0" -"@storybook/theming@6.5.9": +"@storybook/theming@6.5.9", "@storybook/theming@^6.0.0": version "6.5.9" resolved "https://registry.yarnpkg.com/@storybook/theming/-/theming-6.5.9.tgz#13f60a3a3cd73ceb5caf9f188e1627e79f1891aa" integrity sha512-KM0AMP5jMQPAdaO8tlbFCYqx9uYM/hZXGSVUhznhLYu7bhNAIK7ZVmXxyE/z/khM++8eUHzRoZGiO/cwCkg9Xw== @@ -6775,6 +6775,11 @@ core-js@^3.0.4, core-js@^3.6.5, core-js@^3.8.2: resolved "https://registry.yarnpkg.com/core-js/-/core-js-3.21.1.tgz#f2e0ddc1fc43da6f904706e8e955bc19d06a0d94" integrity sha512-FRq5b/VMrWlrmCzwRrpDYNxyHP9BcAZC+xHJaqTgIE5091ZV1NTmyh0sGOg5XqpnHvR0svdy0sv1gWA1zmhxig== +core-js@^3.6.4: + version "3.23.4" + resolved "https://registry.yarnpkg.com/core-js/-/core-js-3.23.4.tgz#92d640faa7f48b90bbd5da239986602cfc402aa6" + integrity sha512-vjsKqRc1RyAJC3Ye2kYqgfdThb3zYnx9CrqoCcjMOENMtQPC7ZViBvlDxwYU/2z2NI/IPuiXw5mT4hWhddqjzQ== + core-util-is@~1.0.0: version "1.0.3" resolved "https://registry.yarnpkg.com/core-util-is/-/core-util-is-1.0.3.tgz#a6042d3634c2b27e9328f837b965fac83808db85" @@ -15701,13 +15706,27 @@ store2@^2.12.0: resolved "https://registry.yarnpkg.com/store2/-/store2-2.13.1.tgz#fae7b5bb9d35fc53dc61cd262df3abb2f6e59022" integrity sha512-iJtHSGmNgAUx0b/MCS6ASGxb//hGrHHRgzvN+K5bvkBTN7A9RTpPSf1WSp+nPGvWCJ1jRnvY7MKnuqfoi3OEqg== -storybook-addon-designs@6.3.1: +storybook-addon-designs@^6.3.1: version "6.3.1" resolved "https://registry.yarnpkg.com/storybook-addon-designs/-/storybook-addon-designs-6.3.1.tgz#3505a08fdb5a755c970c047470749622db52a1cc" integrity sha512-QCHZp4KuUikOq52MPiMfU8QifYTfhHar5vWlbcfkFDz1YrgGMy+QAEt5Y3Vdnffl4GKSK1lAsLuvTuzqTBRvnw== dependencies: "@figspec/react" "^1.0.0" +storybook-addon-themes@^6.1.0: + version "6.1.0" + resolved "https://registry.yarnpkg.com/storybook-addon-themes/-/storybook-addon-themes-6.1.0.tgz#5d7afe293cd4bc28a8f634aa466dbd8fd2f9222e" + integrity sha512-ZT8aNgrwFVNEOmOPBLNS0WBacjvMFo/bZ83P8MmsJ3Ewqt0AbmPioghTZccARUn/EQ+LrDxyh2D0QgmLaKo07Q== + dependencies: + "@storybook/addons" "^6.0.0" + "@storybook/api" "^6.0.0" + "@storybook/components" "^6.0.0" + "@storybook/core-events" "^6.0.0" + "@storybook/theming" "^6.0.0" + core-js "^3.6.4" + global "^4.4.0" + memoizerific "^1.11.3" + stream-browserify@^2.0.1: version "2.0.2" resolved "https://registry.yarnpkg.com/stream-browserify/-/stream-browserify-2.0.2.tgz#87521d38a44aa7ee91ce1cd2a47df0cb49dd660b" From 52de65d29ea24bb629d1dd8a1896fe1d614a4ccf Mon Sep 17 00:00:00 2001 From: rogermparent Date: Tue, 12 Jul 2022 15:43:55 -0400 Subject: [PATCH 4/7] Change order of plugins to change order of UI elements --- webview/.storybook/main.ts | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/webview/.storybook/main.ts b/webview/.storybook/main.ts index 4ec452aa7d..073eb3294a 100644 --- a/webview/.storybook/main.ts +++ b/webview/.storybook/main.ts @@ -5,8 +5,8 @@ export default { stories: ['../src/**/*.stories.mdx', '../src/**/*.stories.@(js|jsx|ts|tsx)'], staticDirs: ['../../extension/src/test/fixtures/plotsDiff/staticImages'], addons: [ - 'storybook-addon-designs', 'storybook-addon-themes', + 'storybook-addon-designs', '@storybook/addon-essentials', '@storybook/addon-interactions', { From 225b61cec706dde9dbcabeb76394bf44d1d34a49 Mon Sep 17 00:00:00 2001 From: rogermparent Date: Wed, 13 Jul 2022 11:34:46 -0400 Subject: [PATCH 5/7] Add more themes --- webview/.storybook/preview.ts | 20 +- webview/src/stories/test-vscode-styles.scss | 2735 ++++++++++++++++++- 2 files changed, 2742 insertions(+), 13 deletions(-) diff --git a/webview/.storybook/preview.ts b/webview/.storybook/preview.ts index 9c9149810f..5d9f48750c 100644 --- a/webview/.storybook/preview.ts +++ b/webview/.storybook/preview.ts @@ -24,11 +24,23 @@ export const parameters = { defaultViewport: 'default' }, themes: { - default: 'dark', + default: 'Dark', list: [ - { name: 'dark', class: 'vscode-dark', color: '#222' }, - { name: 'light', class: 'vscode-light', color: '#EEE' }, - { name: 'divebar', class: 'vscode-divebar', color: '#E2E' } + { name: 'Dark', class: 'vscode-dark', color: '#222' }, + { name: 'Light', class: 'vscode-light', color: '#EEE' }, + { name: 'One Dark Pro', class: 'vscode-onedarkpro', color: '#333' }, + { name: 'Red', class: 'vscode-red', color: '#F22' }, + { name: 'Dive Bar', class: 'vscode-divebar', color: '#E2E' }, + { + name: 'High Contrast Light', + class: 'vscode-high-contrast-light', + color: '#FFF' + }, + { + name: 'High Contrast Dark', + class: 'vscode-high-contrast-dark', + color: '#000' + } ] } } diff --git a/webview/src/stories/test-vscode-styles.scss b/webview/src/stories/test-vscode-styles.scss index 8eb56cf8db..25a54e0576 100644 --- a/webview/src/stories/test-vscode-styles.scss +++ b/webview/src/stories/test-vscode-styles.scss @@ -4,7 +4,7 @@ html { padding: 0; margin: 0; height: 100%; - //body.vscode-dark + // body.vscode-dark --contrast-active-border: transparent; --font-family: system-ui, 'Ubuntu', 'Droid Sans', sans-serif; --font-weight: normal; @@ -14,7 +14,7 @@ html { --input-placeholder-foreground: #a6a6a6; --panel-tab-foreground: rgba(231, 231, 231, 0.6); --panel-view-border: rgba(128, 128, 128, 0.35); - //html + // html --vscode-font-family: system-ui, 'Ubuntu', 'Droid Sans', sans-serif; --vscode-font-weight: normal; --vscode-font-size: 13px; @@ -590,7 +590,7 @@ html { --vscode-dvc-metrics: #fbd38d; --vscode-dvc-params: #90cdf4; --vscode-dvc-workspaceChanged: #e2c08d; - //:root + // :root --background: #1e1e1e; --border-width: 1; --contrast-active-border: #f38518; @@ -661,7 +661,7 @@ html { } html.vscode-divebar { - //body.vscode-dark + // body.vscode-dark --background: #141322; --contrast-active-border: transparent; --focus-border: rgba(0, 0, 0, 0); @@ -697,7 +697,7 @@ html.vscode-divebar { --list-active-selection-foreground: #a8ffef; --dropdown-foreground: #90b0b3; --progress-background: #602976; - //html + // html --vscode-font-family: system-ui, 'Ubuntu', 'Droid Sans', sans-serif; --vscode-font-weight: normal; --vscode-font-size: 13px; @@ -1328,7 +1328,7 @@ html.vscode-divebar { --vscode-dvc-metrics: #fbd38d; --vscode-dvc-params: #90cdf4; --vscode-dvc-workspaceChanged: #00eaff; - //:root + // :root --background: #1e1e1e; --border-width: 1; --contrast-active-border: #f38518; @@ -1398,7 +1398,7 @@ html.vscode-divebar { --tag-corner-radius: 2px; } html.vscode-light { - //body.vscode-light + // body.vscode-light --background: #ffffff; --contrast-active-border: transparent; --focus-border: #0090f1; @@ -1431,7 +1431,7 @@ html.vscode-light { --panel-view-border: rgba(128, 128, 128, 0.35); --button-secondary-background: #5f6a79; --button-secondary-hover-background: #4c5561; - //html + // html --vscode-font-family: system-ui, 'Ubuntu', 'Droid Sans', sans-serif; --vscode-font-weight: normal; --vscode-font-size: 13px; @@ -1997,7 +1997,2724 @@ html.vscode-light { --vscode-dvc-metrics: #714904; --vscode-dvc-params: #0b496f; --vscode-dvc-workspaceChanged: #895503; - //:root --background: #1e1e1e; + // :root --background: #1e1e1e; + --border-width: 1; + --contrast-active-border: #f38518; + --contrast-border: #6fc3df; + --corner-radius: 0; + --design-unit: 4; + --disabled-opacity: 0.4; + --focus-border: #007fd4; + --font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, + Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; + --font-weight: 400; + --foreground: #cccccc; + --input-height: 26; + --input-min-width: 100px; + --type-ramp-base-font-size: 13px; + --type-ramp-base-line-height: normal; + --type-ramp-minus1-font-size: 11px; + --type-ramp-minus1-line-height: 16px; + --type-ramp-minus2-font-size: 9px; + --type-ramp-minus2-line-height: 16px; + --type-ramp-plus1-font-size: 16px; + --type-ramp-plus1-line-height: 24px; + --scrollbarWidth: 10px; + --scrollbarHeight: 10px; + --scrollbar-slider-background: #79797966; + --scrollbar-slider-hover-background: #646464b3; + --scrollbar-slider-active-background: #bfbfbf66; + --badge-background: #4d4d4d; + --badge-foreground: #ffffff; + --button-border: transparent; + --button-icon-background: transparent; + --button-icon-corner-radius: 5px; + --button-icon-outline-offset: 0; + --button-icon-hover-background: rgba(90, 93, 94, 0.31); + --button-icon-padding: 3px; + --button-primary-background: #0e639c; + --button-primary-foreground: #ffffff; + --button-primary-hover-background: #1177bb; + --button-secondary-background: #3a3d41; + --button-secondary-foreground: #ffffff; + --button-secondary-hover-background: #45494e; + --button-padding-horizontal: 11px; + --button-padding-vertical: 4px; + --checkbox-background: #3c3c3c; + --checkbox-border: #3c3c3c; + --checkbox-corner-radius: 3; + --checkbox-foreground: #f0f0f0; + --list-active-selection-background: #094771; + --list-active-selection-foreground: #ffffff; + --list-hover-background: #2a2d2e; + --divider-background: #454545; + --dropdown-background: #3c3c3c; + --dropdown-border: #3c3c3c; + --dropdown-foreground: #f0f0f0; + --dropdown-list-max-height: 200px; + --input-background: #3c3c3c; + --input-foreground: #cccccc; + --input-placeholder-foreground: #cccccc; + --link-active-foreground: #3794ff; + --link-foreground: #3794ff; + --progress-background: #0e70c0; + --panel-tab-active-border: #e7e7e7; + --panel-tab-active-foreground: #e7e7e7; + --panel-tab-foreground: #e7e7e799; + --panel-view-background: #1e1e1e; + --panel-view-border: #80808059; + --tag-corner-radius: 2px; +} +html.vscode-onedarkpro { + // body.vscode-dark + --contrast-active-border: transparent; + --font-family: system-ui, 'Ubuntu', 'Droid Sans', sans-serif; + --font-weight: normal; + --scrollbar-slider-background: rgba(78, 86, 102, 0.38); + --scrollbar-slider-hover-background: rgba(90, 99, 117, 0.5); + --scrollbar-slider-active-background: rgba(116, 125, 145, 0.5); + --list-active-selection-background: #2c313a; + --input-placeholder-foreground: rgba(204, 204, 204, 0.5); + --panel-tab-foreground: rgba(231, 231, 231, 0.6); + --panel-view-border: #3e4452; + --background: #282c34; + --focus-border: #3e4452; + --badge-background: #282c34; + --button-primary-background: #404754; + --button-primary-hover-background: #4d5565; + --button-secondary-background: #30333d; + --button-secondary-foreground: #c0bdbd; + --button-secondary-hover-background: #3a3d49; + --checkbox-background: #21252b; + --checkbox-border: #404754; + --list-active-selection-foreground: #d7dae0; + --list-hover-background: #2c313a; + --dropdown-background: #21252b; + --dropdown-border: #21252b; + --input-background: #1d1f23; + --input-foreground: #abb2bf; + --link-foreground: #61afef; + --panel-view-background: #282c34; + // html + --vscode-font-family: system-ui, 'Ubuntu', 'Droid Sans', sans-serif; + --vscode-font-weight: normal; + --vscode-font-size: 13px; + --vscode-editor-font-family: 'Droid Sans Mono', 'monospace', monospace; + --vscode-editor-font-weight: normal; + --vscode-editor-font-size: 14px; + --vscode-foreground: #cccccc; + --vscode-disabledForeground: rgba(204, 204, 204, 0.5); + --vscode-errorForeground: #f48771; + --vscode-descriptionForeground: #abb2bf; + --vscode-icon-foreground: #c5c5c5; + --vscode-focusBorder: #3e4452; + --vscode-textSeparator-foreground: rgba(255, 255, 255, 0.18); + --vscode-textLink-foreground: #61afef; + --vscode-textLink-activeForeground: #3794ff; + --vscode-textPreformat-foreground: #d19a66; + --vscode-textBlockQuote-background: #2e3440; + --vscode-textBlockQuote-border: #4b5362; + --vscode-textCodeBlock-background: rgba(10, 10, 10, 0.4); + --vscode-widget-shadow: rgba(0, 0, 0, 0.36); + --vscode-input-background: #1d1f23; + --vscode-input-foreground: #abb2bf; + --vscode-inputOption-activeBorder: rgba(0, 122, 204, 0); + --vscode-inputOption-hoverBackground: rgba(90, 93, 94, 0.5); + --vscode-inputOption-activeBackground: rgba(62, 68, 82, 0.4); + --vscode-inputOption-activeForeground: #ffffff; + --vscode-input-placeholderForeground: rgba(204, 204, 204, 0.5); + --vscode-inputValidation-infoBackground: #063b49; + --vscode-inputValidation-infoBorder: #007acc; + --vscode-inputValidation-warningBackground: #352a05; + --vscode-inputValidation-warningBorder: #b89500; + --vscode-inputValidation-errorBackground: #5a1d1d; + --vscode-inputValidation-errorBorder: #be1100; + --vscode-dropdown-background: #21252b; + --vscode-dropdown-foreground: #f0f0f0; + --vscode-dropdown-border: #21252b; + --vscode-checkbox-background: #21252b; + --vscode-checkbox-foreground: #f0f0f0; + --vscode-checkbox-border: #404754; + --vscode-button-foreground: #ffffff; + --vscode-button-background: #404754; + --vscode-button-hoverBackground: #4d5565; + --vscode-button-secondaryForeground: #c0bdbd; + --vscode-button-secondaryBackground: #30333d; + --vscode-button-secondaryHoverBackground: #3a3d49; + --vscode-badge-background: #282c34; + --vscode-badge-foreground: #ffffff; + --vscode-scrollbar-shadow: #23252c; + --vscode-scrollbarSlider-background: rgba(78, 86, 102, 0.38); + --vscode-scrollbarSlider-hoverBackground: rgba(90, 99, 117, 0.5); + --vscode-scrollbarSlider-activeBackground: rgba(116, 125, 145, 0.5); + --vscode-progressBar-background: #0e70c0; + --vscode-editorError-foreground: #c24038; + --vscode-editorWarning-foreground: #d19a66; + --vscode-editorInfo-foreground: #3794ff; + --vscode-editorHint-foreground: rgba(238, 238, 238, 0.7); + --vscode-sash-hoverBorder: #3e4452; + --vscode-editor-background: #282c34; + --vscode-editor-foreground: #abb2bf; + --vscode-editorWidget-background: #21252b; + --vscode-editorWidget-foreground: #cccccc; + --vscode-editorWidget-border: #454545; + --vscode-quickInput-background: #21252b; + --vscode-quickInput-foreground: #cccccc; + --vscode-quickInputTitle-background: rgba(255, 255, 255, 0.1); + --vscode-pickerGroup-foreground: #3794ff; + --vscode-pickerGroup-border: #3f3f46; + --vscode-keybindingLabel-background: rgba(128, 128, 128, 0.17); + --vscode-keybindingLabel-foreground: #cccccc; + --vscode-keybindingLabel-border: rgba(51, 51, 51, 0.6); + --vscode-keybindingLabel-bottomBorder: rgba(68, 68, 68, 0.6); + --vscode-editor-selectionBackground: rgba(103, 118, 150, 0.38); + --vscode-editor-inactiveSelectionBackground: rgba(103, 118, 150, 0.19); + --vscode-editor-selectionHighlightBackground: rgba(255, 255, 255, 0.06); + --vscode-editor-selectionHighlightBorder: #dddddd; + --vscode-editor-findMatchBackground: #42557b; + --vscode-editor-findMatchHighlightBackground: rgba(97, 153, 255, 0.18); + --vscode-editor-findRangeHighlightBackground: rgba(58, 61, 65, 0.4); + --vscode-editor-findMatchBorder: #457dff; + --vscode-searchEditor-findMatchBackground: rgba(97, 153, 255, 0.12); + --vscode-editor-hoverHighlightBackground: rgba(38, 79, 120, 0.25); + --vscode-editorHoverWidget-background: #21252b; + --vscode-editorHoverWidget-foreground: #cccccc; + --vscode-editorHoverWidget-border: #181a1f; + --vscode-editorHoverWidget-statusBarBackground: #282c34; + --vscode-editorLink-activeForeground: #4e94ce; + --vscode-editorInlayHint-foreground: #abb2bf; + --vscode-editorInlayHint-background: #2c313c; + --vscode-editorInlayHint-typeForeground: #abb2bf; + --vscode-editorInlayHint-typeBackground: #2c313c; + --vscode-editorInlayHint-parameterForeground: #abb2bf; + --vscode-editorInlayHint-parameterBackground: #2c313c; + --vscode-editorLightBulb-foreground: #ffcc00; + --vscode-editorLightBulbAutoFix-foreground: #75beff; + --vscode-diffEditor-insertedTextBackground: rgba(0, 128, 155, 0.2); + --vscode-diffEditor-removedTextBackground: rgba(255, 0, 0, 0.2); + --vscode-diffEditor-diagonalFill: rgba(204, 204, 204, 0.2); + --vscode-list-focusBackground: #323842; + --vscode-list-focusForeground: #f0f0f0; + --vscode-list-focusOutline: #3e4452; + --vscode-list-activeSelectionBackground: #2c313a; + --vscode-list-activeSelectionForeground: #d7dae0; + --vscode-list-inactiveSelectionBackground: #323842; + --vscode-list-inactiveSelectionForeground: #d7dae0; + --vscode-list-hoverBackground: #2c313a; + --vscode-list-hoverForeground: #abb2bf; + --vscode-list-dropBackground: #062f4a; + --vscode-list-highlightForeground: #c5c5c5; + --vscode-list-focusHighlightForeground: #c5c5c5; + --vscode-list-invalidItemForeground: #b89500; + --vscode-list-errorForeground: #f88070; + --vscode-list-warningForeground: #d19a66; + --vscode-listFilterWidget-background: #653723; + --vscode-listFilterWidget-outline: rgba(0, 0, 0, 0); + --vscode-listFilterWidget-noMatchesOutline: #be1100; + --vscode-list-filterMatchBackground: rgba(97, 153, 255, 0.18); + --vscode-tree-indentGuidesStroke: rgba(255, 255, 255, 0.11); + --vscode-tree-tableColumnsBorder: rgba(204, 204, 204, 0.13); + --vscode-tree-tableOddRowsBackground: rgba(204, 204, 204, 0.04); + --vscode-list-deemphasizedForeground: #8c8c8c; + --vscode-quickInputList-focusForeground: #d7dae0; + --vscode-quickInputList-focusBackground: #2c313a; + --vscode-menu-foreground: #abb2bf; + --vscode-menu-background: #21252b; + --vscode-menu-selectionForeground: #d7dae0; + --vscode-menu-selectionBackground: #2c313a; + --vscode-menu-separatorBackground: #343a45; + --vscode-toolbar-hoverBackground: rgba(90, 93, 94, 0.31); + --vscode-toolbar-activeBackground: rgba(99, 102, 103, 0.31); + --vscode-editor-snippetTabstopHighlightBackground: rgba(124, 124, 124, 0.3); + --vscode-editor-snippetFinalTabstopHighlightBorder: #525252; + --vscode-breadcrumb-foreground: rgba(204, 204, 204, 0.8); + --vscode-breadcrumb-background: #282c34; + --vscode-breadcrumb-focusForeground: #e0e0e0; + --vscode-breadcrumb-activeSelectionForeground: #e0e0e0; + --vscode-breadcrumbPicker-background: #21252b; + --vscode-merge-currentHeaderBackground: rgba(64, 200, 174, 0.5); + --vscode-merge-currentContentBackground: rgba(64, 200, 174, 0.2); + --vscode-merge-incomingHeaderBackground: rgba(64, 166, 255, 0.5); + --vscode-merge-incomingContentBackground: rgba(64, 166, 255, 0.2); + --vscode-merge-commonHeaderBackground: rgba(96, 96, 96, 0.4); + --vscode-merge-commonContentBackground: rgba(96, 96, 96, 0.16); + --vscode-editorOverviewRuler-currentContentForeground: rgba( + 64, + 200, + 174, + 0.5 + ); + --vscode-editorOverviewRuler-incomingContentForeground: rgba( + 64, + 166, + 255, + 0.5 + ); + --vscode-editorOverviewRuler-commonContentForeground: rgba(96, 96, 96, 0.4); + --vscode-editorOverviewRuler-findMatchForeground: rgba(209, 134, 22, 0.49); + --vscode-editorOverviewRuler-selectionHighlightForeground: rgba( + 160, + 160, + 160, + 0.8 + ); + --vscode-minimap-findMatchHighlight: #d18616; + --vscode-minimap-selectionOccurrenceHighlight: #676767; + --vscode-minimap-selectionHighlight: #264f78; + --vscode-minimap-errorHighlight: rgba(255, 18, 18, 0.7); + --vscode-minimap-warningHighlight: #d19a66; + --vscode-minimap-foregroundOpacity: #000000; + --vscode-minimapSlider-background: rgba(78, 86, 102, 0.19); + --vscode-minimapSlider-hoverBackground: rgba(90, 99, 117, 0.25); + --vscode-minimapSlider-activeBackground: rgba(116, 125, 145, 0.25); + --vscode-problemsErrorIcon-foreground: #c24038; + --vscode-problemsWarningIcon-foreground: #d19a66; + --vscode-problemsInfoIcon-foreground: #3794ff; + --vscode-charts-foreground: #cccccc; + --vscode-charts-lines: rgba(204, 204, 204, 0.5); + --vscode-charts-red: #c24038; + --vscode-charts-blue: #3794ff; + --vscode-charts-yellow: #d19a66; + --vscode-charts-orange: #d18616; + --vscode-charts-green: #89d185; + --vscode-charts-purple: #b180d7; + --vscode-editor-lineHighlightBackground: #2c313c; + --vscode-editor-lineHighlightBorder: #282828; + --vscode-editor-rangeHighlightBackground: rgba(255, 255, 255, 0.04); + --vscode-editor-symbolHighlightBackground: rgba(97, 153, 255, 0.18); + --vscode-editorCursor-foreground: #528bff; + --vscode-editorCursor-background: rgba(255, 255, 255, 0.79); + --vscode-editorWhitespace-foreground: rgba(255, 255, 255, 0.11); + --vscode-editorIndentGuide-background: #3b4048; + --vscode-editorIndentGuide-activeBackground: rgba(200, 200, 200, 0.35); + --vscode-editorLineNumber-foreground: #495162; + --vscode-editorActiveLineNumber-foreground: #c6c6c6; + --vscode-editorLineNumber-activeForeground: #abb2bf; + --vscode-editorRuler-foreground: rgba(171, 178, 191, 0.15); + --vscode-editorCodeLens-foreground: #999999; + --vscode-editorBracketMatch-background: #515a6b; + --vscode-editorBracketMatch-border: #515a6b; + --vscode-editorOverviewRuler-border: rgba(127, 127, 127, 0.3); + --vscode-editorGutter-background: #282c34; + --vscode-editorUnnecessaryCode-opacity: rgba(0, 0, 0, 0.67); + --vscode-editorGhostText-foreground: rgba(255, 255, 255, 0.34); + --vscode-editorOverviewRuler-rangeHighlightForeground: rgba(0, 122, 204, 0.6); + --vscode-editorOverviewRuler-errorForeground: rgba(255, 18, 18, 0.7); + --vscode-editorOverviewRuler-warningForeground: #d19a66; + --vscode-editorOverviewRuler-infoForeground: #3794ff; + --vscode-editorBracketHighlight-foreground1: #d19a66; + --vscode-editorBracketHighlight-foreground2: #c678dd; + --vscode-editorBracketHighlight-foreground3: #56b6c2; + --vscode-editorBracketHighlight-foreground4: rgba(0, 0, 0, 0); + --vscode-editorBracketHighlight-foreground5: rgba(0, 0, 0, 0); + --vscode-editorBracketHighlight-foreground6: rgba(0, 0, 0, 0); + --vscode-editorBracketHighlight-unexpectedBracket\.foreground: rgba( + 255, + 18, + 18, + 0.8 + ); + --vscode-editorBracketPairGuide-background1: rgba(0, 0, 0, 0); + --vscode-editorBracketPairGuide-background2: rgba(0, 0, 0, 0); + --vscode-editorBracketPairGuide-background3: rgba(0, 0, 0, 0); + --vscode-editorBracketPairGuide-background4: rgba(0, 0, 0, 0); + --vscode-editorBracketPairGuide-background5: rgba(0, 0, 0, 0); + --vscode-editorBracketPairGuide-background6: rgba(0, 0, 0, 0); + --vscode-editorBracketPairGuide-activeBackground1: rgba(0, 0, 0, 0); + --vscode-editorBracketPairGuide-activeBackground2: rgba(0, 0, 0, 0); + --vscode-editorBracketPairGuide-activeBackground3: rgba(0, 0, 0, 0); + --vscode-editorBracketPairGuide-activeBackground4: rgba(0, 0, 0, 0); + --vscode-editorBracketPairGuide-activeBackground5: rgba(0, 0, 0, 0); + --vscode-editorBracketPairGuide-activeBackground6: rgba(0, 0, 0, 0); + --vscode-editorUnicodeHighlight-border: #bd9b03; + --vscode-editorUnicodeHighlight-background: rgba(189, 155, 3, 0.15); + --vscode-symbolIcon-arrayForeground: #cccccc; + --vscode-symbolIcon-booleanForeground: #cccccc; + --vscode-symbolIcon-classForeground: #ee9d28; + --vscode-symbolIcon-colorForeground: #cccccc; + --vscode-symbolIcon-constantForeground: #cccccc; + --vscode-symbolIcon-constructorForeground: #b180d7; + --vscode-symbolIcon-enumeratorForeground: #ee9d28; + --vscode-symbolIcon-enumeratorMemberForeground: #75beff; + --vscode-symbolIcon-eventForeground: #ee9d28; + --vscode-symbolIcon-fieldForeground: #75beff; + --vscode-symbolIcon-fileForeground: #cccccc; + --vscode-symbolIcon-folderForeground: #cccccc; + --vscode-symbolIcon-functionForeground: #b180d7; + --vscode-symbolIcon-interfaceForeground: #75beff; + --vscode-symbolIcon-keyForeground: #cccccc; + --vscode-symbolIcon-keywordForeground: #cccccc; + --vscode-symbolIcon-methodForeground: #b180d7; + --vscode-symbolIcon-moduleForeground: #cccccc; + --vscode-symbolIcon-namespaceForeground: #cccccc; + --vscode-symbolIcon-nullForeground: #cccccc; + --vscode-symbolIcon-numberForeground: #cccccc; + --vscode-symbolIcon-objectForeground: #cccccc; + --vscode-symbolIcon-operatorForeground: #cccccc; + --vscode-symbolIcon-packageForeground: #cccccc; + --vscode-symbolIcon-propertyForeground: #cccccc; + --vscode-symbolIcon-referenceForeground: #cccccc; + --vscode-symbolIcon-snippetForeground: #cccccc; + --vscode-symbolIcon-stringForeground: #cccccc; + --vscode-symbolIcon-structForeground: #cccccc; + --vscode-symbolIcon-textForeground: #cccccc; + --vscode-symbolIcon-typeParameterForeground: #cccccc; + --vscode-symbolIcon-unitForeground: #cccccc; + --vscode-symbolIcon-variableForeground: #75beff; + --vscode-editorHoverWidget-highlightForeground: #61afef; + --vscode-editorOverviewRuler-bracketMatchForeground: #a0a0a0; + --vscode-editor-foldBackground: rgba(103, 118, 150, 0.11); + --vscode-editorGutter-foldingControlForeground: #c5c5c5; + --vscode-editor-linkedEditingBackground: rgba(255, 0, 0, 0.3); + --vscode-editor-wordHighlightBackground: rgba(210, 224, 255, 0.18); + --vscode-editor-wordHighlightStrongBackground: rgba(171, 178, 191, 0.15); + --vscode-editor-wordHighlightBorder: #7f848e; + --vscode-editor-wordHighlightStrongBorder: #7f848e; + --vscode-editorOverviewRuler-wordHighlightForeground: rgba( + 160, + 160, + 160, + 0.8 + ); + --vscode-editorOverviewRuler-wordHighlightStrongForeground: rgba( + 192, + 160, + 192, + 0.8 + ); + --vscode-peekViewTitle-background: rgba(55, 148, 255, 0.1); + --vscode-peekViewTitleLabel-foreground: #ffffff; + --vscode-peekViewTitleDescription-foreground: rgba(204, 204, 204, 0.7); + --vscode-peekView-border: #3794ff; + --vscode-peekViewResult-background: #22262b; + --vscode-peekViewResult-lineForeground: #bbbbbb; + --vscode-peekViewResult-fileForeground: #ffffff; + --vscode-peekViewResult-selectionBackground: rgba(51, 153, 255, 0.2); + --vscode-peekViewResult-selectionForeground: #ffffff; + --vscode-peekViewEditor-background: #1b1d23; + --vscode-peekViewEditorGutter-background: #1b1d23; + --vscode-peekViewResult-matchHighlightBackground: rgba(234, 92, 0, 0.3); + --vscode-peekViewEditor-matchHighlightBackground: #29244b; + --vscode-editorMarkerNavigationError-background: #c24038; + --vscode-editorMarkerNavigationError-headerBackground: rgba(194, 64, 56, 0.1); + --vscode-editorMarkerNavigationWarning-background: #d19a66; + --vscode-editorMarkerNavigationWarning-headerBackground: rgba( + 209, + 154, + 102, + 0.1 + ); + --vscode-editorMarkerNavigationInfo-background: #3794ff; + --vscode-editorMarkerNavigationInfo-headerBackground: rgba(55, 148, 255, 0.1); + --vscode-editorMarkerNavigation-background: #21252b; + --vscode-editorSuggestWidget-background: #21252b; + --vscode-editorSuggestWidget-border: #181a1f; + --vscode-editorSuggestWidget-foreground: #abb2bf; + --vscode-editorSuggestWidget-selectedForeground: #d7dae0; + --vscode-editorSuggestWidget-selectedBackground: #2c313a; + --vscode-editorSuggestWidget-highlightForeground: #c5c5c5; + --vscode-editorSuggestWidget-focusHighlightForeground: #c5c5c5; + --vscode-editorSuggestWidgetStatus-foreground: rgba(171, 178, 191, 0.5); + --vscode-tab-activeBackground: #282c34; + --vscode-tab-unfocusedActiveBackground: #282c34; + --vscode-tab-inactiveBackground: #21252b; + --vscode-tab-unfocusedInactiveBackground: #21252b; + --vscode-tab-activeForeground: #dcdcdc; + --vscode-tab-inactiveForeground: rgba(220, 220, 220, 0.5); + --vscode-tab-unfocusedActiveForeground: rgba(220, 220, 220, 0.5); + --vscode-tab-unfocusedInactiveForeground: rgba(220, 220, 220, 0.25); + --vscode-tab-hoverBackground: #323842; + --vscode-tab-unfocusedHoverBackground: #323842; + --vscode-tab-border: #181a1f; + --vscode-tab-lastPinnedBorder: rgba(255, 255, 255, 0.11); + --vscode-tab-activeBorder: #b4b4b4; + --vscode-tab-unfocusedActiveBorder: rgba(180, 180, 180, 0.5); + --vscode-tab-activeModifiedBorder: #3399cc; + --vscode-tab-inactiveModifiedBorder: rgba(51, 153, 204, 0.5); + --vscode-tab-unfocusedActiveModifiedBorder: rgba(51, 153, 204, 0.5); + --vscode-tab-unfocusedInactiveModifiedBorder: rgba(51, 153, 204, 0.25); + --vscode-editorPane-background: #282c34; + --vscode-editorGroupHeader-tabsBackground: #21252b; + --vscode-editorGroupHeader-noTabsBackground: #282c34; + --vscode-editorGroup-border: #181a1f; + --vscode-editorGroup-dropBackground: rgba(83, 89, 93, 0.5); + --vscode-editorGroup-dropIntoPromptForeground: #cccccc; + --vscode-editorGroup-dropIntoPromptBackground: #21252b; + --vscode-sideBySideEditor-horizontalBorder: #181a1f; + --vscode-sideBySideEditor-verticalBorder: #181a1f; + --vscode-panel-background: #282c34; + --vscode-panel-border: #3e4452; + --vscode-panelTitle-activeForeground: #e7e7e7; + --vscode-panelTitle-inactiveForeground: rgba(231, 231, 231, 0.6); + --vscode-panelTitle-activeBorder: #e7e7e7; + --vscode-panel-dropBorder: #e7e7e7; + --vscode-panelSection-dropBackground: rgba(83, 89, 93, 0.5); + --vscode-panelSectionHeader-background: #21252b; + --vscode-panelSection-border: #3e4452; + --vscode-banner-background: #2c313a; + --vscode-banner-foreground: #d7dae0; + --vscode-banner-iconForeground: #3794ff; + --vscode-statusBar-foreground: #9da5b4; + --vscode-statusBar-noFolderForeground: #9da5b4; + --vscode-statusBar-background: #21252b; + --vscode-statusBar-noFolderBackground: #21252b; + --vscode-statusBar-focusBorder: #9da5b4; + --vscode-statusBarItem-activeBackground: rgba(255, 255, 255, 0.18); + --vscode-statusBarItem-focusBorder: #9da5b4; + --vscode-statusBarItem-hoverBackground: rgba(255, 255, 255, 0.12); + --vscode-statusBarItem-compactHoverBackground: rgba(255, 255, 255, 0.2); + --vscode-statusBarItem-prominentForeground: #9da5b4; + --vscode-statusBarItem-prominentBackground: rgba(0, 0, 0, 0.5); + --vscode-statusBarItem-prominentHoverBackground: rgba(0, 0, 0, 0.3); + --vscode-statusBarItem-errorBackground: #c72e0f; + --vscode-statusBarItem-errorForeground: #ffffff; + --vscode-statusBarItem-warningBackground: #905c2b; + --vscode-statusBarItem-warningForeground: #ffffff; + --vscode-activityBar-background: #282c34; + --vscode-activityBar-foreground: #d7dae0; + --vscode-activityBar-inactiveForeground: rgba(215, 218, 224, 0.4); + --vscode-activityBar-activeBorder: #d7dae0; + --vscode-activityBar-dropBorder: #d7dae0; + --vscode-activityBarBadge-background: #4d78cc; + --vscode-activityBarBadge-foreground: #f8fafd; + --vscode-statusBarItem-remoteBackground: #4d78cc; + --vscode-statusBarItem-remoteForeground: #f8fafd; + --vscode-extensionBadge-remoteBackground: #4d78cc; + --vscode-extensionBadge-remoteForeground: #f8fafd; + --vscode-sideBar-background: #21252b; + --vscode-sideBar-foreground: #abb2bf; + --vscode-sideBarTitle-foreground: #abb2bf; + --vscode-sideBar-dropBackground: rgba(83, 89, 93, 0.5); + --vscode-sideBarSectionHeader-background: #282c34; + --vscode-sideBarSectionHeader-foreground: #abb2bf; + --vscode-titleBar-activeForeground: #9da5b4; + --vscode-titleBar-inactiveForeground: #6b717d; + --vscode-titleBar-activeBackground: #282c34; + --vscode-titleBar-inactiveBackground: #21252b; + --vscode-menubar-selectionForeground: #9da5b4; + --vscode-menubar-selectionBackground: rgba(90, 93, 94, 0.31); + --vscode-notifications-foreground: #cccccc; + --vscode-notifications-background: #21252b; + --vscode-notificationLink-foreground: #61afef; + --vscode-notificationCenterHeader-background: #2b3038; + --vscode-notifications-border: #2b3038; + --vscode-notificationsErrorIcon-foreground: #c24038; + --vscode-notificationsWarningIcon-foreground: #d19a66; + --vscode-notificationsInfoIcon-foreground: #3794ff; + --vscode-commandCenter-foreground: #9da5b4; + --vscode-commandCenter-activeForeground: #9da5b4; + --vscode-commandCenter-activeBackground: rgba(90, 93, 94, 0.31); + --vscode-commandCenter-border: #3e4452; + --vscode-editorCommentsWidget-resolvedBorder: rgba(204, 204, 204, 0.5); + --vscode-editorCommentsWidget-unresolvedBorder: #3794ff; + --vscode-editorCommentsWidget-rangeBackground: rgba(55, 148, 255, 0.1); + --vscode-editorCommentsWidget-rangeBorder: rgba(55, 148, 255, 0.4); + --vscode-editorCommentsWidget-rangeActiveBackground: rgba(55, 148, 255, 0.1); + --vscode-editorCommentsWidget-rangeActiveBorder: rgba(55, 148, 255, 0.4); + --vscode-editorGutter-commentRangeForeground: #c5c5c5; + --vscode-debugToolBar-background: #21252b; + --vscode-debugIcon-startForeground: #89d185; + --vscode-editor-stackFrameHighlightBackground: rgba(255, 255, 0, 0.2); + --vscode-editor-focusedStackFrameHighlightBackground: rgba( + 122, + 189, + 122, + 0.3 + ); + --vscode-mergeEditor-change\.background: rgba(155, 185, 85, 0.2); + --vscode-mergeEditor-change\.word\.background: rgba(155, 185, 85, 0.12); + --vscode-mergeEditor-conflict\.unhandledUnfocused\.border: rgba( + 255, + 166, + 0, + 0.48 + ); + --vscode-mergeEditor-conflict\.unhandledFocused\.border: #ffa600; + --vscode-mergeEditor-conflict\.handledUnfocused\.border: rgba( + 134, + 134, + 134, + 0.29 + ); + --vscode-mergeEditor-conflict\.handledFocused\.border: rgba( + 193, + 193, + 193, + 0.8 + ); + --vscode-mergeEditor-conflict\.handled\.minimapOverViewRuler: rgba( + 173, + 172, + 168, + 0.93 + ); + --vscode-mergeEditor-conflict\.unhandled\.minimapOverViewRuler: #fcba03; + --vscode-settings-headerForeground: #ffffff; + --vscode-settings-modifiedItemIndicator: #0c7d9d; + --vscode-settings-headerBorder: #3e4452; + --vscode-settings-sashBorder: #3e4452; + --vscode-settings-dropdownBackground: #21252b; + --vscode-settings-dropdownForeground: #f0f0f0; + --vscode-settings-dropdownBorder: #21252b; + --vscode-settings-dropdownListBorder: #454545; + --vscode-settings-checkboxBackground: #21252b; + --vscode-settings-checkboxForeground: #f0f0f0; + --vscode-settings-checkboxBorder: #404754; + --vscode-settings-textInputBackground: #1d1f23; + --vscode-settings-textInputForeground: #abb2bf; + --vscode-settings-numberInputBackground: #1d1f23; + --vscode-settings-numberInputForeground: #abb2bf; + --vscode-settings-focusedRowBackground: #282c34; + --vscode-settings-rowHoverBackground: rgba(44, 49, 58, 0.3); + --vscode-settings-focusedRowBorder: rgba(255, 255, 255, 0.12); + --vscode-terminal-background: #282c34; + --vscode-terminal-foreground: #abb2bf; + --vscode-terminal-selectionBackground: rgba(171, 178, 191, 0.19); + --vscode-terminalCommandDecoration-defaultBackground: rgba( + 255, + 255, + 255, + 0.25 + ); + --vscode-terminalCommandDecoration-successBackground: #1b81a8; + --vscode-terminalCommandDecoration-errorBackground: #f14c4c; + --vscode-terminalOverviewRuler-cursorForeground: rgba(160, 160, 160, 0.8); + --vscode-terminal-border: #3e4452; + --vscode-terminal-findMatchBackground: #42557b; + --vscode-terminal-findMatchHighlightBackground: rgba(97, 153, 255, 0.18); + --vscode-terminalOverviewRuler-findMatchForeground: rgba(209, 134, 22, 0.49); + --vscode-terminal-dropBackground: rgba(83, 89, 93, 0.5); + --vscode-terminal-tab\.activeBorder: #b4b4b4; + --vscode-testing-iconFailed: #f14c4c; + --vscode-testing-iconErrored: #f14c4c; + --vscode-testing-iconPassed: #73c991; + --vscode-testing-runAction: #73c991; + --vscode-testing-iconQueued: #cca700; + --vscode-testing-iconUnset: #848484; + --vscode-testing-iconSkipped: #848484; + --vscode-testing-peekBorder: #c24038; + --vscode-testing-peekHeaderBackground: rgba(194, 64, 56, 0.1); + --vscode-testing-message\.error\.decorationForeground: #c24038; + --vscode-testing-message\.error\.lineBackground: rgba(255, 0, 0, 0.2); + --vscode-testing-message\.info\.decorationForeground: rgba( + 171, + 178, + 191, + 0.5 + ); + --vscode-welcomePage-tileBackground: #21252b; + --vscode-welcomePage-tileHoverBackground: #282c34; + --vscode-welcomePage-tileShadow: rgba(0, 0, 0, 0.36); + --vscode-welcomePage-progress\.background: #1d1f23; + --vscode-welcomePage-progress\.foreground: #61afef; + --vscode-walkThrough-embeddedEditorBackground: #2e3440; + --vscode-debugExceptionWidget-border: #a31515; + --vscode-debugExceptionWidget-background: #420b0d; + --vscode-ports-iconRunningProcessForeground: #4d78cc; + --vscode-statusBar-debuggingBackground: #cc6633; + --vscode-statusBar-debuggingForeground: #ffffff; + --vscode-statusBar-debuggingBorder: rgba(255, 0, 0, 0); + --vscode-editor-inlineValuesForeground: rgba(255, 255, 255, 0.5); + --vscode-editor-inlineValuesBackground: rgba(255, 200, 0, 0.2); + --vscode-editorGutter-modifiedBackground: #948b60; + --vscode-editorGutter-addedBackground: #109868; + --vscode-editorGutter-deletedBackground: #9a353d; + --vscode-minimapGutter-modifiedBackground: #948b60; + --vscode-minimapGutter-addedBackground: #109868; + --vscode-minimapGutter-deletedBackground: #9a353d; + --vscode-editorOverviewRuler-modifiedForeground: rgba(148, 139, 96, 0.6); + --vscode-editorOverviewRuler-addedForeground: rgba(16, 152, 104, 0.6); + --vscode-editorOverviewRuler-deletedForeground: rgba(154, 53, 61, 0.6); + --vscode-debugIcon-breakpointForeground: #e51400; + --vscode-debugIcon-breakpointDisabledForeground: #848484; + --vscode-debugIcon-breakpointUnverifiedForeground: #848484; + --vscode-debugIcon-breakpointCurrentStackframeForeground: #ffcc00; + --vscode-debugIcon-breakpointStackframeForeground: #89d185; + --vscode-notebook-cellBorderColor: #323842; + --vscode-notebook-focusedEditorBorder: #3e4452; + --vscode-notebookStatusSuccessIcon-foreground: #89d185; + --vscode-notebookStatusErrorIcon-foreground: #f48771; + --vscode-notebookStatusRunningIcon-foreground: #cccccc; + --vscode-notebook-cellToolbarSeparator: rgba(128, 128, 128, 0.35); + --vscode-notebook-selectedCellBackground: #323842; + --vscode-notebook-selectedCellBorder: #323842; + --vscode-notebook-focusedCellBorder: #3e4452; + --vscode-notebook-inactiveFocusedCellBorder: #323842; + --vscode-notebook-cellStatusBarItemHoverBackground: rgba(255, 255, 255, 0.15); + --vscode-notebook-cellInsertionIndicator: #3e4452; + --vscode-notebookScrollbarSlider-background: rgba(78, 86, 102, 0.38); + --vscode-notebookScrollbarSlider-hoverBackground: rgba(90, 99, 117, 0.5); + --vscode-notebookScrollbarSlider-activeBackground: rgba(116, 125, 145, 0.5); + --vscode-notebook-symbolHighlightBackground: rgba(255, 255, 255, 0.04); + --vscode-notebook-cellEditorBackground: #21252b; + --vscode-notebook-editorBackground: #282c34; + --vscode-keybindingTable-headerBackground: rgba(204, 204, 204, 0.04); + --vscode-keybindingTable-rowsBackground: rgba(204, 204, 204, 0.04); + --vscode-scm-providerBorder: #454545; + --vscode-debugTokenExpression-name: #c586c0; + --vscode-debugTokenExpression-value: rgba(204, 204, 204, 0.6); + --vscode-debugTokenExpression-string: #ce9178; + --vscode-debugTokenExpression-boolean: #4e94ce; + --vscode-debugTokenExpression-number: #b5cea8; + --vscode-debugTokenExpression-error: #f48771; + --vscode-debugView-exceptionLabelForeground: #cccccc; + --vscode-debugView-exceptionLabelBackground: #6c2022; + --vscode-debugView-stateLabelForeground: #cccccc; + --vscode-debugView-stateLabelBackground: rgba(136, 136, 136, 0.27); + --vscode-debugView-valueChangedHighlight: #569cd6; + --vscode-debugConsole-infoForeground: #3794ff; + --vscode-debugConsole-warningForeground: #d19a66; + --vscode-debugConsole-errorForeground: #f48771; + --vscode-debugConsole-sourceForeground: #cccccc; + --vscode-debugConsoleInputIcon-foreground: #cccccc; + --vscode-debugIcon-pauseForeground: #75beff; + --vscode-debugIcon-stopForeground: #f48771; + --vscode-debugIcon-disconnectForeground: #f48771; + --vscode-debugIcon-restartForeground: #89d185; + --vscode-debugIcon-stepOverForeground: #75beff; + --vscode-debugIcon-stepIntoForeground: #75beff; + --vscode-debugIcon-stepOutForeground: #75beff; + --vscode-debugIcon-continueForeground: #75beff; + --vscode-debugIcon-stepBackForeground: #75beff; + --vscode-extensionButton-prominentBackground: #404754; + --vscode-extensionButton-prominentForeground: #ffffff; + --vscode-extensionButton-prominentHoverBackground: #4d5565; + --vscode-extensionIcon-starForeground: #ff8e00; + --vscode-extensionIcon-verifiedForeground: #61afef; + --vscode-extensionIcon-preReleaseForeground: #1d9271; + --vscode-extensionIcon-sponsorForeground: #d758b3; + --vscode-terminal-ansiBlack: #3f4451; + --vscode-terminal-ansiRed: #e05561; + --vscode-terminal-ansiGreen: #8cc265; + --vscode-terminal-ansiYellow: #d18f52; + --vscode-terminal-ansiBlue: #4aa5f0; + --vscode-terminal-ansiMagenta: #c162de; + --vscode-terminal-ansiCyan: #42b3c2; + --vscode-terminal-ansiWhite: #d7dae0; + --vscode-terminal-ansiBrightBlack: #4f5666; + --vscode-terminal-ansiBrightRed: #ff616e; + --vscode-terminal-ansiBrightGreen: #a5e075; + --vscode-terminal-ansiBrightYellow: #f0a45d; + --vscode-terminal-ansiBrightBlue: #4dc4ff; + --vscode-terminal-ansiBrightMagenta: #de73ff; + --vscode-terminal-ansiBrightCyan: #4cd1e0; + --vscode-terminal-ansiBrightWhite: #e6e6e6; + --vscode-interactive-activeCodeBorder: #3794ff; + --vscode-interactive-inactiveCodeBorder: #323842; + --vscode-gitDecoration-addedResourceForeground: #81b88b; + --vscode-gitDecoration-modifiedResourceForeground: #e2c08d; + --vscode-gitDecoration-deletedResourceForeground: #c74e39; + --vscode-gitDecoration-renamedResourceForeground: #73c991; + --vscode-gitDecoration-untrackedResourceForeground: #73c991; + --vscode-gitDecoration-ignoredResourceForeground: #636b78; + --vscode-gitDecoration-stageModifiedResourceForeground: #e2c08d; + --vscode-gitDecoration-stageDeletedResourceForeground: #c74e39; + --vscode-gitDecoration-conflictingResourceForeground: #e4676b; + --vscode-gitDecoration-submoduleResourceForeground: #8db9e2; + --vscode-dvc-deps: #b079e7; + --vscode-dvc-metrics: #fbd38d; + --vscode-dvc-params: #90cdf4; + --vscode-dvc-workspaceChanged: #e2c08d; + // :root + --background: #1e1e1e; + --border-width: 1; + --contrast-active-border: #f38518; + --contrast-border: #6fc3df; + --corner-radius: 0; + --design-unit: 4; + --disabled-opacity: 0.4; + --focus-border: #007fd4; + --font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, + Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; + --font-weight: 400; + --foreground: #cccccc; + --input-height: 26; + --input-min-width: 100px; + --type-ramp-base-font-size: 13px; + --type-ramp-base-line-height: normal; + --type-ramp-minus1-font-size: 11px; + --type-ramp-minus1-line-height: 16px; + --type-ramp-minus2-font-size: 9px; + --type-ramp-minus2-line-height: 16px; + --type-ramp-plus1-font-size: 16px; + --type-ramp-plus1-line-height: 24px; + --scrollbarWidth: 10px; + --scrollbarHeight: 10px; + --scrollbar-slider-background: #79797966; + --scrollbar-slider-hover-background: #646464b3; + --scrollbar-slider-active-background: #bfbfbf66; + --badge-background: #4d4d4d; + --badge-foreground: #ffffff; + --button-border: transparent; + --button-icon-background: transparent; + --button-icon-corner-radius: 5px; + --button-icon-outline-offset: 0; + --button-icon-hover-background: rgba(90, 93, 94, 0.31); + --button-icon-padding: 3px; + --button-primary-background: #0e639c; + --button-primary-foreground: #ffffff; + --button-primary-hover-background: #1177bb; + --button-secondary-background: #3a3d41; + --button-secondary-foreground: #ffffff; + --button-secondary-hover-background: #45494e; + --button-padding-horizontal: 11px; + --button-padding-vertical: 4px; + --checkbox-background: #3c3c3c; + --checkbox-border: #3c3c3c; + --checkbox-corner-radius: 3; + --checkbox-foreground: #f0f0f0; + --list-active-selection-background: #094771; + --list-active-selection-foreground: #ffffff; + --list-hover-background: #2a2d2e; + --divider-background: #454545; + --dropdown-background: #3c3c3c; + --dropdown-border: #3c3c3c; + --dropdown-foreground: #f0f0f0; + --dropdown-list-max-height: 200px; + --input-background: #3c3c3c; + --input-foreground: #cccccc; + --input-placeholder-foreground: #cccccc; + --link-active-foreground: #3794ff; + --link-foreground: #3794ff; + --progress-background: #0e70c0; + --panel-tab-active-border: #e7e7e7; + --panel-tab-active-foreground: #e7e7e7; + --panel-tab-foreground: #e7e7e799; + --panel-view-background: #1e1e1e; + --panel-view-border: #80808059; + --tag-corner-radius: 2px; +} + +.vscode-red { + // body.vscode-dark + --contrast-active-border: transparent; + --font-family: system-ui, 'Ubuntu', 'Droid Sans', sans-serif; + --font-weight: normal; + --scrollbar-slider-background: rgba(121, 121, 121, 0.4); + --scrollbar-slider-hover-background: rgba(100, 100, 100, 0.7); + --scrollbar-slider-active-background: rgba(191, 191, 191, 0.4); + --list-active-selection-background: #880000; + --input-placeholder-foreground: rgba(204, 204, 204, 0.5); + --panel-tab-foreground: rgba(231, 231, 231, 0.6); + --panel-view-border: rgba(128, 128, 128, 0.35); + --background: #390000; + --focus-border: rgba(255, 102, 102, 0.67); + --badge-background: #cc3333; + --button-primary-background: #883333; + --button-primary-hover-background: #a33d3d; + --checkbox-background: #580000; + --checkbox-border: #580000; + --list-hover-background: #800000; + --dropdown-background: #580000; + --dropdown-border: #580000; + --input-background: #580000; + --panel-view-background: #390000; + --progress-background: #cc3333; + // html + --vscode-font-family: system-ui, 'Ubuntu', 'Droid Sans', sans-serif; + --vscode-font-weight: normal; + --vscode-font-size: 13px; + --vscode-editor-font-family: 'Droid Sans Mono', 'monospace', monospace; + --vscode-editor-font-weight: normal; + --vscode-editor-font-size: 14px; + --vscode-foreground: #cccccc; + --vscode-disabledForeground: rgba(204, 204, 204, 0.5); + --vscode-errorForeground: #ffeaea; + --vscode-descriptionForeground: rgba(204, 204, 204, 0.7); + --vscode-icon-foreground: #c5c5c5; + --vscode-focusBorder: rgba(255, 102, 102, 0.67); + --vscode-selection-background: rgba(255, 119, 119, 0.53); + --vscode-textSeparator-foreground: rgba(255, 255, 255, 0.18); + --vscode-textLink-foreground: #3794ff; + --vscode-textLink-activeForeground: #3794ff; + --vscode-textPreformat-foreground: #d7ba7d; + --vscode-textBlockQuote-background: rgba(127, 127, 127, 0.1); + --vscode-textBlockQuote-border: rgba(0, 122, 204, 0.5); + --vscode-textCodeBlock-background: rgba(10, 10, 10, 0.4); + --vscode-widget-shadow: rgba(0, 0, 0, 0.36); + --vscode-input-background: #580000; + --vscode-input-foreground: #cccccc; + --vscode-inputOption-activeBorder: #cc0000; + --vscode-inputOption-hoverBackground: rgba(90, 93, 94, 0.5); + --vscode-inputOption-activeBackground: rgba(255, 102, 102, 0.27); + --vscode-inputOption-activeForeground: #ffffff; + --vscode-input-placeholderForeground: rgba(204, 204, 204, 0.5); + --vscode-inputValidation-infoBackground: #550000; + --vscode-inputValidation-infoBorder: #db7e58; + --vscode-inputValidation-warningBackground: #352a05; + --vscode-inputValidation-warningBorder: #b89500; + --vscode-inputValidation-errorBackground: #5a1d1d; + --vscode-inputValidation-errorBorder: #be1100; + --vscode-dropdown-background: #580000; + --vscode-dropdown-foreground: #f0f0f0; + --vscode-dropdown-border: #580000; + --vscode-checkbox-background: #580000; + --vscode-checkbox-foreground: #f0f0f0; + --vscode-checkbox-border: #580000; + --vscode-button-foreground: #ffffff; + --vscode-button-background: #883333; + --vscode-button-hoverBackground: #a33d3d; + --vscode-button-secondaryForeground: #ffffff; + --vscode-button-secondaryBackground: #3a3d41; + --vscode-button-secondaryHoverBackground: #45494e; + --vscode-badge-background: #cc3333; + --vscode-badge-foreground: #ffffff; + --vscode-scrollbar-shadow: #000000; + --vscode-scrollbarSlider-background: rgba(121, 121, 121, 0.4); + --vscode-scrollbarSlider-hoverBackground: rgba(100, 100, 100, 0.7); + --vscode-scrollbarSlider-activeBackground: rgba(191, 191, 191, 0.4); + --vscode-progressBar-background: #cc3333; + --vscode-editorError-foreground: #f14c4c; + --vscode-editorWarning-foreground: #cca700; + --vscode-editorInfo-foreground: #3794ff; + --vscode-editorHint-foreground: rgba(238, 238, 238, 0.7); + --vscode-sash-hoverBorder: rgba(255, 102, 102, 0.67); + --vscode-editor-background: #390000; + --vscode-editor-foreground: #f8f8f8; + --vscode-editorWidget-background: #300000; + --vscode-editorWidget-foreground: #cccccc; + --vscode-editorWidget-border: #454545; + --vscode-quickInput-background: #300000; + --vscode-quickInput-foreground: #cccccc; + --vscode-quickInputTitle-background: rgba(255, 255, 255, 0.1); + --vscode-pickerGroup-foreground: #cc9999; + --vscode-pickerGroup-border: rgba(255, 0, 0, 0.2); + --vscode-keybindingLabel-background: rgba(128, 128, 128, 0.17); + --vscode-keybindingLabel-foreground: #cccccc; + --vscode-keybindingLabel-border: rgba(51, 51, 51, 0.6); + --vscode-keybindingLabel-bottomBorder: rgba(68, 68, 68, 0.6); + --vscode-editor-selectionBackground: #750000; + --vscode-editor-inactiveSelectionBackground: rgba(117, 0, 0, 0.5); + --vscode-editor-selectionHighlightBackground: rgba(245, 80, 0, 0.22); + --vscode-editor-findMatchBackground: #515c6a; + --vscode-editor-findMatchHighlightBackground: rgba(234, 92, 0, 0.33); + --vscode-editor-findRangeHighlightBackground: rgba(58, 61, 65, 0.4); + --vscode-searchEditor-findMatchBackground: rgba(234, 92, 0, 0.22); + --vscode-editor-hoverHighlightBackground: rgba(255, 0, 0, 0.27); + --vscode-editorHoverWidget-background: #300000; + --vscode-editorHoverWidget-foreground: #cccccc; + --vscode-editorHoverWidget-border: #454545; + --vscode-editorHoverWidget-statusBarBackground: #3a0000; + --vscode-editorLink-activeForeground: #ffd0aa; + --vscode-editorInlayHint-foreground: rgba(255, 255, 255, 0.8); + --vscode-editorInlayHint-background: rgba(204, 51, 51, 0.6); + --vscode-editorInlayHint-typeForeground: rgba(255, 255, 255, 0.8); + --vscode-editorInlayHint-typeBackground: rgba(204, 51, 51, 0.6); + --vscode-editorInlayHint-parameterForeground: rgba(255, 255, 255, 0.8); + --vscode-editorInlayHint-parameterBackground: rgba(204, 51, 51, 0.6); + --vscode-editorLightBulb-foreground: #ffcc00; + --vscode-editorLightBulbAutoFix-foreground: #75beff; + --vscode-diffEditor-insertedTextBackground: rgba(155, 185, 85, 0.2); + --vscode-diffEditor-removedTextBackground: rgba(255, 0, 0, 0.2); + --vscode-diffEditor-diagonalFill: rgba(204, 204, 204, 0.2); + --vscode-list-focusOutline: rgba(255, 102, 102, 0.67); + --vscode-list-activeSelectionBackground: #880000; + --vscode-list-activeSelectionForeground: #ffffff; + --vscode-list-inactiveSelectionBackground: #770000; + --vscode-list-hoverBackground: #800000; + --vscode-list-dropBackground: #662222; + --vscode-list-highlightForeground: #ff4444; + --vscode-list-focusHighlightForeground: #ff4444; + --vscode-list-invalidItemForeground: #b89500; + --vscode-list-errorForeground: #f88070; + --vscode-list-warningForeground: #cca700; + --vscode-listFilterWidget-background: #653723; + --vscode-listFilterWidget-outline: rgba(0, 0, 0, 0); + --vscode-listFilterWidget-noMatchesOutline: #be1100; + --vscode-list-filterMatchBackground: rgba(234, 92, 0, 0.33); + --vscode-tree-indentGuidesStroke: #585858; + --vscode-tree-tableColumnsBorder: rgba(204, 204, 204, 0.13); + --vscode-tree-tableOddRowsBackground: rgba(204, 204, 204, 0.04); + --vscode-list-deemphasizedForeground: #8c8c8c; + --vscode-quickInputList-focusForeground: #ffffff; + --vscode-quickInputList-focusBackground: #660000; + --vscode-menu-foreground: #f0f0f0; + --vscode-menu-background: #580000; + --vscode-menu-selectionForeground: #ffffff; + --vscode-menu-selectionBackground: #880000; + --vscode-menu-separatorBackground: #606060; + --vscode-toolbar-hoverBackground: rgba(90, 93, 94, 0.31); + --vscode-toolbar-activeBackground: rgba(99, 102, 103, 0.31); + --vscode-editor-snippetTabstopHighlightBackground: rgba(124, 124, 124, 0.3); + --vscode-editor-snippetFinalTabstopHighlightBorder: #525252; + --vscode-breadcrumb-foreground: rgba(204, 204, 204, 0.8); + --vscode-breadcrumb-background: #390000; + --vscode-breadcrumb-focusForeground: #e0e0e0; + --vscode-breadcrumb-activeSelectionForeground: #e0e0e0; + --vscode-breadcrumbPicker-background: #300000; + --vscode-merge-currentHeaderBackground: rgba(64, 200, 174, 0.5); + --vscode-merge-currentContentBackground: rgba(64, 200, 174, 0.2); + --vscode-merge-incomingHeaderBackground: rgba(64, 166, 255, 0.5); + --vscode-merge-incomingContentBackground: rgba(64, 166, 255, 0.2); + --vscode-merge-commonHeaderBackground: rgba(96, 96, 96, 0.4); + --vscode-merge-commonContentBackground: rgba(96, 96, 96, 0.16); + --vscode-editorOverviewRuler-currentContentForeground: rgba( + 64, + 200, + 174, + 0.5 + ); + --vscode-editorOverviewRuler-incomingContentForeground: rgba( + 64, + 166, + 255, + 0.5 + ); + --vscode-editorOverviewRuler-commonContentForeground: rgba(96, 96, 96, 0.4); + --vscode-editorOverviewRuler-findMatchForeground: rgba(209, 134, 22, 0.49); + --vscode-editorOverviewRuler-selectionHighlightForeground: rgba( + 160, + 160, + 160, + 0.8 + ); + --vscode-minimap-findMatchHighlight: #d18616; + --vscode-minimap-selectionOccurrenceHighlight: #676767; + --vscode-minimap-selectionHighlight: #750000; + --vscode-minimap-errorHighlight: rgba(255, 18, 18, 0.7); + --vscode-minimap-warningHighlight: #cca700; + --vscode-minimap-foregroundOpacity: #000000; + --vscode-minimapSlider-background: rgba(121, 121, 121, 0.2); + --vscode-minimapSlider-hoverBackground: rgba(100, 100, 100, 0.35); + --vscode-minimapSlider-activeBackground: rgba(191, 191, 191, 0.2); + --vscode-problemsErrorIcon-foreground: #f14c4c; + --vscode-problemsWarningIcon-foreground: #cca700; + --vscode-problemsInfoIcon-foreground: #3794ff; + --vscode-charts-foreground: #cccccc; + --vscode-charts-lines: rgba(204, 204, 204, 0.5); + --vscode-charts-red: #f14c4c; + --vscode-charts-blue: #3794ff; + --vscode-charts-yellow: #cca700; + --vscode-charts-orange: #d18616; + --vscode-charts-green: #89d185; + --vscode-charts-purple: #b180d7; + --vscode-editor-lineHighlightBackground: rgba(255, 0, 0, 0.2); + --vscode-editor-lineHighlightBorder: #282828; + --vscode-editor-rangeHighlightBackground: rgba(255, 255, 255, 0.04); + --vscode-editor-symbolHighlightBackground: rgba(234, 92, 0, 0.33); + --vscode-editorCursor-foreground: #970000; + --vscode-editorWhitespace-foreground: #c10000; + --vscode-editorIndentGuide-background: #c10000; + --vscode-editorIndentGuide-activeBackground: #c10000; + --vscode-editorLineNumber-foreground: rgba(255, 119, 119, 0.53); + --vscode-editorActiveLineNumber-foreground: #c6c6c6; + --vscode-editorLineNumber-activeForeground: rgba(255, 187, 187, 0.53); + --vscode-editorRuler-foreground: #5a5a5a; + --vscode-editorCodeLens-foreground: #999999; + --vscode-editorBracketMatch-background: rgba(0, 100, 0, 0.1); + --vscode-editorBracketMatch-border: #888888; + --vscode-editorOverviewRuler-border: rgba(127, 127, 127, 0.3); + --vscode-editorGutter-background: #390000; + --vscode-editorUnnecessaryCode-opacity: rgba(0, 0, 0, 0.67); + --vscode-editorGhostText-foreground: rgba(255, 255, 255, 0.34); + --vscode-editorOverviewRuler-rangeHighlightForeground: rgba(0, 122, 204, 0.6); + --vscode-editorOverviewRuler-errorForeground: rgba(255, 18, 18, 0.7); + --vscode-editorOverviewRuler-warningForeground: #cca700; + --vscode-editorOverviewRuler-infoForeground: #3794ff; + --vscode-editorBracketHighlight-foreground1: #ffd700; + --vscode-editorBracketHighlight-foreground2: #da70d6; + --vscode-editorBracketHighlight-foreground3: #179fff; + --vscode-editorBracketHighlight-foreground4: rgba(0, 0, 0, 0); + --vscode-editorBracketHighlight-foreground5: rgba(0, 0, 0, 0); + --vscode-editorBracketHighlight-foreground6: rgba(0, 0, 0, 0); + --vscode-editorBracketHighlight-unexpectedBracket\.foreground: rgba( + 255, + 18, + 18, + 0.8 + ); + --vscode-editorBracketPairGuide-background1: rgba(0, 0, 0, 0); + --vscode-editorBracketPairGuide-background2: rgba(0, 0, 0, 0); + --vscode-editorBracketPairGuide-background3: rgba(0, 0, 0, 0); + --vscode-editorBracketPairGuide-background4: rgba(0, 0, 0, 0); + --vscode-editorBracketPairGuide-background5: rgba(0, 0, 0, 0); + --vscode-editorBracketPairGuide-background6: rgba(0, 0, 0, 0); + --vscode-editorBracketPairGuide-activeBackground1: rgba(0, 0, 0, 0); + --vscode-editorBracketPairGuide-activeBackground2: rgba(0, 0, 0, 0); + --vscode-editorBracketPairGuide-activeBackground3: rgba(0, 0, 0, 0); + --vscode-editorBracketPairGuide-activeBackground4: rgba(0, 0, 0, 0); + --vscode-editorBracketPairGuide-activeBackground5: rgba(0, 0, 0, 0); + --vscode-editorBracketPairGuide-activeBackground6: rgba(0, 0, 0, 0); + --vscode-editorUnicodeHighlight-border: #bd9b03; + --vscode-editorUnicodeHighlight-background: rgba(189, 155, 3, 0.15); + --vscode-symbolIcon-arrayForeground: #cccccc; + --vscode-symbolIcon-booleanForeground: #cccccc; + --vscode-symbolIcon-classForeground: #ee9d28; + --vscode-symbolIcon-colorForeground: #cccccc; + --vscode-symbolIcon-constantForeground: #cccccc; + --vscode-symbolIcon-constructorForeground: #b180d7; + --vscode-symbolIcon-enumeratorForeground: #ee9d28; + --vscode-symbolIcon-enumeratorMemberForeground: #75beff; + --vscode-symbolIcon-eventForeground: #ee9d28; + --vscode-symbolIcon-fieldForeground: #75beff; + --vscode-symbolIcon-fileForeground: #cccccc; + --vscode-symbolIcon-folderForeground: #cccccc; + --vscode-symbolIcon-functionForeground: #b180d7; + --vscode-symbolIcon-interfaceForeground: #75beff; + --vscode-symbolIcon-keyForeground: #cccccc; + --vscode-symbolIcon-keywordForeground: #cccccc; + --vscode-symbolIcon-methodForeground: #b180d7; + --vscode-symbolIcon-moduleForeground: #cccccc; + --vscode-symbolIcon-namespaceForeground: #cccccc; + --vscode-symbolIcon-nullForeground: #cccccc; + --vscode-symbolIcon-numberForeground: #cccccc; + --vscode-symbolIcon-objectForeground: #cccccc; + --vscode-symbolIcon-operatorForeground: #cccccc; + --vscode-symbolIcon-packageForeground: #cccccc; + --vscode-symbolIcon-propertyForeground: #cccccc; + --vscode-symbolIcon-referenceForeground: #cccccc; + --vscode-symbolIcon-snippetForeground: #cccccc; + --vscode-symbolIcon-stringForeground: #cccccc; + --vscode-symbolIcon-structForeground: #cccccc; + --vscode-symbolIcon-textForeground: #cccccc; + --vscode-symbolIcon-typeParameterForeground: #cccccc; + --vscode-symbolIcon-unitForeground: #cccccc; + --vscode-symbolIcon-variableForeground: #75beff; + --vscode-editorHoverWidget-highlightForeground: #ff4444; + --vscode-editorOverviewRuler-bracketMatchForeground: #a0a0a0; + --vscode-editor-foldBackground: rgba(117, 0, 0, 0.3); + --vscode-editorGutter-foldingControlForeground: #c5c5c5; + --vscode-editor-linkedEditingBackground: rgba(255, 0, 0, 0.3); + --vscode-editor-wordHighlightBackground: rgba(87, 87, 87, 0.72); + --vscode-editor-wordHighlightStrongBackground: rgba(0, 73, 114, 0.72); + --vscode-editorOverviewRuler-wordHighlightForeground: rgba( + 160, + 160, + 160, + 0.8 + ); + --vscode-editorOverviewRuler-wordHighlightStrongForeground: rgba( + 192, + 160, + 192, + 0.8 + ); + --vscode-peekViewTitle-background: #550000; + --vscode-peekViewTitleLabel-foreground: #ffffff; + --vscode-peekViewTitleDescription-foreground: rgba(204, 204, 204, 0.7); + --vscode-peekView-border: rgba(255, 0, 0, 0.27); + --vscode-peekViewResult-background: #400000; + --vscode-peekViewResult-lineForeground: #bbbbbb; + --vscode-peekViewResult-fileForeground: #ffffff; + --vscode-peekViewResult-selectionBackground: rgba(51, 153, 255, 0.2); + --vscode-peekViewResult-selectionForeground: #ffffff; + --vscode-peekViewEditor-background: #300000; + --vscode-peekViewEditorGutter-background: #300000; + --vscode-peekViewResult-matchHighlightBackground: rgba(234, 92, 0, 0.3); + --vscode-peekViewEditor-matchHighlightBackground: rgba(255, 143, 0, 0.6); + --vscode-editorMarkerNavigationError-background: #f14c4c; + --vscode-editorMarkerNavigationError-headerBackground: rgba(241, 76, 76, 0.1); + --vscode-editorMarkerNavigationWarning-background: #cca700; + --vscode-editorMarkerNavigationWarning-headerBackground: rgba( + 204, + 167, + 0, + 0.1 + ); + --vscode-editorMarkerNavigationInfo-background: #3794ff; + --vscode-editorMarkerNavigationInfo-headerBackground: rgba(55, 148, 255, 0.1); + --vscode-editorMarkerNavigation-background: #390000; + --vscode-editorSuggestWidget-background: #300000; + --vscode-editorSuggestWidget-border: #220000; + --vscode-editorSuggestWidget-foreground: #f8f8f8; + --vscode-editorSuggestWidget-selectedForeground: #ffffff; + --vscode-editorSuggestWidget-selectedBackground: #660000; + --vscode-editorSuggestWidget-highlightForeground: #ff4444; + --vscode-editorSuggestWidget-focusHighlightForeground: #ff4444; + --vscode-editorSuggestWidgetStatus-foreground: rgba(248, 248, 248, 0.5); + --vscode-tab-activeBackground: #490000; + --vscode-tab-unfocusedActiveBackground: #490000; + --vscode-tab-inactiveBackground: #300a0a; + --vscode-tab-unfocusedInactiveBackground: #300a0a; + --vscode-tab-activeForeground: #ffffff; + --vscode-tab-inactiveForeground: rgba(255, 255, 255, 0.5); + --vscode-tab-unfocusedActiveForeground: rgba(255, 255, 255, 0.5); + --vscode-tab-unfocusedInactiveForeground: rgba(255, 255, 255, 0.25); + --vscode-tab-border: #252526; + --vscode-tab-lastPinnedBorder: rgba(255, 0, 0, 0.27); + --vscode-tab-activeModifiedBorder: #3399cc; + --vscode-tab-inactiveModifiedBorder: rgba(51, 153, 204, 0.5); + --vscode-tab-unfocusedActiveModifiedBorder: rgba(51, 153, 204, 0.5); + --vscode-tab-unfocusedInactiveModifiedBorder: rgba(51, 153, 204, 0.25); + --vscode-editorPane-background: #390000; + --vscode-editorGroupHeader-tabsBackground: #330000; + --vscode-editorGroupHeader-noTabsBackground: #390000; + --vscode-editorGroup-border: rgba(255, 102, 102, 0.2); + --vscode-editorGroup-dropBackground: rgba(83, 89, 93, 0.5); + --vscode-editorGroup-dropIntoPromptForeground: #cccccc; + --vscode-editorGroup-dropIntoPromptBackground: #300000; + --vscode-sideBySideEditor-horizontalBorder: rgba(255, 102, 102, 0.2); + --vscode-sideBySideEditor-verticalBorder: rgba(255, 102, 102, 0.2); + --vscode-panel-background: #390000; + --vscode-panel-border: rgba(128, 128, 128, 0.35); + --vscode-panelTitle-activeForeground: #e7e7e7; + --vscode-panelTitle-inactiveForeground: rgba(231, 231, 231, 0.6); + --vscode-panelTitle-activeBorder: #e7e7e7; + --vscode-panel-dropBorder: #e7e7e7; + --vscode-panelSection-dropBackground: rgba(83, 89, 93, 0.5); + --vscode-panelSectionHeader-background: rgba(128, 128, 128, 0.2); + --vscode-panelSection-border: rgba(128, 128, 128, 0.35); + --vscode-banner-background: #880000; + --vscode-banner-foreground: #ffffff; + --vscode-banner-iconForeground: #3794ff; + --vscode-statusBar-foreground: #ffffff; + --vscode-statusBar-noFolderForeground: #ffffff; + --vscode-statusBar-background: #700000; + --vscode-statusBar-noFolderBackground: #700000; + --vscode-statusBar-focusBorder: #ffffff; + --vscode-statusBarItem-activeBackground: rgba(255, 255, 255, 0.18); + --vscode-statusBarItem-focusBorder: #ffffff; + --vscode-statusBarItem-hoverBackground: rgba(255, 255, 255, 0.12); + --vscode-statusBarItem-compactHoverBackground: rgba(255, 255, 255, 0.2); + --vscode-statusBarItem-prominentForeground: #ffffff; + --vscode-statusBarItem-prominentBackground: rgba(0, 0, 0, 0.5); + --vscode-statusBarItem-prominentHoverBackground: rgba(0, 0, 0, 0.3); + --vscode-statusBarItem-errorBackground: #ff2626; + --vscode-statusBarItem-errorForeground: #ffffff; + --vscode-statusBarItem-warningBackground: #7a6400; + --vscode-statusBarItem-warningForeground: #ffffff; + --vscode-activityBar-background: #580000; + --vscode-activityBar-foreground: #ffffff; + --vscode-activityBar-inactiveForeground: rgba(255, 255, 255, 0.4); + --vscode-activityBar-activeBorder: #ffffff; + --vscode-activityBar-dropBorder: #ffffff; + --vscode-activityBarBadge-background: #007acc; + --vscode-activityBarBadge-foreground: #ffffff; + --vscode-statusBarItem-remoteBackground: #cc3333; + --vscode-statusBarItem-remoteForeground: #ffffff; + --vscode-extensionBadge-remoteBackground: #007acc; + --vscode-extensionBadge-remoteForeground: #ffffff; + --vscode-sideBar-background: #330000; + --vscode-sideBar-dropBackground: rgba(83, 89, 93, 0.5); + --vscode-sideBarSectionHeader-background: rgba(128, 128, 128, 0.2); + --vscode-titleBar-activeForeground: #cccccc; + --vscode-titleBar-inactiveForeground: rgba(204, 204, 204, 0.6); + --vscode-titleBar-activeBackground: #770000; + --vscode-titleBar-inactiveBackground: #772222; + --vscode-menubar-selectionForeground: #cccccc; + --vscode-menubar-selectionBackground: rgba(90, 93, 94, 0.31); + --vscode-notifications-foreground: #cccccc; + --vscode-notifications-background: #300000; + --vscode-notificationLink-foreground: #3794ff; + --vscode-notificationCenterHeader-background: #3e0000; + --vscode-notifications-border: #3e0000; + --vscode-notificationsErrorIcon-foreground: #f14c4c; + --vscode-notificationsWarningIcon-foreground: #cca700; + --vscode-notificationsInfoIcon-foreground: #3794ff; + --vscode-commandCenter-foreground: #cccccc; + --vscode-commandCenter-activeForeground: #cccccc; + --vscode-commandCenter-activeBackground: rgba(90, 93, 94, 0.31); + --vscode-commandCenter-border: rgba(128, 128, 128, 0.35); + --vscode-editorCommentsWidget-resolvedBorder: rgba(204, 204, 204, 0.5); + --vscode-editorCommentsWidget-unresolvedBorder: rgba(255, 0, 0, 0.27); + --vscode-editorCommentsWidget-rangeBackground: rgba(255, 0, 0, 0.03); + --vscode-editorCommentsWidget-rangeBorder: rgba(255, 0, 0, 0.11); + --vscode-editorCommentsWidget-rangeActiveBackground: rgba(255, 0, 0, 0.03); + --vscode-editorCommentsWidget-rangeActiveBorder: rgba(255, 0, 0, 0.11); + --vscode-editorGutter-commentRangeForeground: #c5c5c5; + --vscode-debugToolBar-background: #660000; + --vscode-debugIcon-startForeground: #89d185; + --vscode-editor-stackFrameHighlightBackground: rgba(255, 255, 0, 0.2); + --vscode-editor-focusedStackFrameHighlightBackground: rgba( + 122, + 189, + 122, + 0.3 + ); + --vscode-mergeEditor-change\.background: rgba(155, 185, 85, 0.2); + --vscode-mergeEditor-change\.word\.background: rgba(155, 185, 85, 0.12); + --vscode-mergeEditor-conflict\.unhandledUnfocused\.border: rgba( + 255, + 166, + 0, + 0.48 + ); + --vscode-mergeEditor-conflict\.unhandledFocused\.border: #ffa600; + --vscode-mergeEditor-conflict\.handledUnfocused\.border: rgba( + 134, + 134, + 134, + 0.29 + ); + --vscode-mergeEditor-conflict\.handledFocused\.border: rgba( + 193, + 193, + 193, + 0.8 + ); + --vscode-mergeEditor-conflict\.handled\.minimapOverViewRuler: rgba( + 173, + 172, + 168, + 0.93 + ); + --vscode-mergeEditor-conflict\.unhandled\.minimapOverViewRuler: #fcba03; + --vscode-settings-headerForeground: #e7e7e7; + --vscode-settings-modifiedItemIndicator: #0c7d9d; + --vscode-settings-headerBorder: rgba(128, 128, 128, 0.35); + --vscode-settings-sashBorder: rgba(128, 128, 128, 0.35); + --vscode-settings-dropdownBackground: #580000; + --vscode-settings-dropdownForeground: #f0f0f0; + --vscode-settings-dropdownBorder: #580000; + --vscode-settings-dropdownListBorder: #454545; + --vscode-settings-checkboxBackground: #580000; + --vscode-settings-checkboxForeground: #f0f0f0; + --vscode-settings-checkboxBorder: #580000; + --vscode-settings-textInputBackground: #580000; + --vscode-settings-textInputForeground: #cccccc; + --vscode-settings-numberInputBackground: #580000; + --vscode-settings-numberInputForeground: #cccccc; + --vscode-settings-focusedRowBackground: rgba(128, 0, 0, 0.6); + --vscode-settings-rowHoverBackground: rgba(128, 0, 0, 0.3); + --vscode-settings-focusedRowBorder: rgba(255, 255, 255, 0.12); + --vscode-terminal-foreground: #cccccc; + --vscode-terminal-selectionBackground: #750000; + --vscode-terminalCommandDecoration-defaultBackground: rgba( + 255, + 255, + 255, + 0.25 + ); + --vscode-terminalCommandDecoration-successBackground: #1b81a8; + --vscode-terminalCommandDecoration-errorBackground: #f14c4c; + --vscode-terminalOverviewRuler-cursorForeground: rgba(160, 160, 160, 0.8); + --vscode-terminal-border: rgba(128, 128, 128, 0.35); + --vscode-terminal-findMatchBackground: #515c6a; + --vscode-terminal-findMatchHighlightBackground: rgba(234, 92, 0, 0.33); + --vscode-terminalOverviewRuler-findMatchForeground: rgba(209, 134, 22, 0.49); + --vscode-terminal-dropBackground: rgba(83, 89, 93, 0.5); + --vscode-testing-iconFailed: #f14c4c; + --vscode-testing-iconErrored: #f14c4c; + --vscode-testing-iconPassed: #73c991; + --vscode-testing-runAction: #73c991; + --vscode-testing-iconQueued: #cca700; + --vscode-testing-iconUnset: #848484; + --vscode-testing-iconSkipped: #848484; + --vscode-testing-peekBorder: #f14c4c; + --vscode-testing-peekHeaderBackground: rgba(241, 76, 76, 0.1); + --vscode-testing-message\.error\.decorationForeground: #f14c4c; + --vscode-testing-message\.error\.lineBackground: rgba(255, 0, 0, 0.2); + --vscode-testing-message\.info\.decorationForeground: rgba( + 248, + 248, + 248, + 0.5 + ); + --vscode-welcomePage-tileBackground: #300000; + --vscode-welcomePage-tileHoverBackground: #3a0000; + --vscode-welcomePage-tileShadow: rgba(0, 0, 0, 0.36); + --vscode-welcomePage-progress\.background: #580000; + --vscode-welcomePage-progress\.foreground: #3794ff; + --vscode-debugExceptionWidget-border: #a31515; + --vscode-debugExceptionWidget-background: #420b0d; + --vscode-ports-iconRunningProcessForeground: #db7e58; + --vscode-statusBar-debuggingBackground: #cc6633; + --vscode-statusBar-debuggingForeground: #ffffff; + --vscode-editor-inlineValuesForeground: rgba(255, 255, 255, 0.5); + --vscode-editor-inlineValuesBackground: rgba(255, 200, 0, 0.2); + --vscode-editorGutter-modifiedBackground: #1b81a8; + --vscode-editorGutter-addedBackground: #487e02; + --vscode-editorGutter-deletedBackground: #f14c4c; + --vscode-minimapGutter-modifiedBackground: #1b81a8; + --vscode-minimapGutter-addedBackground: #487e02; + --vscode-minimapGutter-deletedBackground: #f14c4c; + --vscode-editorOverviewRuler-modifiedForeground: rgba(27, 129, 168, 0.6); + --vscode-editorOverviewRuler-addedForeground: rgba(72, 126, 2, 0.6); + --vscode-editorOverviewRuler-deletedForeground: rgba(241, 76, 76, 0.6); + --vscode-debugIcon-breakpointForeground: #e51400; + --vscode-debugIcon-breakpointDisabledForeground: #848484; + --vscode-debugIcon-breakpointUnverifiedForeground: #848484; + --vscode-debugIcon-breakpointCurrentStackframeForeground: #ffcc00; + --vscode-debugIcon-breakpointStackframeForeground: #89d185; + --vscode-notebook-cellBorderColor: #770000; + --vscode-notebook-focusedEditorBorder: rgba(255, 102, 102, 0.67); + --vscode-notebookStatusSuccessIcon-foreground: #89d185; + --vscode-notebookStatusErrorIcon-foreground: #ffeaea; + --vscode-notebookStatusRunningIcon-foreground: #cccccc; + --vscode-notebook-cellToolbarSeparator: rgba(128, 128, 128, 0.35); + --vscode-notebook-selectedCellBackground: #770000; + --vscode-notebook-selectedCellBorder: #770000; + --vscode-notebook-focusedCellBorder: rgba(255, 102, 102, 0.67); + --vscode-notebook-inactiveFocusedCellBorder: #770000; + --vscode-notebook-cellStatusBarItemHoverBackground: rgba(255, 255, 255, 0.15); + --vscode-notebook-cellInsertionIndicator: rgba(255, 102, 102, 0.67); + --vscode-notebookScrollbarSlider-background: rgba(121, 121, 121, 0.4); + --vscode-notebookScrollbarSlider-hoverBackground: rgba(100, 100, 100, 0.7); + --vscode-notebookScrollbarSlider-activeBackground: rgba(191, 191, 191, 0.4); + --vscode-notebook-symbolHighlightBackground: rgba(255, 255, 255, 0.04); + --vscode-notebook-cellEditorBackground: #330000; + --vscode-notebook-editorBackground: #390000; + --vscode-keybindingTable-headerBackground: rgba(204, 204, 204, 0.04); + --vscode-keybindingTable-rowsBackground: rgba(204, 204, 204, 0.04); + --vscode-scm-providerBorder: #454545; + --vscode-debugTokenExpression-name: #c586c0; + --vscode-debugTokenExpression-value: rgba(204, 204, 204, 0.6); + --vscode-debugTokenExpression-string: #ce9178; + --vscode-debugTokenExpression-boolean: #4e94ce; + --vscode-debugTokenExpression-number: #b5cea8; + --vscode-debugTokenExpression-error: #f48771; + --vscode-debugView-exceptionLabelForeground: #cccccc; + --vscode-debugView-exceptionLabelBackground: #6c2022; + --vscode-debugView-stateLabelForeground: #cccccc; + --vscode-debugView-stateLabelBackground: rgba(136, 136, 136, 0.27); + --vscode-debugView-valueChangedHighlight: #569cd6; + --vscode-debugConsole-infoForeground: #3794ff; + --vscode-debugConsole-warningForeground: #cca700; + --vscode-debugConsole-errorForeground: #ffeaea; + --vscode-debugConsole-sourceForeground: #cccccc; + --vscode-debugConsoleInputIcon-foreground: #cccccc; + --vscode-debugIcon-pauseForeground: #75beff; + --vscode-debugIcon-stopForeground: #f48771; + --vscode-debugIcon-disconnectForeground: #f48771; + --vscode-debugIcon-restartForeground: #89d185; + --vscode-debugIcon-stepOverForeground: #75beff; + --vscode-debugIcon-stepIntoForeground: #75beff; + --vscode-debugIcon-stepOutForeground: #75beff; + --vscode-debugIcon-continueForeground: #75beff; + --vscode-debugIcon-stepBackForeground: #75beff; + --vscode-extensionButton-prominentBackground: #cc3333; + --vscode-extensionButton-prominentForeground: #ffffff; + --vscode-extensionButton-prominentHoverBackground: rgba(204, 51, 51, 0.53); + --vscode-extensionIcon-starForeground: #ff8e00; + --vscode-extensionIcon-verifiedForeground: #3794ff; + --vscode-extensionIcon-preReleaseForeground: #1d9271; + --vscode-extensionIcon-sponsorForeground: #d758b3; + --vscode-terminal-ansiBlack: #000000; + --vscode-terminal-ansiRed: #cd3131; + --vscode-terminal-ansiGreen: #0dbc79; + --vscode-terminal-ansiYellow: #e5e510; + --vscode-terminal-ansiBlue: #2472c8; + --vscode-terminal-ansiMagenta: #bc3fbc; + --vscode-terminal-ansiCyan: #11a8cd; + --vscode-terminal-ansiWhite: #e5e5e5; + --vscode-terminal-ansiBrightBlack: #666666; + --vscode-terminal-ansiBrightRed: #f14c4c; + --vscode-terminal-ansiBrightGreen: #23d18b; + --vscode-terminal-ansiBrightYellow: #f5f543; + --vscode-terminal-ansiBrightBlue: #3b8eea; + --vscode-terminal-ansiBrightMagenta: #d670d6; + --vscode-terminal-ansiBrightCyan: #29b8db; + --vscode-terminal-ansiBrightWhite: #e5e5e5; + --vscode-interactive-activeCodeBorder: rgba(255, 0, 0, 0.27); + --vscode-interactive-inactiveCodeBorder: #770000; + --vscode-gitDecoration-addedResourceForeground: #81b88b; + --vscode-gitDecoration-modifiedResourceForeground: #e2c08d; + --vscode-gitDecoration-deletedResourceForeground: #c74e39; + --vscode-gitDecoration-renamedResourceForeground: #73c991; + --vscode-gitDecoration-untrackedResourceForeground: #73c991; + --vscode-gitDecoration-ignoredResourceForeground: #8c8c8c; + --vscode-gitDecoration-stageModifiedResourceForeground: #e2c08d; + --vscode-gitDecoration-stageDeletedResourceForeground: #c74e39; + --vscode-gitDecoration-conflictingResourceForeground: #e4676b; + --vscode-gitDecoration-submoduleResourceForeground: #8db9e2; + --vscode-dvc-deps: #b079e7; + --vscode-dvc-metrics: #fbd38d; + --vscode-dvc-params: #90cdf4; + --vscode-dvc-workspaceChanged: #e2c08d; + // ::root + --background: #1e1e1e; + --border-width: 1; + --contrast-active-border: #f38518; + --contrast-border: #6fc3df; + --corner-radius: 0; + --design-unit: 4; + --disabled-opacity: 0.4; + --focus-border: #007fd4; + --font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, + Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; + --font-weight: 400; + --foreground: #cccccc; + --input-height: 26; + --input-min-width: 100px; + --type-ramp-base-font-size: 13px; + --type-ramp-base-line-height: normal; + --type-ramp-minus1-font-size: 11px; + --type-ramp-minus1-line-height: 16px; + --type-ramp-minus2-font-size: 9px; + --type-ramp-minus2-line-height: 16px; + --type-ramp-plus1-font-size: 16px; + --type-ramp-plus1-line-height: 24px; + --scrollbarWidth: 10px; + --scrollbarHeight: 10px; + --scrollbar-slider-background: #79797966; + --scrollbar-slider-hover-background: #646464b3; + --scrollbar-slider-active-background: #bfbfbf66; + --badge-background: #4d4d4d; + --badge-foreground: #ffffff; + --button-border: transparent; + --button-icon-background: transparent; + --button-icon-corner-radius: 5px; + --button-icon-outline-offset: 0; + --button-icon-hover-background: rgba(90, 93, 94, 0.31); + --button-icon-padding: 3px; + --button-primary-background: #0e639c; + --button-primary-foreground: #ffffff; + --button-primary-hover-background: #1177bb; + --button-secondary-background: #3a3d41; + --button-secondary-foreground: #ffffff; + --button-secondary-hover-background: #45494e; + --button-padding-horizontal: 11px; + --button-padding-vertical: 4px; + --checkbox-background: #3c3c3c; + --checkbox-border: #3c3c3c; + --checkbox-corner-radius: 3; + --checkbox-foreground: #f0f0f0; + --list-active-selection-background: #094771; + --list-active-selection-foreground: #ffffff; + --list-hover-background: #2a2d2e; + --divider-background: #454545; + --dropdown-background: #3c3c3c; + --dropdown-border: #3c3c3c; + --dropdown-foreground: #f0f0f0; + --dropdown-list-max-height: 200px; + --input-background: #3c3c3c; + --input-foreground: #cccccc; + --input-placeholder-foreground: #cccccc; + --link-active-foreground: #3794ff; + --link-foreground: #3794ff; + --progress-background: #0e70c0; + --panel-tab-active-border: #e7e7e7; + --panel-tab-active-foreground: #e7e7e7; + --panel-tab-foreground: #e7e7e799; + --panel-view-background: #1e1e1e; + --panel-view-border: #80808059; + --tag-corner-radius: 2px; +} + +.vscode-high-contrast-light { + // body.vscode-high-contrast-light + --contrast-active-border: transparent; + --font-family: system-ui, 'Ubuntu', 'Droid Sans', sans-serif; + --font-weight: normal; + --scrollbar-slider-background: rgba(15, 74, 133, 0.4); + --scrollbar-slider-hover-background: rgba(15, 74, 133, 0.8); + --scrollbar-slider-active-background: #0f4a85; + --list-active-selection-background: rgba(15, 74, 133, 0.1); + --input-placeholder-foreground: rgba(41, 41, 41, 0.7); + --panel-tab-foreground: #292929; + --panel-view-border: #0f4a85; + --background: #ffffff; + --focus-border: #0f4a85; + --badge-background: #0f4a85; + --button-primary-background: #0f4a85; + --checkbox-background: #ffffff; + --checkbox-border: #0f4a85; + --list-hover-background: rgba(15, 74, 133, 0.1); + --dropdown-background: #ffffff; + --dropdown-border: #0f4a85; + --input-background: #ffffff; + --panel-view-background: #ffffff; + --progress-background: #0f4a85; + --contrast-border: #0f4a85; + --foreground: #292929; + --button-border: #0f4a85; + --button-secondary-background: #ffffff; + --button-secondary-foreground: #292929; + --checkbox-foreground: #292929; + --divider-background: #0f4a85; + --dropdown-foreground: #292929; + --input-foreground: #292929; + --link-active-foreground: #0f4a85; + --link-foreground: #0f4a85; + --panel-tab-active-border: #b5200d; + --panel-tab-active-foreground: #292929; + // html + --vscode-font-family: system-ui, 'Ubuntu', 'Droid Sans', sans-serif; + --vscode-font-weight: normal; + --vscode-font-size: 13px; + --vscode-editor-font-family: 'Droid Sans Mono', 'monospace', monospace; + --vscode-editor-font-weight: normal; + --vscode-editor-font-size: 14px; + --vscode-foreground: #292929; + --vscode-disabledForeground: #7f7f7f; + --vscode-errorForeground: #b5200d; + --vscode-descriptionForeground: rgba(41, 41, 41, 0.7); + --vscode-icon-foreground: #292929; + --vscode-focusBorder: #0f4a85; + --vscode-contrastBorder: #0f4a85; + --vscode-contrastActiveBorder: #0f4a85; + --vscode-textSeparator-foreground: #292929; + --vscode-textLink-foreground: #0f4a85; + --vscode-textLink-activeForeground: #0f4a85; + --vscode-textPreformat-foreground: #292929; + --vscode-textBlockQuote-background: #f2f2f2; + --vscode-textBlockQuote-border: #292929; + --vscode-textCodeBlock-background: #f2f2f2; + --vscode-input-background: #ffffff; + --vscode-input-foreground: #292929; + --vscode-input-border: #0f4a85; + --vscode-inputOption-activeBorder: #0f4a85; + --vscode-inputOption-activeBackground: rgba(0, 0, 0, 0); + --vscode-inputOption-activeForeground: #292929; + --vscode-input-placeholderForeground: rgba(41, 41, 41, 0.7); + --vscode-inputValidation-infoBackground: #ffffff; + --vscode-inputValidation-infoForeground: #292929; + --vscode-inputValidation-infoBorder: #0f4a85; + --vscode-inputValidation-warningBackground: #ffffff; + --vscode-inputValidation-warningForeground: #292929; + --vscode-inputValidation-warningBorder: #0f4a85; + --vscode-inputValidation-errorBackground: #ffffff; + --vscode-inputValidation-errorForeground: #292929; + --vscode-inputValidation-errorBorder: #0f4a85; + --vscode-dropdown-background: #ffffff; + --vscode-dropdown-listBackground: #ffffff; + --vscode-dropdown-foreground: #292929; + --vscode-dropdown-border: #0f4a85; + --vscode-checkbox-background: #ffffff; + --vscode-checkbox-foreground: #292929; + --vscode-checkbox-border: #0f4a85; + --vscode-button-foreground: #ffffff; + --vscode-button-background: #0f4a85; + --vscode-button-border: #0f4a85; + --vscode-button-secondaryForeground: #292929; + --vscode-button-secondaryBackground: #ffffff; + --vscode-badge-background: #0f4a85; + --vscode-badge-foreground: #ffffff; + --vscode-scrollbarSlider-background: rgba(15, 74, 133, 0.4); + --vscode-scrollbarSlider-hoverBackground: rgba(15, 74, 133, 0.8); + --vscode-scrollbarSlider-activeBackground: #0f4a85; + --vscode-progressBar-background: #0f4a85; + --vscode-editorError-foreground: #b5200d; + --vscode-editorError-border: #b5200d; + --vscode-editorWarning-foreground: #895503; + --vscode-editorWarning-border: #ff0000; + --vscode-editorInfo-foreground: #1a85ff; + --vscode-editorInfo-border: #292929; + --vscode-editorHint-border: #292929; + --vscode-sash-hoverBorder: #0f4a85; + --vscode-editor-background: #ffffff; + --vscode-editor-foreground: #292929; + --vscode-editorWidget-background: #ffffff; + --vscode-editorWidget-foreground: #292929; + --vscode-editorWidget-border: #0f4a85; + --vscode-quickInput-background: #ffffff; + --vscode-quickInput-foreground: #292929; + --vscode-quickInputTitle-background: #ffffff; + --vscode-pickerGroup-foreground: #0f4a85; + --vscode-pickerGroup-border: #0f4a85; + --vscode-keybindingLabel-background: rgba(0, 0, 0, 0); + --vscode-keybindingLabel-foreground: #292929; + --vscode-keybindingLabel-border: #0f4a85; + --vscode-keybindingLabel-bottomBorder: #292929; + --vscode-editor-selectionBackground: #0f4a85; + --vscode-editor-selectionForeground: #ffffff; + --vscode-editor-inactiveSelectionBackground: rgba(15, 74, 133, 0.5); + --vscode-editor-selectionHighlightBorder: #0f4a85; + --vscode-editor-findMatchBorder: #0f4a85; + --vscode-editor-findMatchHighlightBorder: #0f4a85; + --vscode-editor-findRangeHighlightBorder: rgba(15, 74, 133, 0.4); + --vscode-searchEditor-findMatchBorder: #0f4a85; + --vscode-editorHoverWidget-background: #ffffff; + --vscode-editorHoverWidget-foreground: #292929; + --vscode-editorHoverWidget-border: #0f4a85; + --vscode-editorHoverWidget-statusBarBackground: #ffffff; + --vscode-editorLink-activeForeground: #292929; + --vscode-editorInlayHint-foreground: #ffffff; + --vscode-editorInlayHint-background: #0f4a85; + --vscode-editorInlayHint-typeForeground: #ffffff; + --vscode-editorInlayHint-typeBackground: #0f4a85; + --vscode-editorInlayHint-parameterForeground: #ffffff; + --vscode-editorInlayHint-parameterBackground: #0f4a85; + --vscode-editorLightBulb-foreground: #007acc; + --vscode-editorLightBulbAutoFix-foreground: #007acc; + --vscode-diffEditor-insertedTextBorder: #374e06; + --vscode-diffEditor-removedTextBorder: #ad0707; + --vscode-diffEditor-border: #0f4a85; + --vscode-list-focusOutline: #0f4a85; + --vscode-list-activeSelectionBackground: rgba(15, 74, 133, 0.1); + --vscode-list-inactiveSelectionBackground: rgba(15, 74, 133, 0.1); + --vscode-list-hoverBackground: rgba(15, 74, 133, 0.1); + --vscode-list-highlightForeground: #0f4a85; + --vscode-list-focusHighlightForeground: #0f4a85; + --vscode-list-invalidItemForeground: #b5200d; + --vscode-listFilterWidget-background: #ffffff; + --vscode-listFilterWidget-outline: #007acc; + --vscode-listFilterWidget-noMatchesOutline: #0f4a85; + --vscode-list-filterMatchBorder: #0f4a85; + --vscode-tree-indentGuidesStroke: #a5a5a5; + --vscode-list-deemphasizedForeground: #666666; + --vscode-menu-border: #0f4a85; + --vscode-menu-foreground: #292929; + --vscode-menu-background: #ffffff; + --vscode-menu-selectionBackground: rgba(15, 74, 133, 0.1); + --vscode-menu-selectionBorder: #0f4a85; + --vscode-menu-separatorBackground: #0f4a85; + --vscode-toolbar-hoverOutline: #0f4a85; + --vscode-editor-snippetTabstopHighlightBackground: rgba(10, 50, 100, 0.2); + --vscode-editor-snippetFinalTabstopHighlightBorder: #292929; + --vscode-breadcrumb-foreground: rgba(41, 41, 41, 0.8); + --vscode-breadcrumb-background: #ffffff; + --vscode-breadcrumb-focusForeground: #2d2d2d; + --vscode-breadcrumb-activeSelectionForeground: #2d2d2d; + --vscode-breadcrumbPicker-background: #ffffff; + --vscode-merge-border: #007acc; + --vscode-editorOverviewRuler-currentContentForeground: #007acc; + --vscode-editorOverviewRuler-incomingContentForeground: #007acc; + --vscode-editorOverviewRuler-commonContentForeground: #007acc; + --vscode-editorOverviewRuler-selectionHighlightForeground: rgba( + 160, + 160, + 160, + 0.8 + ); + --vscode-minimap-findMatchHighlight: #0f4a85; + --vscode-minimap-selectionOccurrenceHighlight: #0f4a85; + --vscode-minimap-selectionHighlight: #0f4a85; + --vscode-minimap-errorHighlight: #b5200d; + --vscode-minimap-warningHighlight: #ff0000; + --vscode-minimap-foregroundOpacity: #000000; + --vscode-minimapSlider-background: rgba(15, 74, 133, 0.2); + --vscode-minimapSlider-hoverBackground: rgba(15, 74, 133, 0.4); + --vscode-minimapSlider-activeBackground: rgba(15, 74, 133, 0.5); + --vscode-problemsErrorIcon-foreground: #b5200d; + --vscode-problemsWarningIcon-foreground: #895503; + --vscode-problemsInfoIcon-foreground: #1a85ff; + --vscode-charts-foreground: #292929; + --vscode-charts-lines: rgba(41, 41, 41, 0.5); + --vscode-charts-red: #b5200d; + --vscode-charts-blue: #1a85ff; + --vscode-charts-yellow: #895503; + --vscode-charts-orange: #0f4a85; + --vscode-charts-green: #374e06; + --vscode-charts-purple: #652d90; + --vscode-editor-lineHighlightBorder: #0f4a85; + --vscode-editor-rangeHighlightBorder: #0f4a85; + --vscode-editor-symbolHighlightBorder: #0f4a85; + --vscode-editorCursor-foreground: #0f4a85; + --vscode-editorWhitespace-foreground: #cccccc; + --vscode-editorIndentGuide-background: #cccccc; + --vscode-editorIndentGuide-activeBackground: #cccccc; + --vscode-editorLineNumber-foreground: #292929; + --vscode-editorActiveLineNumber-foreground: #0f4a85; + --vscode-editorLineNumber-activeForeground: #0f4a85; + --vscode-editorRuler-foreground: #292929; + --vscode-editorCodeLens-foreground: #292929; + --vscode-editorBracketMatch-background: rgba(0, 0, 0, 0); + --vscode-editorBracketMatch-border: #0f4a85; + --vscode-editorOverviewRuler-border: #666666; + --vscode-editorGutter-background: #ffffff; + --vscode-editorUnnecessaryCode-border: #0f4a85; + --vscode-editorGhostText-border: rgba(41, 41, 41, 0.8); + --vscode-editorOverviewRuler-rangeHighlightForeground: rgba(0, 122, 204, 0.6); + --vscode-editorOverviewRuler-errorForeground: #b5200d; + --vscode-editorOverviewRuler-warningForeground: #ff0000; + --vscode-editorOverviewRuler-infoForeground: #292929; + --vscode-editorBracketHighlight-foreground1: #0431fa; + --vscode-editorBracketHighlight-foreground2: #319331; + --vscode-editorBracketHighlight-foreground3: #7b3814; + --vscode-editorBracketHighlight-foreground4: rgba(0, 0, 0, 0); + --vscode-editorBracketHighlight-foreground5: rgba(0, 0, 0, 0); + --vscode-editorBracketHighlight-foreground6: rgba(0, 0, 0, 0); + --vscode-editorBracketPairGuide-background1: rgba(0, 0, 0, 0); + --vscode-editorBracketPairGuide-background2: rgba(0, 0, 0, 0); + --vscode-editorBracketPairGuide-background3: rgba(0, 0, 0, 0); + --vscode-editorBracketPairGuide-background4: rgba(0, 0, 0, 0); + --vscode-editorBracketPairGuide-background5: rgba(0, 0, 0, 0); + --vscode-editorBracketPairGuide-background6: rgba(0, 0, 0, 0); + --vscode-editorBracketPairGuide-activeBackground1: rgba(0, 0, 0, 0); + --vscode-editorBracketPairGuide-activeBackground2: rgba(0, 0, 0, 0); + --vscode-editorBracketPairGuide-activeBackground3: rgba(0, 0, 0, 0); + --vscode-editorBracketPairGuide-activeBackground4: rgba(0, 0, 0, 0); + --vscode-editorBracketPairGuide-activeBackground5: rgba(0, 0, 0, 0); + --vscode-editorBracketPairGuide-activeBackground6: rgba(0, 0, 0, 0); + --vscode-symbolIcon-arrayForeground: #292929; + --vscode-symbolIcon-booleanForeground: #292929; + --vscode-symbolIcon-classForeground: #d67e00; + --vscode-symbolIcon-colorForeground: #292929; + --vscode-symbolIcon-constantForeground: #292929; + --vscode-symbolIcon-constructorForeground: #652d90; + --vscode-symbolIcon-enumeratorForeground: #d67e00; + --vscode-symbolIcon-enumeratorMemberForeground: #007acc; + --vscode-symbolIcon-eventForeground: #d67e00; + --vscode-symbolIcon-fieldForeground: #007acc; + --vscode-symbolIcon-fileForeground: #292929; + --vscode-symbolIcon-folderForeground: #292929; + --vscode-symbolIcon-functionForeground: #652d90; + --vscode-symbolIcon-interfaceForeground: #007acc; + --vscode-symbolIcon-keyForeground: #292929; + --vscode-symbolIcon-keywordForeground: #292929; + --vscode-symbolIcon-methodForeground: #652d90; + --vscode-symbolIcon-moduleForeground: #292929; + --vscode-symbolIcon-namespaceForeground: #292929; + --vscode-symbolIcon-nullForeground: #292929; + --vscode-symbolIcon-numberForeground: #292929; + --vscode-symbolIcon-objectForeground: #292929; + --vscode-symbolIcon-operatorForeground: #292929; + --vscode-symbolIcon-packageForeground: #292929; + --vscode-symbolIcon-propertyForeground: #292929; + --vscode-symbolIcon-referenceForeground: #292929; + --vscode-symbolIcon-snippetForeground: #292929; + --vscode-symbolIcon-stringForeground: #292929; + --vscode-symbolIcon-structForeground: #292929; + --vscode-symbolIcon-textForeground: #292929; + --vscode-symbolIcon-typeParameterForeground: #292929; + --vscode-symbolIcon-unitForeground: #292929; + --vscode-symbolIcon-variableForeground: #007acc; + --vscode-editorHoverWidget-highlightForeground: #0f4a85; + --vscode-editorOverviewRuler-bracketMatchForeground: #a0a0a0; + --vscode-editorGutter-foldingControlForeground: #292929; + --vscode-editor-linkedEditingBackground: #ffffff; + --vscode-editor-wordHighlightBorder: #0f4a85; + --vscode-editor-wordHighlightStrongBorder: #0f4a85; + --vscode-editorOverviewRuler-wordHighlightForeground: rgba( + 160, + 160, + 160, + 0.8 + ); + --vscode-editorOverviewRuler-wordHighlightStrongForeground: rgba( + 192, + 160, + 192, + 0.8 + ); + --vscode-peekViewTitleLabel-foreground: #292929; + --vscode-peekViewTitleDescription-foreground: #292929; + --vscode-peekView-border: #0f4a85; + --vscode-peekViewResult-background: #ffffff; + --vscode-peekViewResult-lineForeground: #292929; + --vscode-peekViewResult-fileForeground: #292929; + --vscode-peekViewResult-selectionForeground: #292929; + --vscode-peekViewEditor-background: #ffffff; + --vscode-peekViewEditorGutter-background: #ffffff; + --vscode-peekViewEditor-matchHighlightBorder: #0f4a85; + --vscode-editorMarkerNavigationError-background: #0f4a85; + --vscode-editorMarkerNavigationWarning-background: #0f4a85; + --vscode-editorMarkerNavigationWarning-headerBackground: rgba( + 15, + 74, + 133, + 0.2 + ); + --vscode-editorMarkerNavigationInfo-background: #0f4a85; + --vscode-editorMarkerNavigation-background: #ffffff; + --vscode-editorSuggestWidget-background: #ffffff; + --vscode-editorSuggestWidget-border: #0f4a85; + --vscode-editorSuggestWidget-foreground: #292929; + --vscode-editorSuggestWidget-highlightForeground: #0f4a85; + --vscode-editorSuggestWidget-focusHighlightForeground: #0f4a85; + --vscode-editorSuggestWidgetStatus-foreground: rgba(41, 41, 41, 0.5); + --vscode-tab-activeBackground: #ffffff; + --vscode-tab-unfocusedActiveBackground: #ffffff; + --vscode-tab-activeForeground: #292929; + --vscode-tab-inactiveForeground: #292929; + --vscode-tab-unfocusedActiveForeground: #292929; + --vscode-tab-unfocusedInactiveForeground: #292929; + --vscode-tab-border: #0f4a85; + --vscode-tab-lastPinnedBorder: #0f4a85; + --vscode-tab-activeBorderTop: #b5200d; + --vscode-tab-unfocusedActiveBorderTop: #b5200d; + --vscode-tab-unfocusedHoverBorder: #0f4a85; + --vscode-tab-activeModifiedBorder: #0f4a85; + --vscode-tab-inactiveModifiedBorder: #0f4a85; + --vscode-tab-unfocusedActiveModifiedBorder: #0f4a85; + --vscode-tab-unfocusedInactiveModifiedBorder: #0f4a85; + --vscode-editorPane-background: #ffffff; + --vscode-editorGroup-focusedEmptyBorder: #0f4a85; + --vscode-editorGroupHeader-noTabsBackground: #ffffff; + --vscode-editorGroupHeader-border: #0f4a85; + --vscode-editorGroup-border: #0f4a85; + --vscode-editorGroup-dropBackground: rgba(15, 74, 133, 0.5); + --vscode-editorGroup-dropIntoPromptForeground: #292929; + --vscode-editorGroup-dropIntoPromptBackground: #ffffff; + --vscode-editorGroup-dropIntoPromptBorder: #0f4a85; + --vscode-sideBySideEditor-horizontalBorder: #0f4a85; + --vscode-sideBySideEditor-verticalBorder: #0f4a85; + --vscode-panel-background: #ffffff; + --vscode-panel-border: #0f4a85; + --vscode-panelTitle-activeForeground: #292929; + --vscode-panelTitle-inactiveForeground: #292929; + --vscode-panelTitle-activeBorder: #b5200d; + --vscode-panel-dropBorder: #292929; + --vscode-panelSection-dropBackground: rgba(15, 74, 133, 0.5); + --vscode-panelSectionHeader-border: #0f4a85; + --vscode-panelSection-border: #0f4a85; + --vscode-banner-background: rgba(15, 74, 133, 0.1); + --vscode-banner-iconForeground: #1a85ff; + --vscode-statusBar-foreground: #292929; + --vscode-statusBar-noFolderForeground: #292929; + --vscode-statusBar-border: #0f4a85; + --vscode-statusBar-focusBorder: #292929; + --vscode-statusBar-noFolderBorder: #0f4a85; + --vscode-statusBarItem-activeBackground: rgba(0, 0, 0, 0.18); + --vscode-statusBarItem-focusBorder: #0f4a85; + --vscode-statusBarItem-hoverBackground: rgba(0, 0, 0, 0.12); + --vscode-statusBarItem-compactHoverBackground: rgba(0, 0, 0, 0.2); + --vscode-statusBarItem-prominentForeground: #292929; + --vscode-statusBarItem-prominentBackground: rgba(0, 0, 0, 0.5); + --vscode-statusBarItem-errorBackground: #b5200d; + --vscode-statusBarItem-errorForeground: #ffffff; + --vscode-statusBarItem-warningBackground: #895503; + --vscode-statusBarItem-warningForeground: #ffffff; + --vscode-activityBar-background: #ffffff; + --vscode-activityBar-foreground: #292929; + --vscode-activityBar-inactiveForeground: #292929; + --vscode-activityBar-border: #0f4a85; + --vscode-activityBar-activeBorder: #0f4a85; + --vscode-activityBar-activeFocusBorder: #b5200d; + --vscode-activityBarBadge-background: #0f4a85; + --vscode-activityBarBadge-foreground: #ffffff; + --vscode-statusBarItem-remoteBackground: #0f4a85; + --vscode-statusBarItem-remoteForeground: #ffffff; + --vscode-extensionBadge-remoteBackground: #0f4a85; + --vscode-extensionBadge-remoteForeground: #ffffff; + --vscode-sideBar-background: #ffffff; + --vscode-sideBar-border: #0f4a85; + --vscode-sideBar-dropBackground: rgba(15, 74, 133, 0.5); + --vscode-sideBarSectionHeader-border: #0f4a85; + --vscode-titleBar-activeForeground: #292929; + --vscode-titleBar-inactiveForeground: #292929; + --vscode-titleBar-activeBackground: #ffffff; + --vscode-titleBar-border: #0f4a85; + --vscode-menubar-selectionForeground: #292929; + --vscode-menubar-selectionBorder: #0f4a85; + --vscode-notificationCenter-border: #0f4a85; + --vscode-notificationToast-border: #0f4a85; + --vscode-notifications-foreground: #292929; + --vscode-notifications-background: #ffffff; + --vscode-notificationLink-foreground: #0f4a85; + --vscode-notificationCenterHeader-background: #ffffff; + --vscode-notifications-border: #ffffff; + --vscode-notificationsErrorIcon-foreground: #b5200d; + --vscode-notificationsWarningIcon-foreground: #895503; + --vscode-notificationsInfoIcon-foreground: #1a85ff; + --vscode-window-activeBorder: #0f4a85; + --vscode-window-inactiveBorder: #0f4a85; + --vscode-commandCenter-foreground: #292929; + --vscode-commandCenter-activeForeground: #292929; + --vscode-commandCenter-border: #0f4a85; + --vscode-editorCommentsWidget-resolvedBorder: #0f4a85; + --vscode-editorCommentsWidget-unresolvedBorder: #0f4a85; + --vscode-editorCommentsWidget-rangeBackground: rgba(15, 74, 133, 0.1); + --vscode-editorCommentsWidget-rangeBorder: rgba(15, 74, 133, 0.4); + --vscode-editorCommentsWidget-rangeActiveBackground: rgba(15, 74, 133, 0.1); + --vscode-editorCommentsWidget-rangeActiveBorder: rgba(15, 74, 133, 0.2); + --vscode-editorGutter-commentRangeForeground: #c5c5c5; + --vscode-debugToolBar-background: #ffffff; + --vscode-debugIcon-startForeground: #388a34; + --vscode-editor-stackFrameHighlightBackground: rgba(255, 255, 102, 0.45); + --vscode-editor-focusedStackFrameHighlightBackground: rgba( + 206, + 231, + 206, + 0.45 + ); + --vscode-mergeEditor-change\.background: rgba(155, 185, 85, 0.2); + --vscode-mergeEditor-change\.word\.background: rgba(155, 185, 85, 0.12); + --vscode-mergeEditor-conflict\.unhandledUnfocused\.border: rgba( + 255, + 166, + 0, + 0.48 + ); + --vscode-mergeEditor-conflict\.unhandledFocused\.border: #ffa600; + --vscode-mergeEditor-conflict\.handledUnfocused\.border: rgba( + 134, + 134, + 134, + 0.29 + ); + --vscode-mergeEditor-conflict\.handledFocused\.border: rgba( + 193, + 193, + 193, + 0.8 + ); + --vscode-mergeEditor-conflict\.handled\.minimapOverViewRuler: rgba( + 173, + 172, + 168, + 0.93 + ); + --vscode-mergeEditor-conflict\.unhandled\.minimapOverViewRuler: #fcba03; + --vscode-settings-headerForeground: #292929; + --vscode-settings-modifiedItemIndicator: #66afe0; + --vscode-settings-headerBorder: #0f4a85; + --vscode-settings-sashBorder: #0f4a85; + --vscode-settings-dropdownBackground: #ffffff; + --vscode-settings-dropdownForeground: #292929; + --vscode-settings-dropdownBorder: #0f4a85; + --vscode-settings-dropdownListBorder: #0f4a85; + --vscode-settings-checkboxBackground: #ffffff; + --vscode-settings-checkboxForeground: #292929; + --vscode-settings-checkboxBorder: #0f4a85; + --vscode-settings-textInputBackground: #ffffff; + --vscode-settings-textInputForeground: #292929; + --vscode-settings-textInputBorder: #0f4a85; + --vscode-settings-numberInputBackground: #ffffff; + --vscode-settings-numberInputForeground: #292929; + --vscode-settings-numberInputBorder: #0f4a85; + --vscode-settings-focusedRowBorder: #0f4a85; + --vscode-terminal-foreground: #292929; + --vscode-terminal-selectionBackground: #0f4a85; + --vscode-terminal-selectionForeground: #ffffff; + --vscode-terminalCommandDecoration-defaultBackground: rgba(0, 0, 0, 0.25); + --vscode-terminalCommandDecoration-successBackground: #007100; + --vscode-terminalCommandDecoration-errorBackground: #b5200d; + --vscode-terminalOverviewRuler-cursorForeground: rgba(160, 160, 160, 0.8); + --vscode-terminal-border: #0f4a85; + --vscode-terminal-findMatchBackground: #0f4a85; + --vscode-terminal-findMatchBorder: #0f4a85; + --vscode-terminal-findMatchHighlightBorder: #0f4a85; + --vscode-terminalOverviewRuler-findMatchForeground: #0f4a85; + --vscode-terminal-dropBackground: rgba(15, 74, 133, 0.5); + --vscode-testing-iconFailed: #b5200d; + --vscode-testing-iconErrored: #b5200d; + --vscode-testing-iconPassed: #007100; + --vscode-testing-runAction: #007100; + --vscode-testing-iconQueued: #cca700; + --vscode-testing-iconUnset: #848484; + --vscode-testing-iconSkipped: #848484; + --vscode-testing-peekBorder: #0f4a85; + --vscode-testing-message\.error\.decorationForeground: #292929; + --vscode-testing-message\.info\.decorationForeground: rgba(41, 41, 41, 0.5); + --vscode-welcomePage-tileBackground: #ffffff; + --vscode-welcomePage-progress\.background: #ffffff; + --vscode-welcomePage-progress\.foreground: #0f4a85; + --vscode-debugExceptionWidget-border: #a31515; + --vscode-debugExceptionWidget-background: #f1dfde; + --vscode-ports-iconRunningProcessForeground: #0f4a85; + --vscode-statusBar-debuggingBackground: #b5200d; + --vscode-statusBar-debuggingForeground: #ffffff; + --vscode-statusBar-debuggingBorder: #0f4a85; + --vscode-editor-inlineValuesForeground: rgba(0, 0, 0, 0.5); + --vscode-editor-inlineValuesBackground: rgba(255, 200, 0, 0.2); + --vscode-editorGutter-modifiedBackground: #2090d3; + --vscode-editorGutter-addedBackground: #48985d; + --vscode-editorGutter-deletedBackground: #b5200d; + --vscode-minimapGutter-modifiedBackground: #2090d3; + --vscode-minimapGutter-addedBackground: #48985d; + --vscode-minimapGutter-deletedBackground: #b5200d; + --vscode-editorOverviewRuler-modifiedForeground: rgba(32, 144, 211, 0.6); + --vscode-editorOverviewRuler-addedForeground: rgba(72, 152, 93, 0.6); + --vscode-editorOverviewRuler-deletedForeground: rgba(181, 32, 13, 0.6); + --vscode-debugIcon-breakpointForeground: #e51400; + --vscode-debugIcon-breakpointDisabledForeground: #848484; + --vscode-debugIcon-breakpointUnverifiedForeground: #848484; + --vscode-debugIcon-breakpointCurrentStackframeForeground: #be8700; + --vscode-debugIcon-breakpointStackframeForeground: #89d185; + --vscode-notebook-cellBorderColor: #0f4a85; + --vscode-notebook-focusedEditorBorder: #0f4a85; + --vscode-notebookStatusSuccessIcon-foreground: #388a34; + --vscode-notebookStatusErrorIcon-foreground: #b5200d; + --vscode-notebookStatusRunningIcon-foreground: #292929; + --vscode-notebook-cellToolbarSeparator: #0f4a85; + --vscode-notebook-selectedCellBorder: #0f4a85; + --vscode-notebook-inactiveSelectedCellBorder: #0f4a85; + --vscode-notebook-focusedCellBorder: #0f4a85; + --vscode-notebook-inactiveFocusedCellBorder: #0f4a85; + --vscode-notebook-cellStatusBarItemHoverBackground: rgba(0, 0, 0, 0.08); + --vscode-notebook-cellInsertionIndicator: #0f4a85; + --vscode-notebookScrollbarSlider-background: rgba(15, 74, 133, 0.4); + --vscode-notebookScrollbarSlider-hoverBackground: rgba(15, 74, 133, 0.8); + --vscode-notebookScrollbarSlider-activeBackground: #0f4a85; + --vscode-scm-providerBorder: #0f4a85; + --vscode-searchEditor-textInputBorder: #0f4a85; + --vscode-debugTokenExpression-name: #292929; + --vscode-debugTokenExpression-value: #292929; + --vscode-debugTokenExpression-string: #a31515; + --vscode-debugTokenExpression-boolean: #0000ff; + --vscode-debugTokenExpression-number: #098658; + --vscode-debugTokenExpression-error: #e51400; + --vscode-debugView-exceptionLabelForeground: #292929; + --vscode-debugView-exceptionLabelBackground: #a31515; + --vscode-debugView-stateLabelForeground: #292929; + --vscode-debugView-stateLabelBackground: rgba(136, 136, 136, 0.27); + --vscode-debugView-valueChangedHighlight: #569cd6; + --vscode-debugConsole-infoForeground: #292929; + --vscode-debugConsole-warningForeground: #895503; + --vscode-debugConsole-errorForeground: #b5200d; + --vscode-debugConsole-sourceForeground: #292929; + --vscode-debugConsoleInputIcon-foreground: #292929; + --vscode-debugIcon-pauseForeground: #007acc; + --vscode-debugIcon-stopForeground: #a1260d; + --vscode-debugIcon-disconnectForeground: #a1260d; + --vscode-debugIcon-restartForeground: #388a34; + --vscode-debugIcon-stepOverForeground: #007acc; + --vscode-debugIcon-stepIntoForeground: #007acc; + --vscode-debugIcon-stepOutForeground: #007acc; + --vscode-debugIcon-continueForeground: #007acc; + --vscode-debugIcon-stepBackForeground: #007acc; + --vscode-extensionIcon-starForeground: #0f4a85; + --vscode-extensionIcon-verifiedForeground: #0f4a85; + --vscode-extensionIcon-preReleaseForeground: #0f4a85; + --vscode-extensionIcon-sponsorForeground: #b51e78; + --vscode-terminal-ansiBlack: #292929; + --vscode-terminal-ansiRed: #cd3131; + --vscode-terminal-ansiGreen: #00bc00; + --vscode-terminal-ansiYellow: #949800; + --vscode-terminal-ansiBlue: #0451a5; + --vscode-terminal-ansiMagenta: #bc05bc; + --vscode-terminal-ansiCyan: #ff0000; + --vscode-terminal-ansiWhite: #555555; + --vscode-terminal-ansiBrightBlack: #666666; + --vscode-terminal-ansiBrightRed: #cd3131; + --vscode-terminal-ansiBrightGreen: #00bc00; + --vscode-terminal-ansiBrightYellow: #b5ba00; + --vscode-terminal-ansiBrightBlue: #0451a5; + --vscode-terminal-ansiBrightMagenta: #bc05bc; + --vscode-terminal-ansiBrightCyan: #0598bc; + --vscode-terminal-ansiBrightWhite: #a5a5a5; + --vscode-interactive-activeCodeBorder: #0f4a85; + --vscode-interactive-inactiveCodeBorder: #0f4a85; + --vscode-gitDecoration-addedResourceForeground: #374e06; + --vscode-gitDecoration-modifiedResourceForeground: #895503; + --vscode-gitDecoration-deletedResourceForeground: #ad0707; + --vscode-gitDecoration-renamedResourceForeground: #007100; + --vscode-gitDecoration-untrackedResourceForeground: #007100; + --vscode-gitDecoration-ignoredResourceForeground: #8e8e90; + --vscode-gitDecoration-stageModifiedResourceForeground: #895503; + --vscode-gitDecoration-stageDeletedResourceForeground: #ad0707; + --vscode-gitDecoration-conflictingResourceForeground: #ad0707; + --vscode-gitDecoration-submoduleResourceForeground: #1258a7; + --vscode-dvc-deps: #4f1886; + --vscode-dvc-metrics: #714904; + --vscode-dvc-params: #0b496f; + --vscode-dvc-workspaceChanged: #895503; + // :root + --background: #1e1e1e; + --border-width: 1; + --contrast-active-border: #f38518; + --contrast-border: #6fc3df; + --corner-radius: 0; + --design-unit: 4; + --disabled-opacity: 0.4; + --focus-border: #007fd4; + --font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, + Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; + --font-weight: 400; + --foreground: #cccccc; + --input-height: 26; + --input-min-width: 100px; + --type-ramp-base-font-size: 13px; + --type-ramp-base-line-height: normal; + --type-ramp-minus1-font-size: 11px; + --type-ramp-minus1-line-height: 16px; + --type-ramp-minus2-font-size: 9px; + --type-ramp-minus2-line-height: 16px; + --type-ramp-plus1-font-size: 16px; + --type-ramp-plus1-line-height: 24px; + --scrollbarWidth: 10px; + --scrollbarHeight: 10px; + --scrollbar-slider-background: #79797966; + --scrollbar-slider-hover-background: #646464b3; + --scrollbar-slider-active-background: #bfbfbf66; + --badge-background: #4d4d4d; + --badge-foreground: #ffffff; + --button-border: transparent; + --button-icon-background: transparent; + --button-icon-corner-radius: 5px; + --button-icon-outline-offset: 0; + --button-icon-hover-background: rgba(90, 93, 94, 0.31); + --button-icon-padding: 3px; + --button-primary-background: #0e639c; + --button-primary-foreground: #ffffff; + --button-primary-hover-background: #1177bb; + --button-secondary-background: #3a3d41; + --button-secondary-foreground: #ffffff; + --button-secondary-hover-background: #45494e; + --button-padding-horizontal: 11px; + --button-padding-vertical: 4px; + --checkbox-background: #3c3c3c; + --checkbox-border: #3c3c3c; + --checkbox-corner-radius: 3; + --checkbox-foreground: #f0f0f0; + --list-active-selection-background: #094771; + --list-active-selection-foreground: #ffffff; + --list-hover-background: #2a2d2e; + --divider-background: #454545; + --dropdown-background: #3c3c3c; + --dropdown-border: #3c3c3c; + --dropdown-foreground: #f0f0f0; + --dropdown-list-max-height: 200px; + --input-background: #3c3c3c; + --input-foreground: #cccccc; + --input-placeholder-foreground: #cccccc; + --link-active-foreground: #3794ff; + --link-foreground: #3794ff; + --progress-background: #0e70c0; + --panel-tab-active-border: #e7e7e7; + --panel-tab-active-foreground: #e7e7e7; + --panel-tab-foreground: #e7e7e799; + --panel-view-background: #1e1e1e; + --panel-view-border: #80808059; + --tag-corner-radius: 2px; +} + +html.vscode-high-contrast-dark { + // body.vscode-high-contrast + --font-family: system-ui, 'Ubuntu', 'Droid Sans', sans-serif; + --font-weight: normal; + --scrollbar-slider-background: rgba(111, 195, 223, 0.6); + --scrollbar-slider-hover-background: rgba(111, 195, 223, 0.8); + --scrollbar-slider-active-background: #6fc3df; + --list-active-selection-background: transparent; + --input-placeholder-foreground: rgba(255, 255, 255, 0.7); + --panel-tab-foreground: #ffffff; + --panel-view-border: #6fc3df; + --background: #000000; + --focus-border: #f38518; + --badge-background: #000000; + --checkbox-background: #000000; + --checkbox-border: #6fc3df; + --list-hover-background: transparent; + --dropdown-background: #000000; + --dropdown-border: #6fc3df; + --input-background: #000000; + --panel-view-background: #000000; + --progress-background: #6fc3df; + --foreground: #ffffff; + --button-border: #6fc3df; + --button-icon-hover-background: transparent; + --button-primary-background: transparent; + --button-primary-hover-background: transparent; + --button-secondary-background: transparent; + --button-secondary-hover-background: transparent; + --checkbox-foreground: #ffffff; + --divider-background: #6fc3df; + --dropdown-foreground: #ffffff; + --input-foreground: #ffffff; + --panel-tab-active-border: #6fc3df; + --panel-tab-active-foreground: #ffffff; + // html + --vscode-font-family: system-ui, 'Ubuntu', 'Droid Sans', sans-serif; + --vscode-font-weight: normal; + --vscode-font-size: 13px; + --vscode-editor-font-family: 'Droid Sans Mono', 'monospace', monospace; + --vscode-editor-font-weight: normal; + --vscode-editor-font-size: 14px; + --vscode-foreground: #ffffff; + --vscode-disabledForeground: #a5a5a5; + --vscode-errorForeground: #f48771; + --vscode-descriptionForeground: rgba(255, 255, 255, 0.7); + --vscode-icon-foreground: #ffffff; + --vscode-focusBorder: #f38518; + --vscode-contrastBorder: #6fc3df; + --vscode-contrastActiveBorder: #f38518; + --vscode-selection-background: #008000; + --vscode-textSeparator-foreground: #000000; + --vscode-textLink-foreground: #3794ff; + --vscode-textLink-activeForeground: #3794ff; + --vscode-textPreformat-foreground: #d7ba7d; + --vscode-textBlockQuote-border: #ffffff; + --vscode-textCodeBlock-background: #000000; + --vscode-input-background: #000000; + --vscode-input-foreground: #ffffff; + --vscode-input-border: #6fc3df; + --vscode-inputOption-activeBorder: #6fc3df; + --vscode-inputOption-activeBackground: rgba(0, 0, 0, 0); + --vscode-input-placeholderForeground: rgba(255, 255, 255, 0.7); + --vscode-inputValidation-infoBackground: #000000; + --vscode-inputValidation-infoBorder: #6fc3df; + --vscode-inputValidation-warningBackground: #000000; + --vscode-inputValidation-warningBorder: #6fc3df; + --vscode-inputValidation-errorBackground: #000000; + --vscode-inputValidation-errorBorder: #6fc3df; + --vscode-dropdown-background: #000000; + --vscode-dropdown-listBackground: #000000; + --vscode-dropdown-foreground: #ffffff; + --vscode-dropdown-border: #6fc3df; + --vscode-checkbox-background: #000000; + --vscode-checkbox-foreground: #ffffff; + --vscode-checkbox-border: #6fc3df; + --vscode-button-foreground: #ffffff; + --vscode-button-border: #6fc3df; + --vscode-button-secondaryForeground: #ffffff; + --vscode-badge-background: #000000; + --vscode-badge-foreground: #ffffff; + --vscode-scrollbarSlider-background: rgba(111, 195, 223, 0.6); + --vscode-scrollbarSlider-hoverBackground: rgba(111, 195, 223, 0.8); + --vscode-scrollbarSlider-activeBackground: #6fc3df; + --vscode-progressBar-background: #6fc3df; + --vscode-editorError-foreground: #f48771; + --vscode-editorError-border: rgba(228, 119, 119, 0.8); + --vscode-editorWarning-foreground: #ff0000; + --vscode-editorWarning-border: rgba(255, 204, 0, 0.8); + --vscode-editorInfo-foreground: #3794ff; + --vscode-editorInfo-border: rgba(55, 148, 255, 0.8); + --vscode-editorHint-border: rgba(238, 238, 238, 0.8); + --vscode-sash-hoverBorder: #f38518; + --vscode-editor-background: #000000; + --vscode-editor-foreground: #ffffff; + --vscode-editorWidget-background: #0c141f; + --vscode-editorWidget-foreground: #ffffff; + --vscode-editorWidget-border: #6fc3df; + --vscode-quickInput-background: #0c141f; + --vscode-quickInput-foreground: #ffffff; + --vscode-quickInputTitle-background: #000000; + --vscode-pickerGroup-foreground: #ffffff; + --vscode-pickerGroup-border: #ffffff; + --vscode-keybindingLabel-background: rgba(0, 0, 0, 0); + --vscode-keybindingLabel-foreground: #ffffff; + --vscode-keybindingLabel-border: #6fc3df; + --vscode-keybindingLabel-bottomBorder: #6fc3df; + --vscode-editor-selectionBackground: #ffffff; + --vscode-editor-selectionForeground: #000000; + --vscode-editor-inactiveSelectionBackground: rgba(255, 255, 255, 0.7); + --vscode-editor-selectionHighlightBorder: #f38518; + --vscode-editor-findMatchBorder: #f38518; + --vscode-editor-findMatchHighlightBorder: #f38518; + --vscode-editor-findRangeHighlightBorder: rgba(243, 133, 24, 0.4); + --vscode-searchEditor-findMatchBorder: #f38518; + --vscode-editor-hoverHighlightBackground: rgba(173, 214, 255, 0.15); + --vscode-editorHoverWidget-background: #0c141f; + --vscode-editorHoverWidget-foreground: #ffffff; + --vscode-editorHoverWidget-border: #6fc3df; + --vscode-editorHoverWidget-statusBarBackground: #0c141f; + --vscode-editorLink-activeForeground: #00ffff; + --vscode-editorInlayHint-foreground: #ffffff; + --vscode-editorInlayHint-background: #000000; + --vscode-editorInlayHint-typeForeground: #ffffff; + --vscode-editorInlayHint-typeBackground: #000000; + --vscode-editorInlayHint-parameterForeground: #ffffff; + --vscode-editorInlayHint-parameterBackground: #000000; + --vscode-editorLightBulb-foreground: #ffcc00; + --vscode-editorLightBulbAutoFix-foreground: #75beff; + --vscode-diffEditor-insertedTextBorder: #33ff2e; + --vscode-diffEditor-removedTextBorder: #ff008f; + --vscode-diffEditor-border: #6fc3df; + --vscode-list-focusOutline: #f38518; + --vscode-list-highlightForeground: #f38518; + --vscode-list-focusHighlightForeground: #f38518; + --vscode-list-invalidItemForeground: #b89500; + --vscode-listFilterWidget-background: #000000; + --vscode-listFilterWidget-outline: #f38518; + --vscode-listFilterWidget-noMatchesOutline: #6fc3df; + --vscode-list-filterMatchBorder: #6fc3df; + --vscode-tree-indentGuidesStroke: #a9a9a9; + --vscode-list-deemphasizedForeground: #a7a8a9; + --vscode-menu-border: #6fc3df; + --vscode-menu-foreground: #ffffff; + --vscode-menu-background: #000000; + --vscode-menu-selectionBorder: #f38518; + --vscode-menu-separatorBackground: #6fc3df; + --vscode-toolbar-hoverOutline: #f38518; + --vscode-editor-snippetTabstopHighlightBackground: rgba(124, 124, 124, 0.3); + --vscode-editor-snippetFinalTabstopHighlightBorder: #525252; + --vscode-breadcrumb-foreground: rgba(255, 255, 255, 0.8); + --vscode-breadcrumb-background: #000000; + --vscode-breadcrumb-focusForeground: #ffffff; + --vscode-breadcrumb-activeSelectionForeground: #ffffff; + --vscode-breadcrumbPicker-background: #0c141f; + --vscode-merge-border: #c3df6f; + --vscode-editorOverviewRuler-currentContentForeground: #c3df6f; + --vscode-editorOverviewRuler-incomingContentForeground: #c3df6f; + --vscode-editorOverviewRuler-commonContentForeground: #c3df6f; + --vscode-editorOverviewRuler-findMatchForeground: #ab5a00; + --vscode-editorOverviewRuler-selectionHighlightForeground: rgba( + 160, + 160, + 160, + 0.8 + ); + --vscode-minimap-findMatchHighlight: #ab5a00; + --vscode-minimap-selectionOccurrenceHighlight: #ffffff; + --vscode-minimap-selectionHighlight: #ffffff; + --vscode-minimap-errorHighlight: #ff3232; + --vscode-minimap-warningHighlight: rgba(255, 204, 0, 0.8); + --vscode-minimap-foregroundOpacity: #000000; + --vscode-minimapSlider-background: rgba(111, 195, 223, 0.3); + --vscode-minimapSlider-hoverBackground: rgba(111, 195, 223, 0.4); + --vscode-minimapSlider-activeBackground: rgba(111, 195, 223, 0.5); + --vscode-problemsErrorIcon-foreground: #f48771; + --vscode-problemsWarningIcon-foreground: #ff0000; + --vscode-problemsInfoIcon-foreground: #3794ff; + --vscode-charts-foreground: #ffffff; + --vscode-charts-lines: rgba(255, 255, 255, 0.5); + --vscode-charts-red: #f48771; + --vscode-charts-blue: #3794ff; + --vscode-charts-yellow: #ff0000; + --vscode-charts-orange: #ab5a00; + --vscode-charts-green: #89d185; + --vscode-charts-purple: #b180d7; + --vscode-editor-lineHighlightBorder: #f38518; + --vscode-editor-rangeHighlightBorder: #f38518; + --vscode-editor-symbolHighlightBorder: #f38518; + --vscode-editorCursor-foreground: #ffffff; + --vscode-editorWhitespace-foreground: #7c7c7c; + --vscode-editorIndentGuide-background: #ffffff; + --vscode-editorIndentGuide-activeBackground: #ffffff; + --vscode-editorLineNumber-foreground: #ffffff; + --vscode-editorActiveLineNumber-foreground: #f38518; + --vscode-editorLineNumber-activeForeground: #f38518; + --vscode-editorRuler-foreground: #ffffff; + --vscode-editorCodeLens-foreground: #999999; + --vscode-editorBracketMatch-background: rgba(0, 100, 0, 0.1); + --vscode-editorBracketMatch-border: #6fc3df; + --vscode-editorOverviewRuler-border: rgba(127, 127, 127, 0.3); + --vscode-editorGutter-background: #000000; + --vscode-editorUnnecessaryCode-border: rgba(255, 255, 255, 0.8); + --vscode-editorGhostText-border: rgba(255, 255, 255, 0.8); + --vscode-editorOverviewRuler-rangeHighlightForeground: rgba(0, 122, 204, 0.6); + --vscode-editorOverviewRuler-errorForeground: #ff3232; + --vscode-editorOverviewRuler-warningForeground: rgba(255, 204, 0, 0.8); + --vscode-editorOverviewRuler-infoForeground: rgba(55, 148, 255, 0.8); + --vscode-editorBracketHighlight-foreground1: #ffd700; + --vscode-editorBracketHighlight-foreground2: #da70d6; + --vscode-editorBracketHighlight-foreground3: #87cefa; + --vscode-editorBracketHighlight-foreground4: rgba(0, 0, 0, 0); + --vscode-editorBracketHighlight-foreground5: rgba(0, 0, 0, 0); + --vscode-editorBracketHighlight-foreground6: rgba(0, 0, 0, 0); + --vscode-editorBracketHighlight-unexpectedBracket\.foreground: #ff3232; + --vscode-editorBracketPairGuide-background1: rgba(0, 0, 0, 0); + --vscode-editorBracketPairGuide-background2: rgba(0, 0, 0, 0); + --vscode-editorBracketPairGuide-background3: rgba(0, 0, 0, 0); + --vscode-editorBracketPairGuide-background4: rgba(0, 0, 0, 0); + --vscode-editorBracketPairGuide-background5: rgba(0, 0, 0, 0); + --vscode-editorBracketPairGuide-background6: rgba(0, 0, 0, 0); + --vscode-editorBracketPairGuide-activeBackground1: rgba(0, 0, 0, 0); + --vscode-editorBracketPairGuide-activeBackground2: rgba(0, 0, 0, 0); + --vscode-editorBracketPairGuide-activeBackground3: rgba(0, 0, 0, 0); + --vscode-editorBracketPairGuide-activeBackground4: rgba(0, 0, 0, 0); + --vscode-editorBracketPairGuide-activeBackground5: rgba(0, 0, 0, 0); + --vscode-editorBracketPairGuide-activeBackground6: rgba(0, 0, 0, 0); + --vscode-editorUnicodeHighlight-border: #ff0000; + --vscode-editorUnicodeHighlight-background: rgba(0, 0, 0, 0); + --vscode-symbolIcon-arrayForeground: #ffffff; + --vscode-symbolIcon-booleanForeground: #ffffff; + --vscode-symbolIcon-classForeground: #ee9d28; + --vscode-symbolIcon-colorForeground: #ffffff; + --vscode-symbolIcon-constantForeground: #ffffff; + --vscode-symbolIcon-constructorForeground: #b180d7; + --vscode-symbolIcon-enumeratorForeground: #ee9d28; + --vscode-symbolIcon-enumeratorMemberForeground: #75beff; + --vscode-symbolIcon-eventForeground: #ee9d28; + --vscode-symbolIcon-fieldForeground: #75beff; + --vscode-symbolIcon-fileForeground: #ffffff; + --vscode-symbolIcon-folderForeground: #ffffff; + --vscode-symbolIcon-functionForeground: #b180d7; + --vscode-symbolIcon-interfaceForeground: #75beff; + --vscode-symbolIcon-keyForeground: #ffffff; + --vscode-symbolIcon-keywordForeground: #ffffff; + --vscode-symbolIcon-methodForeground: #b180d7; + --vscode-symbolIcon-moduleForeground: #ffffff; + --vscode-symbolIcon-namespaceForeground: #ffffff; + --vscode-symbolIcon-nullForeground: #ffffff; + --vscode-symbolIcon-numberForeground: #ffffff; + --vscode-symbolIcon-objectForeground: #ffffff; + --vscode-symbolIcon-operatorForeground: #ffffff; + --vscode-symbolIcon-packageForeground: #ffffff; + --vscode-symbolIcon-propertyForeground: #ffffff; + --vscode-symbolIcon-referenceForeground: #ffffff; + --vscode-symbolIcon-snippetForeground: #ffffff; + --vscode-symbolIcon-stringForeground: #ffffff; + --vscode-symbolIcon-structForeground: #ffffff; + --vscode-symbolIcon-textForeground: #ffffff; + --vscode-symbolIcon-typeParameterForeground: #ffffff; + --vscode-symbolIcon-unitForeground: #ffffff; + --vscode-symbolIcon-variableForeground: #75beff; + --vscode-editorHoverWidget-highlightForeground: #f38518; + --vscode-editorOverviewRuler-bracketMatchForeground: #a0a0a0; + --vscode-editorGutter-foldingControlForeground: #ffffff; + --vscode-editor-linkedEditingBackground: rgba(255, 0, 0, 0.3); + --vscode-editor-wordHighlightBorder: #f38518; + --vscode-editor-wordHighlightStrongBorder: #f38518; + --vscode-editorOverviewRuler-wordHighlightForeground: rgba( + 160, + 160, + 160, + 0.8 + ); + --vscode-editorOverviewRuler-wordHighlightStrongForeground: rgba( + 192, + 160, + 192, + 0.8 + ); + --vscode-peekViewTitleLabel-foreground: #ffffff; + --vscode-peekViewTitleDescription-foreground: rgba(255, 255, 255, 0.6); + --vscode-peekView-border: #6fc3df; + --vscode-peekViewResult-background: #000000; + --vscode-peekViewResult-lineForeground: #ffffff; + --vscode-peekViewResult-fileForeground: #ffffff; + --vscode-peekViewResult-selectionForeground: #ffffff; + --vscode-peekViewEditor-background: #000000; + --vscode-peekViewEditorGutter-background: #000000; + --vscode-peekViewEditor-matchHighlightBorder: #f38518; + --vscode-editorMarkerNavigationError-background: #6fc3df; + --vscode-editorMarkerNavigationWarning-background: #6fc3df; + --vscode-editorMarkerNavigationWarning-headerBackground: #0c141f; + --vscode-editorMarkerNavigationInfo-background: #6fc3df; + --vscode-editorMarkerNavigation-background: #000000; + --vscode-editorSuggestWidget-background: #0c141f; + --vscode-editorSuggestWidget-border: #6fc3df; + --vscode-editorSuggestWidget-foreground: #ffffff; + --vscode-editorSuggestWidget-highlightForeground: #f38518; + --vscode-editorSuggestWidget-focusHighlightForeground: #f38518; + --vscode-editorSuggestWidgetStatus-foreground: rgba(255, 255, 255, 0.5); + --vscode-tab-activeBackground: #000000; + --vscode-tab-unfocusedActiveBackground: #000000; + --vscode-tab-activeForeground: #ffffff; + --vscode-tab-inactiveForeground: #ffffff; + --vscode-tab-unfocusedActiveForeground: #ffffff; + --vscode-tab-unfocusedInactiveForeground: #ffffff; + --vscode-tab-border: #6fc3df; + --vscode-tab-lastPinnedBorder: #6fc3df; + --vscode-tab-inactiveModifiedBorder: #ffffff; + --vscode-tab-unfocusedActiveModifiedBorder: #ffffff; + --vscode-tab-unfocusedInactiveModifiedBorder: #ffffff; + --vscode-editorPane-background: #000000; + --vscode-editorGroup-focusedEmptyBorder: #f38518; + --vscode-editorGroupHeader-noTabsBackground: #000000; + --vscode-editorGroupHeader-border: #6fc3df; + --vscode-editorGroup-border: #6fc3df; + --vscode-editorGroup-dropIntoPromptForeground: #ffffff; + --vscode-editorGroup-dropIntoPromptBackground: #0c141f; + --vscode-editorGroup-dropIntoPromptBorder: #6fc3df; + --vscode-sideBySideEditor-horizontalBorder: #6fc3df; + --vscode-sideBySideEditor-verticalBorder: #6fc3df; + --vscode-panel-background: #000000; + --vscode-panel-border: #6fc3df; + --vscode-panelTitle-activeForeground: #ffffff; + --vscode-panelTitle-inactiveForeground: #ffffff; + --vscode-panelTitle-activeBorder: #6fc3df; + --vscode-panel-dropBorder: #ffffff; + --vscode-panelSectionHeader-border: #6fc3df; + --vscode-panelSection-border: #6fc3df; + --vscode-banner-iconForeground: #3794ff; + --vscode-statusBar-foreground: #ffffff; + --vscode-statusBar-noFolderForeground: #ffffff; + --vscode-statusBar-border: #6fc3df; + --vscode-statusBar-noFolderBorder: #6fc3df; + --vscode-statusBarItem-activeBackground: rgba(255, 255, 255, 0.18); + --vscode-statusBarItem-hoverBackground: rgba(255, 255, 255, 0.12); + --vscode-statusBarItem-compactHoverBackground: rgba(255, 255, 255, 0.2); + --vscode-statusBarItem-prominentForeground: #ffffff; + --vscode-statusBarItem-prominentBackground: rgba(0, 0, 0, 0.5); + --vscode-statusBarItem-prominentHoverBackground: rgba(0, 0, 0, 0.3); + --vscode-statusBarItem-errorForeground: #ffffff; + --vscode-statusBarItem-warningForeground: #ffffff; + --vscode-activityBar-background: #000000; + --vscode-activityBar-foreground: #ffffff; + --vscode-activityBar-inactiveForeground: #ffffff; + --vscode-activityBar-border: #6fc3df; + --vscode-activityBarBadge-background: #000000; + --vscode-activityBarBadge-foreground: #ffffff; + --vscode-statusBarItem-remoteBackground: rgba(0, 0, 0, 0); + --vscode-statusBarItem-remoteForeground: #ffffff; + --vscode-extensionBadge-remoteBackground: #000000; + --vscode-extensionBadge-remoteForeground: #ffffff; + --vscode-sideBar-background: #000000; + --vscode-sideBar-border: #6fc3df; + --vscode-sideBarTitle-foreground: #ffffff; + --vscode-sideBarSectionHeader-border: #6fc3df; + --vscode-titleBar-activeForeground: #ffffff; + --vscode-titleBar-activeBackground: #000000; + --vscode-titleBar-border: #6fc3df; + --vscode-menubar-selectionForeground: #ffffff; + --vscode-menubar-selectionBorder: #f38518; + --vscode-notificationCenter-border: #6fc3df; + --vscode-notificationToast-border: #6fc3df; + --vscode-notifications-foreground: #ffffff; + --vscode-notifications-background: #0c141f; + --vscode-notificationLink-foreground: #3794ff; + --vscode-notificationCenterHeader-background: #0c141f; + --vscode-notifications-border: #0c141f; + --vscode-notificationsErrorIcon-foreground: #f48771; + --vscode-notificationsWarningIcon-foreground: #ff0000; + --vscode-notificationsInfoIcon-foreground: #3794ff; + --vscode-window-activeBorder: #6fc3df; + --vscode-window-inactiveBorder: #6fc3df; + --vscode-commandCenter-foreground: #ffffff; + --vscode-commandCenter-activeForeground: #ffffff; + --vscode-commandCenter-border: #6fc3df; + --vscode-editorCommentsWidget-resolvedBorder: #6fc3df; + --vscode-editorCommentsWidget-unresolvedBorder: #6fc3df; + --vscode-editorCommentsWidget-rangeBackground: rgba(111, 195, 223, 0.1); + --vscode-editorCommentsWidget-rangeBorder: rgba(111, 195, 223, 0.4); + --vscode-editorCommentsWidget-rangeActiveBackground: rgba(111, 195, 223, 0.1); + --vscode-editorCommentsWidget-rangeActiveBorder: rgba(111, 195, 223, 0.4); + --vscode-editorGutter-commentRangeForeground: #c5c5c5; + --vscode-debugToolBar-background: #000000; + --vscode-debugIcon-startForeground: #89d185; + --vscode-editor-stackFrameHighlightBackground: rgba(255, 255, 0, 0.2); + --vscode-editor-focusedStackFrameHighlightBackground: rgba( + 122, + 189, + 122, + 0.3 + ); + --vscode-mergeEditor-change\.background: rgba(155, 185, 85, 0.2); + --vscode-mergeEditor-change\.word\.background: rgba(155, 185, 85, 0.12); + --vscode-mergeEditor-conflict\.unhandledUnfocused\.border: rgba( + 255, + 166, + 0, + 0.48 + ); + --vscode-mergeEditor-conflict\.unhandledFocused\.border: #ffa600; + --vscode-mergeEditor-conflict\.handledUnfocused\.border: rgba( + 134, + 134, + 134, + 0.29 + ); + --vscode-mergeEditor-conflict\.handledFocused\.border: rgba( + 193, + 193, + 193, + 0.8 + ); + --vscode-mergeEditor-conflict\.handled\.minimapOverViewRuler: rgba( + 173, + 172, + 168, + 0.93 + ); + --vscode-mergeEditor-conflict\.unhandled\.minimapOverViewRuler: #fcba03; + --vscode-settings-headerForeground: #ffffff; + --vscode-settings-modifiedItemIndicator: #00497a; + --vscode-settings-headerBorder: #6fc3df; + --vscode-settings-sashBorder: #6fc3df; + --vscode-settings-dropdownBackground: #000000; + --vscode-settings-dropdownForeground: #ffffff; + --vscode-settings-dropdownBorder: #6fc3df; + --vscode-settings-dropdownListBorder: #6fc3df; + --vscode-settings-checkboxBackground: #000000; + --vscode-settings-checkboxForeground: #ffffff; + --vscode-settings-checkboxBorder: #6fc3df; + --vscode-settings-textInputBackground: #000000; + --vscode-settings-textInputForeground: #ffffff; + --vscode-settings-textInputBorder: #6fc3df; + --vscode-settings-numberInputBackground: #000000; + --vscode-settings-numberInputForeground: #ffffff; + --vscode-settings-numberInputBorder: #6fc3df; + --vscode-settings-focusedRowBorder: #f38518; + --vscode-terminal-foreground: #ffffff; + --vscode-terminal-selectionBackground: #ffffff; + --vscode-terminal-selectionForeground: #000000; + --vscode-terminalCommandDecoration-defaultBackground: rgba( + 255, + 255, + 255, + 0.5 + ); + --vscode-terminalCommandDecoration-successBackground: #1b81a8; + --vscode-terminalCommandDecoration-errorBackground: #f14c4c; + --vscode-terminalOverviewRuler-cursorForeground: rgba(160, 160, 160, 0.8); + --vscode-terminal-border: #6fc3df; + --vscode-terminal-findMatchBorder: #f38518; + --vscode-terminal-findMatchHighlightBorder: #f38518; + --vscode-terminalOverviewRuler-findMatchForeground: #f38518; + --vscode-testing-iconFailed: #f14c4c; + --vscode-testing-iconErrored: #f14c4c; + --vscode-testing-iconPassed: #73c991; + --vscode-testing-runAction: #73c991; + --vscode-testing-iconQueued: #cca700; + --vscode-testing-iconUnset: #848484; + --vscode-testing-iconSkipped: #848484; + --vscode-testing-peekBorder: #6fc3df; + --vscode-testing-message\.error\.decorationForeground: #ffffff; + --vscode-testing-message\.info\.decorationForeground: rgba( + 255, + 255, + 255, + 0.5 + ); + --vscode-welcomePage-tileBackground: #000000; + --vscode-welcomePage-progress\.background: #000000; + --vscode-welcomePage-progress\.foreground: #3794ff; + --vscode-debugExceptionWidget-border: #a31515; + --vscode-debugExceptionWidget-background: #420b0d; + --vscode-ports-iconRunningProcessForeground: #ffffff; + --vscode-statusBar-debuggingBackground: #ba592c; + --vscode-statusBar-debuggingForeground: #ffffff; + --vscode-statusBar-debuggingBorder: #6fc3df; + --vscode-editor-inlineValuesForeground: rgba(255, 255, 255, 0.5); + --vscode-editor-inlineValuesBackground: rgba(255, 200, 0, 0.2); + --vscode-editorGutter-modifiedBackground: #1b81a8; + --vscode-editorGutter-addedBackground: #487e02; + --vscode-editorGutter-deletedBackground: #f48771; + --vscode-minimapGutter-modifiedBackground: #1b81a8; + --vscode-minimapGutter-addedBackground: #487e02; + --vscode-minimapGutter-deletedBackground: #f48771; + --vscode-editorOverviewRuler-modifiedForeground: rgba(27, 129, 168, 0.6); + --vscode-editorOverviewRuler-addedForeground: rgba(72, 126, 2, 0.6); + --vscode-editorOverviewRuler-deletedForeground: rgba(244, 135, 113, 0.6); + --vscode-debugIcon-breakpointForeground: #e51400; + --vscode-debugIcon-breakpointDisabledForeground: #848484; + --vscode-debugIcon-breakpointUnverifiedForeground: #848484; + --vscode-debugIcon-breakpointCurrentStackframeForeground: #ffcc00; + --vscode-debugIcon-breakpointStackframeForeground: #89d185; + --vscode-notebook-cellBorderColor: #6fc3df; + --vscode-notebook-focusedEditorBorder: #f38518; + --vscode-notebookStatusSuccessIcon-foreground: #89d185; + --vscode-notebookStatusErrorIcon-foreground: #f48771; + --vscode-notebookStatusRunningIcon-foreground: #ffffff; + --vscode-notebook-cellToolbarSeparator: #6fc3df; + --vscode-notebook-selectedCellBorder: #6fc3df; + --vscode-notebook-inactiveSelectedCellBorder: #f38518; + --vscode-notebook-focusedCellBorder: #f38518; + --vscode-notebook-inactiveFocusedCellBorder: #6fc3df; + --vscode-notebook-cellStatusBarItemHoverBackground: rgba(255, 255, 255, 0.15); + --vscode-notebook-cellInsertionIndicator: #f38518; + --vscode-notebookScrollbarSlider-background: rgba(111, 195, 223, 0.6); + --vscode-notebookScrollbarSlider-hoverBackground: rgba(111, 195, 223, 0.8); + --vscode-notebookScrollbarSlider-activeBackground: #6fc3df; + --vscode-scm-providerBorder: #6fc3df; + --vscode-searchEditor-textInputBorder: #6fc3df; + --vscode-debugTokenExpression-name: #ffffff; + --vscode-debugTokenExpression-value: #ffffff; + --vscode-debugTokenExpression-string: #f48771; + --vscode-debugTokenExpression-boolean: #75bdfe; + --vscode-debugTokenExpression-number: #89d185; + --vscode-debugTokenExpression-error: #f48771; + --vscode-debugView-exceptionLabelForeground: #ffffff; + --vscode-debugView-exceptionLabelBackground: #6c2022; + --vscode-debugView-stateLabelForeground: #ffffff; + --vscode-debugView-stateLabelBackground: rgba(136, 136, 136, 0.27); + --vscode-debugView-valueChangedHighlight: #569cd6; + --vscode-debugConsole-infoForeground: #ffffff; + --vscode-debugConsole-warningForeground: #008000; + --vscode-debugConsole-errorForeground: #f48771; + --vscode-debugConsole-sourceForeground: #ffffff; + --vscode-debugConsoleInputIcon-foreground: #ffffff; + --vscode-debugIcon-pauseForeground: #75beff; + --vscode-debugIcon-stopForeground: #f48771; + --vscode-debugIcon-disconnectForeground: #f48771; + --vscode-debugIcon-restartForeground: #89d185; + --vscode-debugIcon-stepOverForeground: #75beff; + --vscode-debugIcon-stepIntoForeground: #75beff; + --vscode-debugIcon-stepOutForeground: #75beff; + --vscode-debugIcon-continueForeground: #75beff; + --vscode-debugIcon-stepBackForeground: #75beff; + --vscode-extensionIcon-starForeground: #ff8e00; + --vscode-extensionIcon-verifiedForeground: #3794ff; + --vscode-extensionIcon-preReleaseForeground: #1d9271; + --vscode-terminal-ansiBlack: #000000; + --vscode-terminal-ansiRed: #cd0000; + --vscode-terminal-ansiGreen: #00cd00; + --vscode-terminal-ansiYellow: #cdcd00; + --vscode-terminal-ansiBlue: #0000ee; + --vscode-terminal-ansiMagenta: #cd00cd; + --vscode-terminal-ansiCyan: #00cdcd; + --vscode-terminal-ansiWhite: #e5e5e5; + --vscode-terminal-ansiBrightBlack: #7f7f7f; + --vscode-terminal-ansiBrightRed: #ff0000; + --vscode-terminal-ansiBrightGreen: #00ff00; + --vscode-terminal-ansiBrightYellow: #ffff00; + --vscode-terminal-ansiBrightBlue: #5c5cff; + --vscode-terminal-ansiBrightMagenta: #ff00ff; + --vscode-terminal-ansiBrightCyan: #00ffff; + --vscode-terminal-ansiBrightWhite: #ffffff; + --vscode-interactive-activeCodeBorder: #6fc3df; + --vscode-interactive-inactiveCodeBorder: #6fc3df; + --vscode-gitDecoration-addedResourceForeground: #a1e3ad; + --vscode-gitDecoration-modifiedResourceForeground: #e2c08d; + --vscode-gitDecoration-deletedResourceForeground: #c74e39; + --vscode-gitDecoration-renamedResourceForeground: #73c991; + --vscode-gitDecoration-untrackedResourceForeground: #73c991; + --vscode-gitDecoration-ignoredResourceForeground: #a7a8a9; + --vscode-gitDecoration-stageModifiedResourceForeground: #e2c08d; + --vscode-gitDecoration-stageDeletedResourceForeground: #c74e39; + --vscode-gitDecoration-conflictingResourceForeground: #c74e39; + --vscode-gitDecoration-submoduleResourceForeground: #8db9e2; + --vscode-dvc-deps: #b079e7; + --vscode-dvc-metrics: #fbd38d; + --vscode-dvc-params: #90cdf4; + --vscode-dvc-workspaceChanged: #e2c08d; + // :root + --background: #1e1e1e; --border-width: 1; --contrast-active-border: #f38518; --contrast-border: #6fc3df; From b4d6ccf10cd4772b982c070c6230dc065bce9f89 Mon Sep 17 00:00:00 2001 From: rogermparent Date: Wed, 13 Jul 2022 12:01:30 -0400 Subject: [PATCH 6/7] Remove html prefixes --- webview/src/stories/test-vscode-styles.scss | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/webview/src/stories/test-vscode-styles.scss b/webview/src/stories/test-vscode-styles.scss index 25a54e0576..7ae6cc0dbf 100644 --- a/webview/src/stories/test-vscode-styles.scss +++ b/webview/src/stories/test-vscode-styles.scss @@ -660,7 +660,7 @@ html { --tag-corner-radius: 2px; } -html.vscode-divebar { +.vscode-divebar { // body.vscode-dark --background: #141322; --contrast-active-border: transparent; @@ -1397,7 +1397,7 @@ html.vscode-divebar { --panel-view-border: #80808059; --tag-corner-radius: 2px; } -html.vscode-light { +.vscode-light { // body.vscode-light --background: #ffffff; --contrast-active-border: transparent; @@ -2065,7 +2065,7 @@ html.vscode-light { --panel-view-border: #80808059; --tag-corner-radius: 2px; } -html.vscode-onedarkpro { +.vscode-onedarkpro { // body.vscode-dark --contrast-active-border: transparent; --font-family: system-ui, 'Ubuntu', 'Droid Sans', sans-serif; @@ -4141,7 +4141,7 @@ html.vscode-onedarkpro { --tag-corner-radius: 2px; } -html.vscode-high-contrast-dark { +.vscode-high-contrast-dark { // body.vscode-high-contrast --font-family: system-ui, 'Ubuntu', 'Droid Sans', sans-serif; --font-weight: normal; From 7f5ba48fff92daf623818df0c77e37c6a1224302 Mon Sep 17 00:00:00 2001 From: rogermparent Date: Wed, 13 Jul 2022 12:05:27 -0400 Subject: [PATCH 7/7] Add Default to default theme names --- webview/.storybook/preview.ts | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/webview/.storybook/preview.ts b/webview/.storybook/preview.ts index 5d9f48750c..23d1f28380 100644 --- a/webview/.storybook/preview.ts +++ b/webview/.storybook/preview.ts @@ -24,13 +24,13 @@ export const parameters = { defaultViewport: 'default' }, themes: { - default: 'Dark', + default: 'Default Dark', list: [ - { name: 'Dark', class: 'vscode-dark', color: '#222' }, - { name: 'Light', class: 'vscode-light', color: '#EEE' }, - { name: 'One Dark Pro', class: 'vscode-onedarkpro', color: '#333' }, + { name: 'Default Dark', class: 'vscode-dark', color: '#222' }, + { name: 'Default Light', class: 'vscode-light', color: '#EEE' }, { name: 'Red', class: 'vscode-red', color: '#F22' }, { name: 'Dive Bar', class: 'vscode-divebar', color: '#E2E' }, + { name: 'One Dark Pro', class: 'vscode-onedarkpro', color: '#333' }, { name: 'High Contrast Light', class: 'vscode-high-contrast-light',