- Created by Goran Peuc, last modified on Nov 12, 2021
- The SAP Fiori tools components
- Project Generator
- Service Modeler
- Application Modeler
- Guided Development
- Guided Answers
- Data Editor
- XML Annotation Language Server
- Design Process
- The Tools
- SVG export
List of default Dark+, Light+, and High Contrast colours in VS Code
The fundamental thing to understand about colours in our extensions is that they aren't picked at the complete free will of the designers. We are constrained by theming capability of systems, and the colours we pick should come from the bottom list of colours. Designers cannot use some random colour that's not available on this list, as that colour doesn't have a variable representation, and therefore isn't malleable for use in themes.
VS Code variable name | Light+ colour | Light+ sample | Dark+ colour | Dark+ sample | High Contrast colour | HC sample |
---|---|---|---|---|---|---|
--vscode-foreground | #616161; | #cccccc; | #ffffff; | |||
--vscode-errorForeground | #a1260d; | #f48771; | #f48771; | |||
--vscode-descriptionForeground | #717171; | rgba(204, 204, 204, 0.7); | rgba(255, 255, 255, 0.7); | |||
--vscode-icon-foreground | #424242; | #c5c5c5; | #ffffff; | |||
--vscode-focusBorder | #0090f1; | #007fd4; | #f38518; | |||
--vscode-textSeparator-foreground | rgba(0, 0, 0, 0.18); | rgba(255, 255, 255, 0.18); | #000000; | |||
--vscode-textLink-foreground | #006ab1; | #3794ff; | #3794ff; | |||
--vscode-textLink-activeForeground | #006ab1; | #3794ff; | #3794ff; | |||
--vscode-textPreformat-foreground | #a31515; | #d7ba7d; | #d7ba7d; | |||
--vscode-textBlockQuote-background | rgba(127, 127, 127, 0.1); | rgba(127, 127, 127, 0.1); | Transparent | |||
--vscode-textBlockQuote-border | rgba(0, 122, 204, 0.5); | rgba(0, 122, 204, 0.5); | #ffffff; | |||
--vscode-textCodeBlock-background | rgba(220, 220, 220, 0.4); | rgba(10, 10, 10, 0.4); | #000000; | |||
--vscode-widget-shadow | #a8a8a8; | #000000; | Transparent | |||
--vscode-input-background | #ffffff; | #3c3c3c; | #000000; | |||
--vscode-input-foreground | #616161; | #cccccc; | #ffffff; | |||
--vscode-inputOption-activeBorder | rgba(0, 122, 204, 0); | rgba(0, 122, 204, 0); | #6fc3df; | |||
--vscode-inputOption-activeBackground | rgba(0, 144, 241, 0.2); | rgba(0, 127, 212, 0.4); | rgba(0, 0, 0, 0); | |||
--vscode-inputOption-activeForeground | #000000; | #ffffff; | Transparent | |||
--vscode-input-placeholderForeground | #767676; | #a6a6a6; | rgba(255, 255, 255, 0.7); | |||
--vscode-inputValidation-infoBackground | #d6ecf2; | #063b49; | #000000; | |||
--vscode-inputValidation-infoBorder | #007acc; | #007acc; | #6fc3df; | |||
--vscode-inputValidation-warningBackground | #f6f5d2; | #352a05; | #000000; | |||
--vscode-inputValidation-warningBorder | #b89500; | #b89500; | #6fc3df; | |||
--vscode-inputValidation-errorBackground | #f2dede; | #5a1d1d; | #000000; | |||
--vscode-inputValidation-errorBorder | #be1100; | #be1100; | #6fc3df; | |||
--vscode-dropdown-background | #ffffff; | #3c3c3c; | #000000; | |||
--vscode-dropdown-foreground | #f0f0f0; | #ffffff; | ||||
--vscode-dropdown-border | #cecece; | #3c3c3c; | #6fc3df; | |||
--vscode-checkbox-background | #ffffff; | #3c3c3c; | #000000; | |||
--vscode-checkbox-border | #cecece; | #3c3c3c; | #6fc3df; | |||
--vscode-checkbox-foreground | #f0f0f0; | #ffffff; | ||||
--vscode-button-foreground | #ffffff; | #ffffff; | #ffffff; | |||
--vscode-button-background | #007acc; | #0e639c; | Transparent | |||
--vscode-button-hoverBackground | #0062a3; | #1177bb; | Transparent | |||
--vscode-button-secondaryForeground | #ffffff; | #ffffff; | #ffffff; | |||
--vscode-button-secondaryBackground | #5f6a79; | #3a3d41; | Transparent | |||
--vscode-button-secondaryHoverBackground | #4c5561; | #45494e; | Transparent | |||
--vscode-badge-background | #c4c4c4; | #4d4d4d; | #000000; | |||
--vscode-badge-foreground | #333333; | #ffffff; | #ffffff; | |||
--vscode-scrollbar-shadow | #dddddd; | #000000; | Transparent | |||
--vscode-scrollbarSlider-background | rgba(100, 100, 100, 0.4); | rgba(121, 121, 121, 0.4); | rgba(111, 195, 223, 0.6); | |||
--vscode-scrollbarSlider-hoverBackground | rgba(100, 100, 100, 0.7); | rgba(100, 100, 100, 0.7); | rgba(111, 195, 223, 0.8); | |||
--vscode-scrollbarSlider-activeBackground | rgba(0, 0, 0, 0.6); | rgba(191, 191, 191, 0.4); | #6fc3df; | |||
--vscode-progressBar-background | #0e70c0; | #0e70c0; | #6fc3df; | |||
--vscode-editorError-foreground | #e51400; | #f48771; | Transparent | |||
--vscode-editorWarning-foreground | #e9a700; | #cca700; | Transparent | |||
--vscode-editorInfo-foreground | #75beff; | #75beff; | Transparent | |||
--vscode-editorHint-foreground | #6c6c6c; | rgba(238, 238, 238, 0.7); | Transparent | |||
--vscode-editor-background | #ffffff; | #1e1e1e; | #000000; | |||
--vscode-editor-foreground | #000000; | #d4d4d4; | #ffffff; | |||
--vscode-editorWidget-background | #f3f3f3; | #252526; | #0c141f; | |||
--vscode-editorWidget-foreground | #616161; | #cccccc; | #ffffff; | |||
--vscode-editorWidget-border | #c8c8c8; | #454545; | #6fc3df; | |||
--vscode-quickInput-background | #f3f3f3; | #252526; | #0c141f; | |||
--vscode-quickInput-foreground | #616161; | #cccccc; | #ffffff; | |||
--vscode-quickInputTitle-background | rgba(0, 0, 0, 0.06); | rgba(255, 255, 255, 0.1); | #000000; | |||
--vscode-pickerGroup-foreground | #0066bf; | #3794ff; | #ffffff; | |||
--vscode-pickerGroup-border | #cccedb; | #3f3f46; | #ffffff; | |||
--vscode-editor-selectionBackground | #add6ff; | #264f78; | #ffffff; | |||
--vscode-editor-inactiveSelectionBackground | #e5ebf1; | #3a3d41; | rgba(255, 255, 255, 0.5); | |||
--vscode-editor-selectionHighlightBackground | rgba(173, 214, 255, 0.5); | rgba(173, 214, 255, 0.15); | Transparent | |||
--vscode-editor-findMatchBackground | #a8ac94; | #515c6a; | Transparent | |||
--vscode-editor-findMatchHighlightBackground | rgba(234, 92, 0, 0.33); | rgba(234, 92, 0, 0.33); | Transparent | |||
--vscode-editor-findRangeHighlightBackground | rgba(180, 180, 180, 0.3); | rgba(58, 61, 65, 0.4); | Transparent | |||
--vscode-searchEditor-findMatchBackground | rgba(234, 92, 0, 0.22); | rgba(234, 92, 0, 0.22); | Transparent | |||
--vscode-editor-hoverHighlightBackground | rgba(173, 214, 255, 0.15); | rgba(38, 79, 120, 0.25); | rgba(173, 214, 255, 0.15); | |||
--vscode-editorHoverWidget-background | #f3f3f3; | #252526; | #0c141f; | |||
--vscode-editorHoverWidget-foreground | #616161; | #cccccc; | #ffffff; | |||
--vscode-editorHoverWidget-border | #c8c8c8; | #454545; | #6fc3df; | |||
--vscode-editorHoverWidget-statusBarBackground | #e7e7e7; | #2c2c2d; | #0c141f; | |||
--vscode-editorLink-activeForeground | #0000ff; | #4e94ce; | #00ffff; | |||
--vscode-editorLightBulb-foreground | #ddb100; | #ffcc00; | #ffcc00; | |||
--vscode-editorLightBulbAutoFix-foreground | #007acc; | #75beff; | #75beff; | |||
--vscode-diffEditor-insertedTextBackground | rgba(155, 185, 85, 0.2); | rgba(155, 185, 85, 0.2); | Transparent | |||
--vscode-diffEditor-removedTextBackground | rgba(255, 0, 0, 0.2); | rgba(255, 0, 0, 0.2); | Transparent | |||
--vscode-diffEditor-diagonalFill | rgba(34, 34, 34, 0.2); | rgba(204, 204, 204, 0.2); | Transparent | |||
--vscode-list-focusBackground (NO LONGER AVAILABLE) | ||||||
--vscode-list-activeSelectionBackground | #0074e8; | #094771; | Transparent | |||
--vscode-list-activeSelectionForeground | #ffffff; | #ffffff; | Transparent | |||
--vscode-list-inactiveSelectionBackground | #e4e6f1; | #37373d; | Transparent | |||
--vscode-list-hoverBackground | #e8e8e8; | #2a2d2e; | Transparent | |||
--vscode-list-dropBackground | #d6ebff; | #383b3d; | Transparent | |||
--vscode-list-highlightForeground | #0066bf; | #0097fb; | #f38518; | |||
--vscode-list-invalidItemForeground | #b89500; | #b89500; | #b89500; | |||
--vscode-list-errorForeground | #b01011; | #f88070; | Transparent | |||
--vscode-list-warningForeground | #855f00; | #cca700; | Transparent | |||
--vscode-listFilterWidget-background | #efc1ad; | #653723; | #000000; | |||
--vscode-listFilterWidget-outline | rgba(0, 0, 0, 0); | rgba(0, 0, 0, 0); | #f38518; | |||
--vscode-listFilterWidget-noMatchesOutline | #be1100; | #be1100; | #6fc3df; | |||
--vscode-list-filterMatchBackground | rgba(234, 92, 0, 0.33); | rgba(234, 92, 0, 0.33); | Transparent | |||
--vscode-tree-indentGuidesStroke | #a9a9a9; | #585858; | #a9a9a9; | |||
--vscode-list-deemphasizedForeground | #8e8e90; | #8c8c8c; | #a7a8a9; | |||
--vscode-menu-foreground | #616161; | #cccccc; | #ffffff; | |||
--vscode-menu-background | #ffffff; | #252526; | #000000; | |||
--vscode-menu-selectionForeground | #ffffff; | #ffffff; | Transparent | |||
--vscode-menu-selectionBackground | #0074e8; | #094771; | Transparent | |||
--vscode-menu-separatorBackground | #888888; | #bbbbbb; | #6fc3df; | |||
--vscode-editor-snippetTabstopHighlightBackground | rgba(10, 50, 100, 0.2); | rgba(124, 124, 124, 0.3); | rgba(124, 124, 124, 0.3); | |||
--vscode-editor-snippetFinalTabstopHighlightBorder | rgba(10, 50, 100, 0.5); | #525252; | #525252; | |||
--vscode-breadcrumb-foreground | rgba(97, 97, 97, 0.8); | rgba(204, 204, 204, 0.8); | rgba(255, 255, 255, 0.8); | |||
--vscode-breadcrumb-background | #ffffff; | #1e1e1e; | #000000; | |||
--vscode-breadcrumb-focusForeground | #4e4e4e; | #e0e0e0; | #ffffff; | |||
--vscode-breadcrumb-activeSelectionForeground | #4e4e4e; | #e0e0e0; | #ffffff; | |||
--vscode-breadcrumbPicker-background | #f3f3f3; | #252526; | #0c141f; | |||
--vscode-merge-currentHeaderBackground | rgba(64, 200, 174, 0.5); | rgba(64, 200, 174, 0.5); | Transparent | |||
--vscode-merge-currentContentBackground | rgba(64, 200, 174, 0.2); | rgba(64, 200, 174, 0.2); | Transparent | |||
--vscode-merge-incomingHeaderBackground | rgba(64, 166, 255, 0.5); | rgba(64, 166, 255, 0.5); | Transparent | |||
--vscode-merge-incomingContentBackground | rgba(64, 166, 255, 0.2); | rgba(64, 166, 255, 0.2); | Transparent | |||
--vscode-merge-commonHeaderBackground | rgba(96, 96, 96, 0.4); | rgba(96, 96, 96, 0.4); | Transparent | |||
--vscode-merge-commonContentBackground | rgba(96, 96, 96, 0.16); | rgba(96, 96, 96, 0.16); | Transparent | |||
--vscode-editorOverviewRuler-currentContentForeground | rgba(64, 200, 174, 0.5); | rgba(64, 200, 174, 0.5); | #c3df6f; | |||
--vscode-editorOverviewRuler-incomingContentForeground | rgba(64, 166, 255, 0.5); | rgba(64, 166, 255, 0.5); | #c3df6f; | |||
--vscode-editorOverviewRuler-commonContentForeground | rgba(96, 96, 96, 0.4); | rgba(96, 96, 96, 0.4); | #c3df6f; | |||
--vscode-editorOverviewRuler-findMatchForeground | rgba(209, 134, 22, 0.49); | rgba(209, 134, 22, 0.49); | #ab5a00; | |||
--vscode-editorOverviewRuler-selectionHighlightForeground | rgba(160, 160, 160, 0.8); | rgba(160, 160, 160, 0.8); | rgba(160, 160, 160, 0.8); | |||
--vscode-minimap-findMatchHighlight | #d18616; | #d18616; | #ab5a00; | |||
--vscode-minimap-selectionHighlight | #add6ff; | #264f78; | #ffffff; | |||
--vscode-minimap-errorHighlight | rgba(255, 18, 18, 0.7); | rgba(255, 18, 18, 0.7); | #ff3232; | |||
--vscode-minimap-warningHighlight | #e9a700; | #cca700; | rgba(255, 204, 0, 0.8); | |||
--vscode-minimapSlider-background | rgba(100, 100, 100, 0.2); | rgba(121, 121, 121, 0.2); | rgba(111, 195, 223, 0.3); | |||
--vscode-minimapSlider-hoverBackground | rgba(100, 100, 100, 0.35); | rgba(100, 100, 100, 0.35); | rgba(111, 195, 223, 0.4); | |||
--vscode-minimapSlider-activeBackground | rgba(0, 0, 0, 0.3); | rgba(191, 191, 191, 0.2); | rgba(111, 195, 223, 0.5); | |||
--vscode-problemsErrorIcon-foreground | #e51400; | #f48771; | Transparent | |||
--vscode-problemsWarningIcon-foreground | #e9a700; | #cca700; | Transparent | |||
--vscode-problemsInfoIcon-foreground | #75beff; | #75beff; | Transparent | |||
--vscode-charts-foreground | #616161; | #cccccc; | #ffffff; | |||
--vscode-charts-lines | rgba(97, 97, 97, 0.5); | rgba(204, 204, 204, 0.5); | rgba(255, 255, 255, 0.5); | |||
--vscode-charts-red | #e51400; | #f48771; | Transparent | |||
--vscode-charts-blue | #75beff; | #75beff; | Transparent | |||
--vscode-charts-yellow | #e9a700; | #cca700; | Transparent | |||
--vscode-charts-orange | #d18616; | #d18616; | #ab5a00; | |||
--vscode-charts-green | #388a34; | #89d185; | #89d185; | |||
--vscode-charts-purple | #652d90; | #b180d7; | #b180d7; | |||
--vscode-editor-lineHighlightBorder | #eeeeee; | #282828; | #f38518; | |||
--vscode-editor-rangeHighlightBackground | rgba(253, 255, 0, 0.2); | rgba(255, 255, 255, 0.04); | Transparent | |||
--vscode-editor-symbolHighlightBackground | rgba(234, 92, 0, 0.33); | rgba(234, 92, 0, 0.33); | Transparent | |||
--vscode-editorCursor-foreground | #000000; | #aeafad; | #ffffff; | |||
--vscode-editorWhitespace-foreground | rgba(51, 51, 51, 0.2); | rgba(227, 228, 226, 0.16); | rgba(227, 228, 226, 0.16); | |||
--vscode-editorIndentGuide-background | #d3d3d3; | #404040; | #ffffff; | |||
--vscode-editorIndentGuide-activeBackground | #939393; | #707070; | #ffffff; | |||
--vscode-editorLineNumber-foreground | #237893; | #858585; | #ffffff; | |||
--vscode-editorActiveLineNumber-foreground | #0b216f; | #c6c6c6; | #f38518; | |||
--vscode-editorLineNumber-activeForeground | #0b216f; | #c6c6c6; | #f38518; | |||
--vscode-editorRuler-foreground | #d3d3d3; | #5a5a5a; | #ffffff; | |||
--vscode-editorCodeLens-foreground | #999999; | #999999; | #999999; | |||
--vscode-editorBracketMatch-background | rgba(0, 100, 0, 0.1); | rgba(0, 100, 0, 0.1); | rgba(0, 100, 0, 0.1); | |||
--vscode-editorBracketMatch-border | #b9b9b9; | #888888; | #6fc3df; | |||
--vscode-editorOverviewRuler-border | rgba(127, 127, 127, 0.3); | rgba(127, 127, 127, 0.3); | rgba(127, 127, 127, 0.3); | |||
--vscode-editorGutter-background | #ffffff; | #1e1e1e; | #000000; | |||
--vscode-editorUnnecessaryCode-opacity | rgba(0, 0, 0, 0.47); | rgba(0, 0, 0, 0.67); | Transparent | |||
--vscode-editorOverviewRuler-rangeHighlightForeground | rgba(0, 122, 204, 0.6); | rgba(0, 122, 204, 0.6); | rgba(0, 122, 204, 0.6); | |||
--vscode-editorOverviewRuler-errorForeground | rgba(255, 18, 18, 0.7); | rgba(255, 18, 18, 0.7); | #ff3232; | |||
--vscode-editorOverviewRuler-warningForeground | #e9a700; | #cca700; | rgba(255, 204, 0, 0.8); | |||
--vscode-editorOverviewRuler-infoForeground | #75beff; | #75beff; | rgba(117, 190, 255, 0.8); | |||
--vscode-editorOverviewRuler-bracketMatchForeground | #a0a0a0; | #a0a0a0; | #a0a0a0; | |||
--vscode-symbolIcon-arrayForeground | #616161; | #cccccc; | #ffffff; | |||
--vscode-symbolIcon-booleanForeground | #616161; | #cccccc; | #ffffff; | |||
--vscode-symbolIcon-classForeground | #d67e00; | #ee9d28; | #ee9d28; | |||
--vscode-symbolIcon-colorForeground | #616161; | #cccccc; | #ffffff; | |||
--vscode-symbolIcon-constantForeground | #616161; | #cccccc; | #ffffff; | |||
--vscode-symbolIcon-constructorForeground | #652d90; | #b180d7; | #b180d7; | |||
--vscode-symbolIcon-enumeratorForeground | #d67e00; | #ee9d28; | #ee9d28; | |||
--vscode-symbolIcon-enumeratorMemberForeground | #007acc; | #75beff; | #75beff; | |||
--vscode-symbolIcon-eventForeground | #d67e00; | #ee9d28; | #ee9d28; | |||
--vscode-symbolIcon-fieldForeground | #007acc; | #75beff; | #75beff; | |||
--vscode-symbolIcon-fileForeground | #616161; | #cccccc; | #ffffff; | |||
--vscode-symbolIcon-folderForeground | #616161; | #cccccc; | #ffffff; | |||
--vscode-symbolIcon-functionForeground | #652d90; | #b180d7; | #b180d7; | |||
--vscode-symbolIcon-interfaceForeground | #007acc; | #75beff; | #75beff; | |||
--vscode-symbolIcon-keyForeground | #616161; | #cccccc; | #ffffff; | |||
--vscode-symbolIcon-keywordForeground | #616161; | #cccccc; | #ffffff; | |||
--vscode-symbolIcon-methodForeground | #652d90; | #b180d7; | #b180d7; | |||
--vscode-symbolIcon-moduleForeground | #616161; | #cccccc; | #ffffff; | |||
--vscode-symbolIcon-numberForeground | #616161; | #cccccc; | #ffffff; | |||
--vscode-symbolIcon-objectForeground | #616161; | #cccccc; | #ffffff; | |||
--vscode-symbolIcon-operatorForeground | #616161; | #cccccc; | #ffffff; | |||
--vscode-symbolIcon-packageForeground | #616161; | #cccccc; | #ffffff; | |||
--vscode-symbolIcon-propertyForeground | #616161; | #cccccc; | #ffffff; | |||
--vscode-symbolIcon-referenceForeground | #616161; | #cccccc; | #ffffff; | |||
--vscode-symbolIcon-snippetForeground | #616161; | #cccccc; | #ffffff; | |||
--vscode-symbolIcon-stringForeground | #616161; | #cccccc; | #ffffff; | |||
--vscode-symbolIcon-structForeground | #616161; | #cccccc; | #ffffff; | |||
--vscode-symbolIcon-textForeground | #616161; | #cccccc; | #ffffff; | |||
--vscode-symbolIcon-typeParameterForeground | #616161; | #cccccc; | #ffffff; | |||
--vscode-symbolIcon-unitForeground | #616161; | #cccccc; | #ffffff; | |||
--vscode-symbolIcon-variableForeground | #007acc; | #75beff; | #75beff; | |||
--vscode-editor-foldBackground | rgba(173, 214, 255, 0.3); | rgba(38, 79, 120, 0.3); | Transparent | |||
--vscode-editorGutter-foldingControlForeground | #424242; | #c5c5c5; | #ffffff; | |||
--vscode-editor-onTypeRenameBackground | rgba(255, 0, 0, 0.3); | rgba(255, 0, 0, 0.3); | Transparent | |||
--vscode-editor-wordHighlightBackground | rgba(87, 87, 87, 0.25); | rgba(87, 87, 87, 0.72); | Transparent | |||
--vscode-editor-wordHighlightStrongBackground | rgba(14, 99, 156, 0.25); | rgba(0, 73, 114, 0.72); | Transparent | |||
--vscode-editorOverviewRuler-wordHighlightForeground | rgba(160, 160, 160, 0.8); | rgba(160, 160, 160, 0.8); | rgba(160, 160, 160, 0.8); | |||
--vscode-editorOverviewRuler-wordHighlightStrongForeground | rgba(192, 160, 192, 0.8); | rgba(192, 160, 192, 0.8); | rgba(192, 160, 192, 0.8); | |||
--vscode-peekViewTitle-background | #ffffff; | #1e1e1e; | #0c141f; | |||
--vscode-peekViewTitleLabel-foreground | #333333; | #ffffff; | #ffffff; | |||
--vscode-peekViewTitleDescription-foreground | rgba(97, 97, 97, 0.9); | rgba(204, 204, 204, 0.7); | rgba(255, 255, 255, 0.6); | |||
--vscode-peekView-border | #007acc; | #007acc; | #6fc3df; | |||
--vscode-peekViewResult-background | #f3f3f3; | #252526; | #000000; | |||
--vscode-peekViewResult-lineForeground | #646465; | #bbbbbb; | #ffffff; | |||
--vscode-peekViewResult-fileForeground | #1e1e1e; | #ffffff; | #ffffff; | |||
--vscode-peekViewResult-selectionBackground | rgba(51, 153, 255, 0.2); | rgba(51, 153, 255, 0.2); | Transparent | |||
--vscode-peekViewResult-selectionForeground | #6c6c6c; | #ffffff; | #ffffff; | |||
--vscode-peekViewEditor-background | #f2f8fc; | #001f33; | #000000; | |||
--vscode-peekViewEditorGutter-background | #f2f8fc; | #001f33; | #000000; | |||
--vscode-peekViewResult-matchHighlightBackground | rgba(234, 92, 0, 0.3); | rgba(234, 92, 0, 0.3); | Transparent | |||
--vscode-peekViewEditor-matchHighlightBackground | rgba(245, 216, 2, 0.87); | rgba(255, 143, 0, 0.6); | Transparent | |||
--vscode-editorSuggestWidget-background | #f3f3f3; | #252526; | #0c141f; | |||
--vscode-editorSuggestWidget-border | #c8c8c8; | #454545; | #6fc3df; | |||
--vscode-editorSuggestWidget-foreground | #000000; | #d4d4d4; | #ffffff; | |||
--vscode-editorSuggestWidget-selectedBackground | #d6ebff; | #062f4a; | Transparent | |||
--vscode-editorSuggestWidget-highlightForeground | #0066bf; | #0097fb; | #f38518; | |||
--vscode-editorMarkerNavigationError-background | #e51400; | #f48771; | rgba(228, 119, 119, 0.8); | |||
--vscode-editorMarkerNavigationWarning-background | #e9a700; | #cca700; | rgba(255, 204, 0, 0.8); | |||
--vscode-editorMarkerNavigationInfo-background | #75beff; | #75beff; | rgba(117, 190, 255, 0.8); | |||
--vscode-editorMarkerNavigation-background | #ffffff; | #2d2d30; | #0c141f; | |||
--vscode-tab-activeBackground | #ffffff; | #1e1e1e; | #000000; | |||
--vscode-tab-unfocusedActiveBackground | #ffffff; | #1e1e1e; | #000000; | |||
--vscode-tab-inactiveBackground | #ececec; | #2d2d2d; | Transparent | |||
--vscode-tab-unfocusedInactiveBackground | #ececec; | #2d2d2d; | Transparent | |||
--vscode-tab-activeForeground | #333333; | #ffffff; | #ffffff; | |||
--vscode-tab-inactiveForeground | rgba(51, 51, 51, 0.7); | rgba(255, 255, 255, 0.5); | #ffffff; | |||
--vscode-tab-unfocusedActiveForeground | rgba(51, 51, 51, 0.7); | rgba(255, 255, 255, 0.5); | #ffffff; | |||
--vscode-tab-unfocusedInactiveForeground | rgba(51, 51, 51, 0.35); | rgba(255, 255, 255, 0.25); | #ffffff; | |||
--vscode-tab-border | #f3f3f3; | #252526; | #6fc3df; | |||
--vscode-tab-lastPinnedBorder | rgba(97, 97, 97, 0.19); | rgba(204, 204, 204, 0.2); | #6fc3df; | |||
--vscode-tab-activeModifiedBorder | #33aaee; | #3399cc; | Transparent | |||
--vscode-tab-inactiveModifiedBorder | rgba(51, 170, 238, 0.5); | rgba(51, 153, 204, 0.5); | #ffffff; | |||
--vscode-tab-unfocusedActiveModifiedBorder | rgba(51, 170, 238, 0.7); | rgba(51, 153, 204, 0.5); | #ffffff; | |||
--vscode-tab-unfocusedInactiveModifiedBorder | rgba(51, 170, 238, 0.25); | rgba(51, 153, 204, 0.25); | #ffffff; | |||
--vscode-editorPane-background | #ffffff; | #1e1e1e; | #000000; | |||
--vscode-editorGroupHeader-tabsBackground | #f3f3f3; | #252526; | Transparent | |||
--vscode-editorGroupHeader-noTabsBackground | #ffffff; | #1e1e1e; | #000000; | |||
--vscode-editorGroup-border | #e7e7e7; | #444444; | #6fc3df; | |||
--vscode-editorGroup-dropBackground | rgba(38, 119, 203, 0.18); | rgba(83, 89, 93, 0.5); | Transparent | |||
--vscode-imagePreview-border | rgba(128, 128, 128, 0.35); | rgba(128, 128, 128, 0.35); | #6fc3df; | |||
--vscode-panel-background | #ffffff; | #1e1e1e; | #000000; | |||
--vscode-panel-border | rgba(128, 128, 128, 0.35); | rgba(128, 128, 128, 0.35); | #6fc3df; | |||
--vscode-panelTitle-activeForeground | #424242; | #e7e7e7; | #ffffff; | |||
--vscode-panelTitle-inactiveForeground | rgba(66, 66, 66, 0.75); | rgba(231, 231, 231, 0.6); | #ffffff; | |||
--vscode-panelTitle-activeBorder | #424242; | #e7e7e7; | #6fc3df; | |||
--vscode-panelInput-border | #dddddd; | Transparent | ||||
--vscode-panel-dropBorder | #424242; | #e7e7e7; | #ffffff; | |||
--vscode-panelSection-dropBackground | rgba(38, 119, 203, 0.18); | rgba(83, 89, 93, 0.5); | Transparent | |||
--vscode-panelSectionHeader-background | rgba(128, 128, 128, 0.2); | rgba(128, 128, 128, 0.2); | Transparent | |||
--vscode-panelSection-border | rgba(128, 128, 128, 0.35); | rgba(128, 128, 128, 0.35); | #6fc3df; | |||
--vscode-statusBar-foreground | #ffffff; | #ffffff; | #ffffff; | |||
--vscode-statusBar-noFolderForeground | #ffffff; | #ffffff; | #ffffff; | |||
--vscode-statusBar-background | #007acc; | #007acc; | Transparent | |||
--vscode-statusBar-noFolderBackground | #68217a; | #68217a; | Transparent | |||
--vscode-statusBarItem-activeBackground | rgba(255, 255, 255, 0.18); | rgba(255, 255, 255, 0.18); | rgba(255, 255, 255, 0.18); | |||
--vscode-statusBarItem-hoverBackground | rgba(255, 255, 255, 0.12); | rgba(255, 255, 255, 0.12); | rgba(255, 255, 255, 0.12); | |||
--vscode-statusBarItem-prominentForeground | #ffffff; | #ffffff; | #ffffff; | |||
--vscode-statusBarItem-prominentBackground | rgba(0, 0, 0, 0.5); | rgba(0, 0, 0, 0.5); | rgba(0, 0, 0, 0.5); | |||
--vscode-statusBarItem-prominentHoverBackground | rgba(0, 0, 0, 0.3); | rgba(0, 0, 0, 0.3); | rgba(0, 0, 0, 0.3); | |||
--vscode-activityBar-background | #2c2c2c; | #333333; | #000000; | |||
--vscode-activityBar-foreground | #ffffff; | #ffffff; | #ffffff; | |||
--vscode-activityBar-inactiveForeground | rgba(255, 255, 255, 0.4); | rgba(255, 255, 255, 0.4); | #ffffff; | |||
--vscode-activityBar-activeBorder | #ffffff; | #ffffff; | Transparent | |||
--vscode-activityBar-dropBorder | #ffffff; | #ffffff; | #ffffff; | |||
--vscode-activityBarBadge-background | #007acc; | #007acc; | #000000; | |||
--vscode-activityBarBadge-foreground | #ffffff; | #ffffff; | #ffffff; | |||
--vscode-statusBarItem-remoteBackground | #16825d; | #16825d; | rgba(0, 0, 0, 0); | |||
--vscode-statusBarItem-remoteForeground | #ffffff; | #ffffff; | #ffffff; | |||
--vscode-extensionBadge-remoteBackground | #007acc; | #007acc; | #000000; | |||
--vscode-extensionBadge-remoteForeground | #ffffff; | #ffffff; | #ffffff; | |||
--vscode-sideBar-background | #f3f3f3; | #252526; | #000000; | |||
--vscode-sideBarTitle-foreground | #6f6f6f; | #bbbbbb; | #ffffff; | |||
--vscode-sideBar-dropBackground | rgba(38, 119, 203, 0.18); | rgba(83, 89, 93, 0.5); | Transparent | |||
--vscode-sideBarSectionHeader-background | rgba(0, 0, 0, 0); | rgba(0, 0, 0, 0); | Transparent | |||
--vscode-sideBarSectionHeader-border | rgba(97, 97, 97, 0.19); | rgba(204, 204, 204, 0.2); | #6fc3df; | |||
--vscode-titleBar-activeForeground | #333333; | #cccccc; | #ffffff; | |||
--vscode-titleBar-inactiveForeground | rgba(51, 51, 51, 0.6); | rgba(204, 204, 204, 0.6); | Transparent | |||
--vscode-titleBar-activeBackground | #dddddd; | #3c3c3c; | #000000; | |||
--vscode-titleBar-inactiveBackground | rgba(221, 221, 221, 0.6); | rgba(60, 60, 60, 0.6); | Transparent | |||
--vscode-menubar-selectionForeground | #333333; | #cccccc; | #ffffff; | |||
--vscode-menubar-selectionBackground | rgba(0, 0, 0, 0.1); | rgba(255, 255, 255, 0.1); | Transparent | |||
--vscode-notifications-foreground | #616161; | #cccccc; | #ffffff; | |||
--vscode-notifications-background | #f3f3f3; | #252526; | #0c141f; | |||
--vscode-notificationLink-foreground | #006ab1; | #3794ff; | #3794ff; | |||
--vscode-notificationCenterHeader-background | #e7e7e7; | #303031; | #0c141f; | |||
--vscode-notifications-border | #e7e7e7; | #303031; | #0c141f; | |||
--vscode-notificationsErrorIcon-foreground | #e51400; | #f48771; | Transparent | |||
--vscode-notificationsWarningIcon-foreground | #e9a700; | #cca700; | Transparent | |||
--vscode-notificationsInfoIcon-foreground | #75beff; | #75beff; | Transparent | |||
--vscode-editorGutter-commentRangeForeground | #c5c5c5; | #c5c5c5; | #c5c5c5; | |||
--vscode-terminal-foreground | #333333; | #cccccc; | #ffffff; | |||
--vscode-terminal-selectionBackground | rgba(0, 0, 0, 0.25); | rgba(255, 255, 255, 0.25); | rgba(255, 255, 255, 0.5); | |||
--vscode-terminal-border | rgba(128, 128, 128, 0.35); | rgba(128, 128, 128, 0.35); | #6fc3df; | |||
--vscode-statusBar-debuggingBackground | #cc6633; | #cc6633; | #cc6633; | |||
--vscode-statusBar-debuggingForeground | #ffffff; | #ffffff; | #ffffff; | |||
--vscode-settings-headerForeground | #444444; | #e7e7e7; | #ffffff; | |||
--vscode-settings-modifiedItemIndicator | #66afe0; | #0c7d9d; | #00497a; | |||
--vscode-settings-dropdownBackground | #ffffff; | #3c3c3c; | #000000; | |||
--vscode-settings-dropdownForeground | #f0f0f0; | #ffffff; | ||||
--vscode-settings-dropdownBorder | #cecece; | #3c3c3c; | #6fc3df; | |||
--vscode-settings-dropdownListBorder | #c8c8c8; | #454545; | #6fc3df; | |||
--vscode-settings-checkboxBackground | #ffffff; | #3c3c3c; | #000000; | |||
--vscode-settings-checkboxForeground | #f0f0f0; | #ffffff; | ||||
--vscode-settings-checkboxBorder | #cecece; | #3c3c3c; | #6fc3df; | |||
--vscode-settings-textInputBackground | #ffffff; | #3c3c3c; | #000000; | |||
--vscode-settings-textInputForeground | #616161; | #cccccc; | #ffffff; | |||
--vscode-settings-textInputBorder | #cecece; | #6fc3df; | ||||
--vscode-settings-numberInputBackground | #ffffff; | #3c3c3c; | #000000; | |||
--vscode-settings-numberInputForeground | #616161; | #cccccc; | #ffffff; | |||
--vscode-settings-numberInputBorder | #cecece; | #6fc3df; | ||||
--vscode-settings-focusedRowBackground | rgba(214, 235, 255, 0.4); | rgba(128, 128, 128, 0.14); | Transparent | |||
--vscode-notebook-rowHoverBackground | rgba(214, 235, 255, 0.28); | rgba(128, 128, 128, 0.07); | Transparent | |||
--vscode-notebook-focusedRowBorder | rgba(0, 0, 0, 0.12); | rgba(255, 255, 255, 0.12); | #f38518; | |||
--vscode-debugExceptionWidget-border | #a31515; | #a31515; | #a31515; | |||
--vscode-debugExceptionWidget-background | #f1dfde; | #420b0d; | #420b0d; | |||
--vscode-editorGutter-modifiedBackground | #66afe0; | #0c7d9d; | #009bf9; | |||
--vscode-editorGutter-addedBackground | #81b88b; | #587c0c; | #33ab4e; | |||
--vscode-editorGutter-deletedBackground | #ca4b51; | #94151b; | #fc5d6d; | |||
--vscode-minimapGutter-modifiedBackground | #66afe0; | #0c7d9d; | #009bf9; | |||
--vscode-minimapGutter-addedBackground | #81b88b; | #587c0c; | #33ab4e; | |||
--vscode-minimapGutter-deletedBackground | #ca4b51; | #94151b; | #fc5d6d; | |||
--vscode-editorOverviewRuler-modifiedForeground | rgba(102, 175, 224, 0.6); | rgba(12, 125, 157, 0.6); | rgba(0, 155, 249, 0.6); | |||
--vscode-editorOverviewRuler-addedForeground | rgba(129, 184, 139, 0.6); | rgba(88, 124, 12, 0.6); | rgba(51, 171, 78, 0.6); | |||
--vscode-editorOverviewRuler-deletedForeground | rgba(202, 75, 81, 0.6); | rgba(148, 21, 27, 0.6); | ![]() | rgba(252, 93, 109, 0.6); | ||
--vscode-editor-stackFrameHighlightBackground | rgba(255, 255, 102, 0.45); | rgba(255, 255, 0, 0.2); | rgba(255, 255, 0, 0.2); | |||
--vscode-editor-focusedStackFrameHighlightBackground | rgba(206, 231, 206, 0.45); | rgba(122, 189, 122, 0.3); | rgba(122, 189, 122, 0.3); | |||
--vscode-searchEditor-textInputBorder | #cecece; | #6fc3df; | ||||
--vscode-debugIcon-breakpointForeground | #e51400; | #e51400; | #e51400; | |||
--vscode-debugIcon-breakpointDisabledForeground | #848484; | #848484; | #848484; | |||
--vscode-debugIcon-breakpointUnverifiedForeground | #848484; | #848484; | #848484; | |||
--vscode-debugIcon-breakpointCurrentStackframeForeground | #ffcc00; | #ffcc00; | #ffcc00; | |||
--vscode-debugIcon-breakpointStackframeForeground | #89d185; | #89d185; | #89d185; | |||
--vscode-debugToolBar-background | #f3f3f3; | #333333; | #000000; | |||
--vscode-debugIcon-startForeground | #388a34; | #89d185; | #89d185; | |||
--vscode-debugIcon-pauseForeground | #007acc; | #75beff; | #75beff; | |||
--vscode-debugIcon-stopForeground | #a1260d; | #f48771; | #f48771; | |||
--vscode-debugIcon-disconnectForeground | #a1260d; | #f48771; | #f48771; | |||
--vscode-debugIcon-restartForeground | #388a34; | #89d185; | #89d185; | |||
--vscode-debugIcon-stepOverForeground | #007acc; | #75beff; | #75beff; | |||
--vscode-debugIcon-stepIntoForeground | #007acc; | #75beff; | #75beff; | |||
--vscode-debugIcon-stepOutForeground | #007acc; | #75beff; | #75beff; | |||
--vscode-debugIcon-continueForeground | #007acc; | #75beff; | #75beff; | |||
--vscode-debugIcon-stepBackForeground | #007acc; | #75beff; | #75beff; | |||
--vscode-debugTokenExpression-name | #9b46b0; | #c586c0; | #ffffff; | |||
--vscode-debugTokenExpression-value | rgba(108, 108, 108, 0.8); | rgba(204, 204, 204, 0.6); | #ffffff; | |||
--vscode-debugTokenExpression-string | #a31515; | #ce9178; | #f48771; | |||
--vscode-debugTokenExpression-boolean | #0000ff; | #4e94ce; | #75bdfe; | |||
--vscode-debugTokenExpression-number | #098658; | #b5cea8; | #89d185; | |||
--vscode-debugTokenExpression-error | #e51400; | #f48771; | #f48771; | |||
--vscode-debugView-exceptionLabelForeground | #ffffff; | #cccccc; | #ffffff; | |||
--vscode-debugView-exceptionLabelBackground | #a31515; | #6c2022; | #6c2022; | |||
--vscode-debugView-stateLabelForeground | #616161; | #cccccc; | #ffffff; | |||
--vscode-debugView-stateLabelBackground | rgba(136, 136, 136, 0.27); | rgba(136, 136, 136, 0.27); | rgba(136, 136, 136, 0.27); | |||
--vscode-debugView-valueChangedHighlight | #569cd6; | #569cd6; | #569cd6; | |||
--vscode-debugConsole-infoForeground | #75beff; | #75beff; | #ffffff; | |||
--vscode-debugConsole-warningForeground | #e9a700; | #cca700; | #008000; | |||
--vscode-debugConsole-errorForeground | #a1260d; | #f48771; | #f48771; | |||
--vscode-debugConsole-sourceForeground | #616161; | #cccccc; | #ffffff; | |||
--vscode-debugConsoleInputIcon-foreground | #616161; | #cccccc; | #ffffff; | |||
--vscode-extensionButton-prominentBackground | #327e36; | #327e36; | Transparent | |||
--vscode-extensionButton-prominentForeground | #ffffff; | #ffffff; | Transparent | |||
--vscode-extensionButton-prominentHoverBackground | #28632b; | #28632b; | Transparent | |||
--vscode-notebook-cellBorderColor | #dae3e9; | rgba(128, 128, 128, 0.14); | #6fc3df; | |||
--vscode-notebook-focusedEditorBorder | #0090f1; | #007fd4; | #f38518; | |||
--vscode-notebookStatusSuccessIcon-foreground | #388a34; | #89d185; | #89d185; | |||
--vscode-notebookStatusErrorIcon-foreground | #a1260d; | #f48771; | #f48771; | |||
--vscode-notebookStatusRunningIcon-foreground | #616161; | #cccccc; | #ffffff; | |||
--vscode-notebook-outputContainerBackgroundColor | rgba(200, 221, 241, 0.31); | rgba(128, 128, 128, 0.14); | Transparent | |||
--vscode-notebook-cellToolbarSeparator | rgba(128, 128, 128, 0.35); | rgba(128, 128, 128, 0.35); | #6fc3df; | |||
--vscode-notebook-focusedCellBackground | rgba(200, 221, 241, 0.31); | rgba(128, 128, 128, 0.14); | Transparent | |||
--vscode-notebook-cellHoverBackground | rgba(200, 221, 241, 0.22); | rgba(128, 128, 128, 0.07); | Transparent | |||
--vscode-notebook-focusedCellBorder | rgba(0, 0, 0, 0.12); | rgba(255, 255, 255, 0.12); | #f38518; | |||
--vscode-notebook-cellStatusBarItemHoverBackground | rgba(0, 0, 0, 0.08); | rgba(255, 255, 255, 0.15); | rgba(255, 255, 255, 0.15); | |||
--vscode-notebook-cellInsertionIndicator | #0090f1; | #007fd4; | #f38518; | |||
--vscode-notebookScrollbarSlider-background | rgba(100, 100, 100, 0.4); | rgba(121, 121, 121, 0.4); | rgba(111, 195, 223, 0.6); | |||
--vscode-notebookScrollbarSlider-hoverBackground | rgba(100, 100, 100, 0.7); | rgba(100, 100, 100, 0.7); | rgba(111, 195, 223, 0.8); | |||
--vscode-notebookScrollbarSlider-activeBackground | rgba(0, 0, 0, 0.6); | rgba(191, 191, 191, 0.4); | #6fc3df; |