Brume Frost Theme
Publisher: vkvikramThemes in package: 6
A frost-tinted color palette — 6 variants, icy glass aesthetic for VS Code
Color themes
VS Code preview
Full workbench mockup using this variant's colors and tokenColors.
Loading...
colors
Workbench UI color keys from the theme JSON colors map.
- actionBar.toggledFocusBorder#68c0d8
- activityBar.activeBorder#68c0d8
- activityBar.activeFocusBorder#68c0d8
- activityBar.background#242c3a
- activityBar.border#364050
- activityBar.dropBorder#68c0d8
- activityBar.foreground#c0c8d8
- activityBar.inactiveForeground#707890
- activityBarBadge.background#68c0d8
- activityBarBadge.foreground#242c3a
- badge.background#424e60
- badge.foreground#c0c8d8
- banner.background#2c3648
- banner.foreground#c0c8d8
- banner.iconForeground#68c0d8
- breadcrumb.activeSelectionForeground#68c0d8
- breadcrumb.background#242c3a
- breadcrumb.focusForeground#c0c8d8
- breadcrumb.foreground#707890
- breadcrumbPicker.background#2c3648
- button.background#68c0d8
- button.border#68c0d8
- button.foreground#242c3a
- button.hoverBackground#78c0d8
- button.secondaryBackground#364050
- button.secondaryForeground#c0c8d8
- button.secondaryHoverBackground#424e60
- button.separator#424e60
- charts.blue#5898b8
- charts.foreground#c0c8d8
- charts.green#48a060
- charts.lines#424e60
- charts.orange#d09058
- charts.purple#9878b0
- charts.red#c86070
- charts.yellow#c0a848
- checkbox.background#2c3648
- checkbox.border#364050
- checkbox.foreground#c0c8d8
- commandCenter.activeBackground#2c3648
- commandCenter.activeForeground#68c0d8
- commandCenter.background#242c3a
- commandCenter.border#364050
- commandCenter.debuggingBackground#d09058
- commandCenter.foreground#c0c8d8
- commandCenter.inactiveBorder#364050
- commandCenter.inactiveForeground#707890
- debugExceptionWidget.background#2c3648
- debugExceptionWidget.border#c86070
- debugIcon.breakpointCurrentStackframeForeground#68c0d8
- debugIcon.breakpointDisabledForeground#c8607060
- debugIcon.breakpointForeground#c86070
- debugIcon.breakpointStackframeForeground#78c0d8
- debugIcon.breakpointUnverifiedForeground#c0a848
- debugIcon.continueForeground#68c0d8
- debugIcon.disconnectForeground#d09058
- debugIcon.pauseForeground#c0a848
- debugIcon.restartForeground#48a060
- debugIcon.startForeground#48a060
- debugIcon.stepBackForeground#68c0d8
- debugIcon.stepIntoForeground#68c0d8
- debugIcon.stepOutForeground#68c0d8
- debugIcon.stepOverForeground#68c0d8
- debugIcon.stopForeground#c86070
- debugToolBar.background#2c3648
- debugToolBar.border#364050
- descriptionForeground#98a0b0
- diffEditor.diagonalFill#364050
- diffEditor.insertedLineBackground#48a06020
- diffEditor.insertedTextBackground#48a06033
- diffEditor.insertedTextBorder#48a060
- diffEditor.removedLineBackground#c8607020
- diffEditor.removedTextBackground#c8607033
- diffEditor.removedTextBorder#c86070
- diffEditorGutter.insertedLineBackground#48a06040
- diffEditorGutter.removedLineBackground#c8607040
- diffEditorOverview.insertedForeground#48a060
- diffEditorOverview.removedForeground#c86070
- disabledForeground#707890
- dropdown.background#2c3648
- dropdown.border#364050
- dropdown.foreground#c0c8d8
- dropdown.listBackground#2c3648
- editor.background#242c3a
- editor.findMatchBackground#d0905899
- editor.findMatchHighlightBackground#78c0d84d
- editor.findRangeHighlightBackground#2c364880
- editor.foreground#c0c8d8
- editor.hoverHighlightBackground#36405040
- editor.inactiveSelectionBackground#36405060
- editor.lineHighlightBackground#2c3648
- editor.lineHighlightBorder#364050
- editor.rangeHighlightBackground#2c364860
- editor.selectionBackground#36405090
- editor.selectionForeground#c0c8d8
- editor.selectionHighlightBackground#36405050
- editor.snippetFinalTabstopHighlightBorder#68c0d8
- editor.snippetTabstopHighlightBackground#68c0d830
- editor.symbolHighlightBackground#78c0d84d
- editor.wordHighlightBackground#36405040
- editor.wordHighlightStrongBackground#36405060
- editor.wordHighlightTextBackground#36405040
- editorBracketHighlight.foreground1#68c0d8
- editorBracketHighlight.foreground2#58b0c8
- editorBracketHighlight.foreground3#78c0d8
- editorBracketHighlight.foreground4#48a060
- editorBracketHighlight.foreground5#c0a848
- editorBracketHighlight.foreground6#d09058
- editorBracketHighlight.unexpectedBracket.foreground#c86070
- editorBracketMatch.background#68c0d820
- editorBracketMatch.border#68c0d8
- editorBracketPairGuide.activeBackground1#68c0d8
- editorBracketPairGuide.activeBackground2#58b0c8
- editorBracketPairGuide.activeBackground3#78c0d8
- editorBracketPairGuide.activeBackground4#48a060
- editorBracketPairGuide.activeBackground5#c0a848
- editorBracketPairGuide.activeBackground6#d09058
- editorBracketPairGuide.background1#68c0d860
- editorBracketPairGuide.background2#58b0c860
- editorBracketPairGuide.background3#78c0d860
- editorBracketPairGuide.background4#48a06060
- editorBracketPairGuide.background5#c0a84860
- editorBracketPairGuide.background6#d0905860
- editorCodeLens.foreground#707890
- editorCursor.background#242c3a
- editorCursor.foreground#68c0d8
- editorError.background#c8607010
- editorError.border#c86070
- editorError.foreground#c86070
- editorGroup.background#2c3648
- editorGroup.border#364050
- editorGroup.dropBackground#68c0d820
- editorGroup.dropIntoPromptBackground#2c3648
- editorGroup.dropIntoPromptBorder#364050
- editorGroup.dropIntoPromptForeground#c0c8d8
- editorGroupHeader.border#364050
- editorGroupHeader.noTabsBackground#242c3a
- editorGroupHeader.tabsBackground#2c3648
- editorGroupHeader.tabsBorder#364050
- editorGutter.addedBackground#48a060
- editorGutter.background#242c3a
- editorGutter.commentGlyphForeground#c0c8d8
- editorGutter.commentRangeForeground#364050
- editorGutter.deletedBackground#c86070
- editorGutter.foldingControlForeground#707890
- editorGutter.modifiedBackground#78c0d8
- editorHint.border#48a060
- editorHint.foreground#48a060
- editorHoverWidget.background#2c3648
- editorHoverWidget.border#364050
- editorHoverWidget.foreground#c0c8d8
- editorHoverWidget.statusBarBackground#364050
- editorIndentGuide.activeBackground#4e5a70
- editorIndentGuide.background#424e60
- editorInfo.background#68c0d810
- editorInfo.border#68c0d8
- editorInfo.foreground#68c0d8
- editorInlayHint.background#36405080
- editorInlayHint.foreground#707890
- editorInlayHint.parameterBackground#2c364880
- editorInlayHint.parameterForeground#707890
- editorInlayHint.typeBackground#36405080
- editorInlayHint.typeForeground#98a0b0
- editorLightBulb.foreground#c0a848
- editorLightBulbAutoFix.foreground#68c0d8
- editorLineNumber.activeForeground#c0c8d8
- editorLineNumber.foreground#707890
- editorLink.activeForeground#68c0d8
- editorMarkerNavigation.background#2c3648
- editorMarkerNavigationError.background#c86070
- editorMarkerNavigationError.headerForeground#c0c8d8
- editorMarkerNavigationInfo.background#68c0d8
- editorMarkerNavigationInfo.headerForeground#c0c8d8
- editorMarkerNavigationWarning.background#c0a848
- editorMarkerNavigationWarning.headerForeground#c0c8d8
- editorOverviewRuler.addedForeground#48a06090
- editorOverviewRuler.border#1c263a
- editorOverviewRuler.bracketMatchForeground#68c0d8
- editorOverviewRuler.commonContentForeground#c0a848
- editorOverviewRuler.currentContentForeground#48a060
- editorOverviewRuler.deletedForeground#c8607090
- editorOverviewRuler.errorForeground#c86070
- editorOverviewRuler.findMatchForeground#d09058
- editorOverviewRuler.incomingContentForeground#78c0d8
- editorOverviewRuler.infoForeground#68c0d8
- editorOverviewRuler.modifiedForeground#78c0d890
- editorOverviewRuler.rangeHighlightForeground#78c0d8
- editorOverviewRuler.selectionHighlightForeground#707890
- editorOverviewRuler.warningForeground#c0a848
- editorOverviewRuler.wordHighlightForeground#707890
- editorOverviewRuler.wordHighlightStrongForeground#98a0b0
- editorPane.background#242c3a
- editorRuler.foreground#4e5a70
- editorStickyScroll.background#2c3648
- editorStickyScroll.shadow#10161e40
- editorStickyScrollHover.background#364050
- editorSuggestWidget.background#2c3648
- editorSuggestWidget.border#364050
- editorSuggestWidget.focusHighlightForeground#68c0d8
- editorSuggestWidget.foreground#c0c8d8
- editorSuggestWidget.highlightForeground#68c0d8
- editorSuggestWidgetStatus.foreground#707890
- editorUnicodeHighlight.background#d0905820
- editorUnicodeHighlight.border#d09058
- editorUnnecessaryCode.border#70789020
- editorUnnecessaryCode.opacity#70789060
- editorWarning.background#c0a84810
- editorWarning.border#c0a848
- editorWarning.foreground#c0a848
- editorWatermark.foreground#707890
- editorWhitespace.foreground#707890
- editorWidget.background#2c3648
- editorWidget.border#364050
- editorWidget.foreground#c0c8d8
- editorWidget.resizeBorder#68c0d8
- errorForeground#c86070
- extensionBadge.remoteBackground#68c0d8
- extensionBadge.remoteForeground#242c3a
- extensionButton.prominentBackground#68c0d8
- extensionButton.prominentForeground#242c3a
- extensionButton.prominentHoverBackground#78c0d8
- extensionIcon.preReleaseForeground#d09058
- extensionIcon.starForeground#c0a848
- extensionIcon.verifiedForeground#48a060
- focusBorder#68c0d8
- foreground#c0c8d8
- gitDecoration.addedResourceForeground#48a060
- gitDecoration.conflictingResourceForeground#d09058
- gitDecoration.deletedResourceForeground#c86070
- gitDecoration.ignoredResourceForeground#707890
- gitDecoration.modifiedResourceForeground#78c0d8
- gitDecoration.renamedResourceForeground#48a060
- gitDecoration.submoduleResourceForeground#707890
- input.background#2c3648
- input.border#424e60
- input.foreground#c0c8d8
- input.placeholderForeground#707890
- inputOption.activeBackground#68c0d830
- inputOption.activeBorder#68c0d8
- inputOption.activeForeground#68c0d8
- inputValidation.errorBackground#c8607020
- inputValidation.errorBorder#c86070
- inputValidation.infoBackground#68c0d820
- inputValidation.infoBorder#68c0d8
- inputValidation.warningBackground#c0a84820
- inputValidation.warningBorder#c0a848
- keybindingLabel.background#2c3648
- keybindingLabel.border#424e60
- keybindingLabel.foreground#c0c8d8
- keybindingTable.headerBackground#364050
- keybindingTable.rowsBackground#2c364840
- list.activeSelectionBackground#424e60
- list.activeSelectionForeground#c0c8d8
- list.activeSelectionIconForeground#c0c8d8
- list.deemphasizedForeground#707890
- list.dropBackground#68c0d820
- list.errorForeground#c86070
- list.focusAndSelectionOutline#68c0d8
- list.focusBackground#364050
- list.focusForeground#c0c8d8
- list.focusHighlightForeground#68c0d8
- list.focusOutline#68c0d8
- list.highlightForeground#68c0d8
- list.hoverBackground#2c3648
- list.hoverForeground#c0c8d8
- list.inactiveSelectionBackground#364050
- list.inactiveSelectionForeground#c0c8d8
- list.inactiveSelectionIconForeground#c0c8d8
- list.invalidItemForeground#c86070
- list.warningForeground#c0a848
- menu.background#2c3648
- menu.border#364050
- menu.foreground#c0c8d8
- menu.selectionBackground#364050
- menu.selectionForeground#c0c8d8
- menu.separatorBackground#424e60
- menubar.selectionBackground#364050
- menubar.selectionBorder#424e60
- menubar.selectionForeground#c0c8d8
- merge.border#78c0d8
- merge.commonContentBackground#c0a84830
- merge.commonHeaderBackground#c0a84860
- merge.currentContentBackground#78c0d830
- merge.currentHeaderBackground#78c0d860
- merge.incomingContentBackground#48a06030
- merge.incomingHeaderBackground#48a06060
- minimap.background#242c3a
- minimap.errorHighlight#c86070
- minimap.findMatchHighlight#d09058
- minimap.foregroundOpacity#c0c8d899
- minimap.selectionHighlight#36405080
- minimap.selectionOccurrenceHighlight#36405060
- minimap.warningHighlight#c0a848
- minimapGutter.addedBackground#48a060
- minimapGutter.deletedBackground#c86070
- minimapGutter.modifiedBackground#78c0d8
- notificationCenter.border#364050
- notificationCenterHeader.background#2c3648
- notificationCenterHeader.foreground#c0c8d8
- notificationLink.foreground#68c0d8
- notifications.background#2c3648
- notifications.border#364050
- notifications.foreground#c0c8d8
- notificationToast.border#364050
- panel.background#2c3648
- panel.border#364050
- panel.dropBorder#68c0d8
- panelInput.border#364050
- panelSection.border#364050
- panelSection.dropBackground#68c0d820
- panelSectionHeader.background#364050
- panelSectionHeader.border#424e60
- panelSectionHeader.foreground#c0c8d8
- panelTitle.activeBorder#68c0d8
- panelTitle.activeForeground#c0c8d8
- panelTitle.inactiveForeground#707890
- pickerGroup.border#364050
- pickerGroup.foreground#707890
- quickInput.background#2c3648
- quickInput.foreground#c0c8d8
- quickInputTitle.background#364050
- scrollbar.shadow#242c3a
- scrollbarSlider.activeBackground#4e5a70cc
- scrollbarSlider.background#4e5a7099
- scrollbarSlider.hoverBackground#424e6099
- selection.background#68c0d860
- settings.dropdownBackground#2c3648
- settings.dropdownBorder#364050
- settings.dropdownForeground#c0c8d8
- settings.dropdownListBorder#424e60
- settings.focusedRowBackground#2c3648
- settings.headerBorder#364050
- settings.headerForeground#c0c8d8
- settings.modifiedItemIndicator#78c0d8
- settings.numberInputBackground#2c3648
- settings.numberInputBorder#364050
- settings.numberInputForeground#c0c8d8
- settings.settingsHeaderHoverForeground#68c0d8
- settings.textInputBackground#2c3648
- settings.textInputBorder#364050
- settings.textInputForeground#c0c8d8
- sideBar.background#2c3648
- sideBar.border#364050
- sideBar.dropBackground#68c0d820
- sideBar.foreground#c0c8d8
- sideBarSectionHeader.background#364050
- sideBarSectionHeader.border#424e60
- sideBarSectionHeader.foreground#c0c8d8
- sideBarTitle.foreground#c0c8d8
- sideBySideEditor.horizontalBorder#364050
- statusBar.background#242c3a
- statusBar.border#364050
- statusBar.debuggingBackground#d09058
- statusBar.debuggingBorder#d09058
- statusBar.debuggingForeground#242c3a
- statusBar.focusBorder#68c0d8
- statusBar.foreground#c0c8d8
- statusBar.noFolderBackground#242c3a
- statusBar.noFolderBorder#364050
- statusBar.noFolderForeground#c0c8d8
- statusBarItem.activeBackground#364050
- statusBarItem.errorBackground#c86070
- statusBarItem.errorForeground#242c3a
- statusBarItem.hoverBackground#364050
- statusBarItem.hoverForeground#c0c8d8
- statusBarItem.offlineBackground#707890
- statusBarItem.offlineForeground#242c3a
- statusBarItem.prominentBackground#424e60
- statusBarItem.prominentForeground#c0c8d8
- statusBarItem.prominentHoverBackground#364050
- statusBarItem.remoteBackground#5898b8
- statusBarItem.remoteForeground#242c3a
- statusBarItem.warningBackground#c0a848
- statusBarItem.warningForeground#242c3a
- symbolIcon.arrayForeground#78c0d8
- symbolIcon.booleanForeground#c0a848
- symbolIcon.classForeground#5898b8
- symbolIcon.colorForeground#e078a8
- symbolIcon.constantForeground#d09058
- symbolIcon.constructorForeground#68c0d8
- symbolIcon.enumeratorForeground#c0a848
- symbolIcon.enumeratorMemberForeground#5898b8
- symbolIcon.eventForeground#e07898
- symbolIcon.fieldForeground#d09058
- symbolIcon.fileForeground#707890
- symbolIcon.folderForeground#78c0d8
- symbolIcon.functionForeground#68c0d8
- symbolIcon.interfaceForeground#5898b8
- symbolIcon.keyForeground#c0a848
- symbolIcon.keywordForeground#c068a0
- symbolIcon.methodForeground#68c0d8
- symbolIcon.moduleForeground#9878b0
- symbolIcon.namespaceForeground#9878b0
- symbolIcon.nullForeground#c86070
- symbolIcon.numberForeground#d8a070
- symbolIcon.objectForeground#d09058
- symbolIcon.operatorForeground#78c0d8
- symbolIcon.packageForeground#48a060
- symbolIcon.propertyForeground#d09058
- symbolIcon.referenceForeground#78c0d8
- symbolIcon.snippetForeground#48a060
- symbolIcon.stringForeground#48a060
- symbolIcon.structForeground#5898b8
- symbolIcon.textForeground#c0c8d8
- symbolIcon.typeParameterForeground#5898b8
- symbolIcon.unitForeground#d8a070
- symbolIcon.variableForeground#c0c8d8
- tab.activeBackground#242c3a
- tab.activeBorder#68c0d8
- tab.activeBorderTop#68c0d8
- tab.activeForeground#c0c8d8
- tab.activeModifiedBorder#78c0d8
- tab.border#424e60
- tab.hoverBackground#2c3648
- tab.hoverBorder#364050
- tab.hoverForeground#c0c8d8
- tab.inactiveBackground#2c3648
- tab.inactiveForeground#98a0b0
- tab.inactiveModifiedBorder#78c0d8
- tab.lastPinnedBorder#424e60
- tab.unfocusedActiveBorder#707890
- tab.unfocusedActiveBorderTop#707890
- tab.unfocusedActiveForeground#707890
- tab.unfocusedActiveModifiedBorder#78c0d8
- tab.unfocusedHoverBackground#2c3648
- tab.unfocusedHoverBorder#364050
- tab.unfocusedHoverForeground#98a0b0
- tab.unfocusedInactiveBackground#2c3648
- tab.unfocusedInactiveForeground#707890
- tab.unfocusedInactiveModifiedBorder#78c0d8
- terminal.ansiBlack#242c3a
- terminal.ansiBlue#5898b8
- terminal.ansiBrightBlack#707890
- terminal.ansiBrightBlue#78c0d8
- terminal.ansiBrightCyan#78c0d8
- terminal.ansiBrightGreen#50b0a0
- terminal.ansiBrightMagenta#a888b8
- terminal.ansiBrightRed#e07898
- terminal.ansiBrightWhite#98a0b0
- terminal.ansiBrightYellow#d09058
- terminal.ansiCyan#68c0d8
- terminal.ansiGreen#48a060
- terminal.ansiMagenta#9878b0
- terminal.ansiRed#c86070
- terminal.ansiWhite#c0c8d8
- terminal.ansiYellow#c0a848
- terminal.background#242c3a
- terminal.dropBorder#68c0d8
- terminal.foreground#c0c8d8
- terminal.selectionBackground#68c0d840
- terminalCommandDecoration.defaultBackground#707890
- terminalCommandDecoration.errorBackground#c86070
- terminalCommandDecoration.successBackground#48a060
- terminalCursor.background#242c3a
- terminalCursor.foreground#68c0d8
- textBlockQuote.background#2c3648
- textBlockQuote.border#68c0d8
- textCodeBlock.background#364050
- textLink.activeForeground#58b0c8
- textLink.foreground#68c0d8
- textPreformat.background#364050
- textPreformat.foreground#c0c8d8
- textSeparator.foreground#707890
- titleBar.activeBackground#242c3a
- titleBar.activeForeground#c0c8d8
- titleBar.inactiveBackground#1c263a
- titleBar.inactiveForeground#707890
- tree.indentGuidesStroke#424e60
- tree.tableColumnsBorder#364050
- tree.tableOddRowsBackground#2c364840
- walkThrough.embeddedEditorBackground#2c3648
- welcomePage.background#242c3a
- welcomePage.progress.background#68c0d8
- welcomePage.progress.foreground#68c0d8
- welcomePage.tileBackground#2c3648
- welcomePage.tileBorder#364050
- welcomePage.tileHoverBackground#364050
- widget.shadow#10161e40
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, comment.line, comment.block | #707890 | italic |
| comment.block.documentation | #707890 | italic |
| comment.block.documentation storage.type.class | #707890 | italic |
| keyword, keyword.control, keyword.control.conditional, keyword.control.loop, keyword.control.trycatch, keyword.control.import, keyword.control.export | #c068a0 | bold |
| keyword.operator.new, keyword.operator.expression, keyword.other, keyword.other.unit, keyword.other.substitution, keyword.other.important, keyword.other.annotation | #c068a0 | bold |
| storage, storage.type, storage.type.class, storage.type.function, storage.modifier, storage.modifier.package, storage.modifier.import, storage.type.annotation | #c068a0 | bold |
| string, string.quoted, string.quoted.single, string.quoted.double, string.quoted.triple, string.quoted.other | #48a060 | — |
| string.template, string.regexp, string.other.link, constant.character.escape | #48a060 | — |
| punctuation.definition.string | #98a0b0 | — |
| support.type, support.class, entity.name.type, entity.name.type.class, entity.name.type.enum, entity.name.type.interface, entity.name.type.struct | #5898b8 | — |
| meta.return-type, meta.type-parameters | #5898b8 | — |
| entity.name.function, support.function, meta.function-call, meta.function-call.generic | #68c0d8 | — |
| meta.function.method, support.function.builtin | #68c0d8 | — |
| variable, variable.other, variable.other.readwrite | #c0c8d8 | — |
| variable.other.constant, variable.language, variable.language.this, variable.language.super | #c0c8d8 | — |
| variable.parameter, variable.parameter.function, variable.parameter.function-call | #78c0d8 | — |
| constant, constant.numeric, constant.numeric.integer, constant.numeric.float, constant.numeric.hex, constant.numeric.octal | #d8a070 | — |
| constant.language, constant.language.boolean, constant.language.null, constant.language.undefined | #d09058 | — |
| constant.character, constant.other.color, constant.other.key, constant.other.symbol | #d09058 | — |
| entity.name.constant | #d09058 | — |
| keyword.operator, keyword.operator.arithmetic, keyword.operator.logical, keyword.operator.relational | #78c0d8 | — |
| keyword.operator.assignment, keyword.operator.comparison, keyword.operator.bitwise | #78c0d8 | — |
| punctuation.separator, punctuation.terminator, punctuation.definition.block, punctuation.definition.arguments | #98a0b0 | — |
| punctuation.definition.parameters, punctuation.section, punctuation.section.brackets, punctuation.section.braces, punctuation.section.parens | #98a0b0 | — |
| meta.brace, meta.bracket | #98a0b0 | — |
| entity.name.tag, entity.name.tag.css, entity.name.tag.js, entity.name.tag.ts, entity.name.tag.jsx, entity.name.tag.tsx | #c068a0 | — |
| meta.tag, punctuation.definition.tag, punctuation.definition.tag.begin, punctuation.definition.tag.end | #c068a0 | — |
| entity.other.attribute-name, meta.attribute, meta.selector | #5898b8 | — |
| support.type.property-name, meta.property-name, support.type.vendored.property-name | #5898b8 | — |
| support.constant.property-value, meta.property-value | #d8a070 | — |
| entity.name.filename, meta.path | #707890 | — |
| markup.heading, markup.heading.1, markup.heading.2, markup.heading.3, markup.heading.4, markup.heading.5, markup.heading.6 | #68c0d8 | bold |
| punctuation.definition.heading | #78c0d8 | — |
| markup.bold, punctuation.definition.bold | #c0c8d8 | bold |
| markup.italic, punctuation.definition.italic | #c0c8d8 | italic |
| markup.underline, markup.underline.link | #68c0d8 | underline |
| markup.strikethrough | #c86070 | strikethrough |
| markup.raw, markup.inline.raw, markup.raw.block, punctuation.definition.raw | #d09058 | — |
| markup.list, markup.list.numbered, markup.list.unnumbered, punctuation.definition.list | #78c0d8 | — |
| markup.quote, punctuation.definition.blockquote | #707890 | italic |
| markup.inserted | #48a060 | — |
| markup.deleted | #c86070 | — |
| markup.changed | #78c0d8 | — |
| meta.link, meta.image, string.other.link, constant.other.reference.link | #68c0d8 | — |
| punctuation.definition.link | #78c0d8 | — |
| meta.diff, meta.diff.header, meta.diff.range | #707890 | — |
| markup.inserted.diff | #48a060 | — |
| markup.deleted.diff | #c86070 | — |
| markup.changed.diff | #78c0d8 | — |
| punctuation.definition.separator.diff | #98a0b0 | — |
| invalid, invalid.illegal | #c86070 | bold |
| invalid.deprecated | #d09058 | bold |
| entity.name.decorator, meta.decorator, storage.type.annotation | #c0a848 | — |
| log.error | #c86070 | — |
| log.warning | #c0a848 | — |
| log.info | #68c0d8 | — |
| log.debug | #707890 | — |
VS Code preview
Full workbench mockup using this variant's colors and tokenColors.
Loading...
colors
Workbench UI color keys from the theme JSON colors map.
- actionBar.toggledFocusBorder#3090b8
- activityBar.activeBorder#3090b8
- activityBar.activeFocusBorder#3090b8
- activityBar.background#d8e0f0
- activityBar.border#b8c4d8
- activityBar.dropBorder#3090b8
- activityBar.foreground#1a2233
- activityBar.inactiveForeground#404e65
- activityBarBadge.background#3090b8
- activityBarBadge.foreground#d8e0f0
- badge.background#a0aec8
- badge.foreground#1a2233
- banner.background#c8d2e4
- banner.foreground#1a2233
- banner.iconForeground#3090b8
- breadcrumb.activeSelectionForeground#3090b8
- breadcrumb.background#d8e0f0
- breadcrumb.focusForeground#1a2233
- breadcrumb.foreground#404e65
- breadcrumbPicker.background#c8d2e4
- button.background#3878a8
- button.border#3878a8
- button.foreground#d8e0f0
- button.hoverBackground#58a8c8
- button.secondaryBackground#b8c4d8
- button.secondaryForeground#1a2233
- button.secondaryHoverBackground#a0aec8
- button.separator#a0aec8
- charts.blue#3878a8
- charts.foreground#1a2233
- charts.green#389858
- charts.lines#a0aec8
- charts.orange#b87840
- charts.purple#7858a0
- charts.red#a84858
- charts.yellow#a89838
- checkbox.background#c8d2e4
- checkbox.border#b8c4d8
- checkbox.foreground#1a2233
- commandCenter.activeBackground#c8d2e4
- commandCenter.activeForeground#3090b8
- commandCenter.background#d8e0f0
- commandCenter.border#b8c4d8
- commandCenter.debuggingBackground#b87840
- commandCenter.foreground#1a2233
- commandCenter.inactiveBorder#b8c4d8
- commandCenter.inactiveForeground#404e65
- debugExceptionWidget.background#c8d2e4
- debugExceptionWidget.border#a84858
- debugIcon.breakpointCurrentStackframeForeground#3090b8
- debugIcon.breakpointDisabledForeground#a8485860
- debugIcon.breakpointForeground#a84858
- debugIcon.breakpointStackframeForeground#58a8c8
- debugIcon.breakpointUnverifiedForeground#a89838
- debugIcon.continueForeground#3090b8
- debugIcon.disconnectForeground#b87840
- debugIcon.pauseForeground#a89838
- debugIcon.restartForeground#389858
- debugIcon.startForeground#389858
- debugIcon.stepBackForeground#3090b8
- debugIcon.stepIntoForeground#3090b8
- debugIcon.stepOutForeground#3090b8
- debugIcon.stepOverForeground#3090b8
- debugIcon.stopForeground#a84858
- debugToolBar.background#c8d2e4
- debugToolBar.border#b8c4d8
- descriptionForeground#2b364c
- diffEditor.diagonalFill#b8c4d8
- diffEditor.insertedLineBackground#38985820
- diffEditor.insertedTextBackground#38985833
- diffEditor.insertedTextBorder#389858
- diffEditor.removedLineBackground#a8485820
- diffEditor.removedTextBackground#a8485833
- diffEditor.removedTextBorder#a84858
- diffEditorGutter.insertedLineBackground#38985840
- diffEditorGutter.removedLineBackground#a8485840
- diffEditorOverview.insertedForeground#389858
- diffEditorOverview.removedForeground#a84858
- disabledForeground#404e65
- dropdown.background#c8d2e4
- dropdown.border#b8c4d8
- dropdown.foreground#1a2233
- dropdown.listBackground#c8d2e4
- editor.background#d8e0f0
- editor.findMatchBackground#b8784099
- editor.findMatchHighlightBackground#58a8c84d
- editor.findRangeHighlightBackground#c8d2e480
- editor.foreground#1a2233
- editor.hoverHighlightBackground#b8c4d840
- editor.inactiveSelectionBackground#b8c4d860
- editor.lineHighlightBackground#c8d2e4
- editor.lineHighlightBorder#b8c4d8
- editor.rangeHighlightBackground#c8d2e460
- editor.selectionBackground#b8c4d890
- editor.selectionForeground#1a2233
- editor.selectionHighlightBackground#b8c4d850
- editor.snippetFinalTabstopHighlightBorder#3090b8
- editor.snippetTabstopHighlightBackground#3090b830
- editor.symbolHighlightBackground#58a8c84d
- editor.wordHighlightBackground#b8c4d840
- editor.wordHighlightStrongBackground#b8c4d860
- editor.wordHighlightTextBackground#b8c4d840
- editorBracketHighlight.foreground1#3090b8
- editorBracketHighlight.foreground2#2888a8
- editorBracketHighlight.foreground3#58a8c8
- editorBracketHighlight.foreground4#389858
- editorBracketHighlight.foreground5#a89838
- editorBracketHighlight.foreground6#b87840
- editorBracketHighlight.unexpectedBracket.foreground#a84858
- editorBracketMatch.background#3090b820
- editorBracketMatch.border#3090b8
- editorBracketPairGuide.activeBackground1#3090b8
- editorBracketPairGuide.activeBackground2#2888a8
- editorBracketPairGuide.activeBackground3#58a8c8
- editorBracketPairGuide.activeBackground4#389858
- editorBracketPairGuide.activeBackground5#a89838
- editorBracketPairGuide.activeBackground6#b87840
- editorBracketPairGuide.background1#3090b860
- editorBracketPairGuide.background2#2888a860
- editorBracketPairGuide.background3#58a8c860
- editorBracketPairGuide.background4#38985860
- editorBracketPairGuide.background5#a8983860
- editorBracketPairGuide.background6#b8784060
- editorCodeLens.foreground#404e65
- editorCursor.background#d8e0f0
- editorCursor.foreground#3090b8
- editorError.background#a8485810
- editorError.border#a84858
- editorError.foreground#a84858
- editorGroup.background#c8d2e4
- editorGroup.border#b8c4d8
- editorGroup.dropBackground#3090b820
- editorGroup.dropIntoPromptBackground#c8d2e4
- editorGroup.dropIntoPromptBorder#b8c4d8
- editorGroup.dropIntoPromptForeground#1a2233
- editorGroupHeader.border#b8c4d8
- editorGroupHeader.noTabsBackground#d8e0f0
- editorGroupHeader.tabsBackground#c8d2e4
- editorGroupHeader.tabsBorder#b8c4d8
- editorGutter.addedBackground#389858
- editorGutter.background#d8e0f0
- editorGutter.commentGlyphForeground#1a2233
- editorGutter.commentRangeForeground#b8c4d8
- editorGutter.deletedBackground#a84858
- editorGutter.foldingControlForeground#404e65
- editorGutter.modifiedBackground#58a8c8
- editorHint.border#389858
- editorHint.foreground#389858
- editorHoverWidget.background#c8d2e4
- editorHoverWidget.border#b8c4d8
- editorHoverWidget.foreground#1a2233
- editorHoverWidget.statusBarBackground#b8c4d8
- editorIndentGuide.activeBackground#8898b0
- editorIndentGuide.background#a0aec8
- editorInfo.background#3090b810
- editorInfo.border#3090b8
- editorInfo.foreground#3090b8
- editorInlayHint.background#b8c4d880
- editorInlayHint.foreground#404e65
- editorInlayHint.parameterBackground#c8d2e480
- editorInlayHint.parameterForeground#404e65
- editorInlayHint.typeBackground#b8c4d880
- editorInlayHint.typeForeground#2b364c
- editorLightBulb.foreground#a89838
- editorLightBulbAutoFix.foreground#3090b8
- editorLineNumber.activeForeground#1a2233
- editorLineNumber.foreground#404e65
- editorLink.activeForeground#3090b8
- editorMarkerNavigation.background#c8d2e4
- editorMarkerNavigationError.background#a84858
- editorMarkerNavigationError.headerForeground#1a2233
- editorMarkerNavigationInfo.background#3090b8
- editorMarkerNavigationInfo.headerForeground#1a2233
- editorMarkerNavigationWarning.background#a89838
- editorMarkerNavigationWarning.headerForeground#1a2233
- editorOverviewRuler.addedForeground#38985890
- editorOverviewRuler.border#8898b0
- editorOverviewRuler.bracketMatchForeground#3090b8
- editorOverviewRuler.commonContentForeground#a89838
- editorOverviewRuler.currentContentForeground#389858
- editorOverviewRuler.deletedForeground#a8485890
- editorOverviewRuler.errorForeground#a84858
- editorOverviewRuler.findMatchForeground#b87840
- editorOverviewRuler.incomingContentForeground#58a8c8
- editorOverviewRuler.infoForeground#3090b8
- editorOverviewRuler.modifiedForeground#58a8c890
- editorOverviewRuler.rangeHighlightForeground#58a8c8
- editorOverviewRuler.selectionHighlightForeground#404e65
- editorOverviewRuler.warningForeground#a89838
- editorOverviewRuler.wordHighlightForeground#404e65
- editorOverviewRuler.wordHighlightStrongForeground#2b364c
- editorPane.background#d8e0f0
- editorRuler.foreground#8898b0
- editorStickyScroll.background#c8d2e4
- editorStickyScroll.shadow#8898b040
- editorStickyScrollHover.background#b8c4d8
- editorSuggestWidget.background#c8d2e4
- editorSuggestWidget.border#b8c4d8
- editorSuggestWidget.focusHighlightForeground#3090b8
- editorSuggestWidget.foreground#1a2233
- editorSuggestWidget.highlightForeground#3090b8
- editorSuggestWidgetStatus.foreground#404e65
- editorUnicodeHighlight.background#b8784020
- editorUnicodeHighlight.border#b87840
- editorUnnecessaryCode.border#404e6520
- editorUnnecessaryCode.opacity#404e6560
- editorWarning.background#a8983810
- editorWarning.border#a89838
- editorWarning.foreground#a89838
- editorWatermark.foreground#404e65
- editorWhitespace.foreground#404e65
- editorWidget.background#c8d2e4
- editorWidget.border#b8c4d8
- editorWidget.foreground#1a2233
- editorWidget.resizeBorder#3090b8
- errorForeground#a84858
- extensionBadge.remoteBackground#3090b8
- extensionBadge.remoteForeground#d8e0f0
- extensionButton.prominentBackground#3090b8
- extensionButton.prominentForeground#d8e0f0
- extensionButton.prominentHoverBackground#58a8c8
- extensionIcon.preReleaseForeground#b87840
- extensionIcon.starForeground#a89838
- extensionIcon.verifiedForeground#389858
- focusBorder#3090b8
- foreground#1a2233
- gitDecoration.addedResourceForeground#389858
- gitDecoration.conflictingResourceForeground#b87840
- gitDecoration.deletedResourceForeground#a84858
- gitDecoration.ignoredResourceForeground#404e65
- gitDecoration.modifiedResourceForeground#58a8c8
- gitDecoration.renamedResourceForeground#389858
- gitDecoration.submoduleResourceForeground#404e65
- input.background#c8d2e4
- input.border#a0aec8
- input.foreground#1a2233
- input.placeholderForeground#404e65
- inputOption.activeBackground#3090b830
- inputOption.activeBorder#3090b8
- inputOption.activeForeground#3090b8
- inputValidation.errorBackground#a8485820
- inputValidation.errorBorder#a84858
- inputValidation.infoBackground#3090b820
- inputValidation.infoBorder#3090b8
- inputValidation.warningBackground#a8983820
- inputValidation.warningBorder#a89838
- keybindingLabel.background#c8d2e4
- keybindingLabel.border#a0aec8
- keybindingLabel.foreground#1a2233
- keybindingTable.headerBackground#b8c4d8
- keybindingTable.rowsBackground#c8d2e440
- list.activeSelectionBackground#a0aec8
- list.activeSelectionForeground#1a2233
- list.activeSelectionIconForeground#1a2233
- list.deemphasizedForeground#404e65
- list.dropBackground#3090b820
- list.errorForeground#a84858
- list.focusAndSelectionOutline#3090b8
- list.focusBackground#b8c4d8
- list.focusForeground#1a2233
- list.focusHighlightForeground#3090b8
- list.focusOutline#3090b8
- list.highlightForeground#3090b8
- list.hoverBackground#c8d2e4
- list.hoverForeground#1a2233
- list.inactiveSelectionBackground#b8c4d8
- list.inactiveSelectionForeground#1a2233
- list.inactiveSelectionIconForeground#1a2233
- list.invalidItemForeground#a84858
- list.warningForeground#a89838
- menu.background#c8d2e4
- menu.border#b8c4d8
- menu.foreground#1a2233
- menu.selectionBackground#b8c4d8
- menu.selectionForeground#1a2233
- menu.separatorBackground#a0aec8
- menubar.selectionBackground#b8c4d8
- menubar.selectionBorder#a0aec8
- menubar.selectionForeground#1a2233
- merge.border#58a8c8
- merge.commonContentBackground#a8983830
- merge.commonHeaderBackground#a8983860
- merge.currentContentBackground#58a8c830
- merge.currentHeaderBackground#58a8c860
- merge.incomingContentBackground#38985830
- merge.incomingHeaderBackground#38985860
- minimap.background#d8e0f0
- minimap.errorHighlight#a84858
- minimap.findMatchHighlight#b87840
- minimap.foregroundOpacity#1a223399
- minimap.selectionHighlight#b8c4d880
- minimap.selectionOccurrenceHighlight#b8c4d860
- minimap.warningHighlight#a89838
- minimapGutter.addedBackground#389858
- minimapGutter.deletedBackground#a84858
- minimapGutter.modifiedBackground#58a8c8
- notificationCenter.border#b8c4d8
- notificationCenterHeader.background#c8d2e4
- notificationCenterHeader.foreground#1a2233
- notificationLink.foreground#3090b8
- notifications.background#c8d2e4
- notifications.border#b8c4d8
- notifications.foreground#1a2233
- notificationToast.border#b8c4d8
- panel.background#c8d2e4
- panel.border#b8c4d8
- panel.dropBorder#3090b8
- panelInput.border#b8c4d8
- panelSection.border#b8c4d8
- panelSection.dropBackground#3090b820
- panelSectionHeader.background#b8c4d8
- panelSectionHeader.border#a0aec8
- panelSectionHeader.foreground#1a2233
- panelTitle.activeBorder#3090b8
- panelTitle.activeForeground#1a2233
- panelTitle.inactiveForeground#404e65
- pickerGroup.border#b8c4d8
- pickerGroup.foreground#404e65
- quickInput.background#c8d2e4
- quickInput.foreground#1a2233
- quickInputTitle.background#b8c4d8
- scrollbar.shadow#d8e0f0
- scrollbarSlider.activeBackground#8898b0cc
- scrollbarSlider.background#8898b099
- scrollbarSlider.hoverBackground#a0aec899
- selection.background#3090b860
- settings.dropdownBackground#c8d2e4
- settings.dropdownBorder#b8c4d8
- settings.dropdownForeground#1a2233
- settings.dropdownListBorder#a0aec8
- settings.focusedRowBackground#c8d2e4
- settings.headerBorder#b8c4d8
- settings.headerForeground#1a2233
- settings.modifiedItemIndicator#58a8c8
- settings.numberInputBackground#c8d2e4
- settings.numberInputBorder#b8c4d8
- settings.numberInputForeground#1a2233
- settings.settingsHeaderHoverForeground#3090b8
- settings.textInputBackground#c8d2e4
- settings.textInputBorder#b8c4d8
- settings.textInputForeground#1a2233
- sideBar.background#c8d2e4
- sideBar.border#b8c4d8
- sideBar.dropBackground#3090b820
- sideBar.foreground#1a2233
- sideBarSectionHeader.background#b8c4d8
- sideBarSectionHeader.border#a0aec8
- sideBarSectionHeader.foreground#1a2233
- sideBarTitle.foreground#1a2233
- sideBySideEditor.horizontalBorder#b8c4d8
- statusBar.background#c8d2e4
- statusBar.border#b8c4d8
- statusBar.debuggingBackground#b87840
- statusBar.debuggingBorder#b87840
- statusBar.debuggingForeground#d8e0f0
- statusBar.focusBorder#3090b8
- statusBar.foreground#1a2233
- statusBar.noFolderBackground#c8d2e4
- statusBar.noFolderBorder#b8c4d8
- statusBar.noFolderForeground#1a2233
- statusBarItem.activeBackground#b8c4d8
- statusBarItem.errorBackground#a84858
- statusBarItem.errorForeground#d8e0f0
- statusBarItem.hoverBackground#b8c4d8
- statusBarItem.hoverForeground#1a2233
- statusBarItem.offlineBackground#404e65
- statusBarItem.offlineForeground#d8e0f0
- statusBarItem.prominentBackground#a0aec8
- statusBarItem.prominentForeground#1a2233
- statusBarItem.prominentHoverBackground#b8c4d8
- statusBarItem.remoteBackground#3878a8
- statusBarItem.remoteForeground#d8e0f0
- statusBarItem.warningBackground#a89838
- statusBarItem.warningForeground#d8e0f0
- symbolIcon.arrayForeground#58a8c8
- symbolIcon.booleanForeground#a89838
- symbolIcon.classForeground#3878a8
- symbolIcon.colorForeground#c85888
- symbolIcon.constantForeground#b87840
- symbolIcon.constructorForeground#3090b8
- symbolIcon.enumeratorForeground#a89838
- symbolIcon.enumeratorMemberForeground#3878a8
- symbolIcon.eventForeground#c85878
- symbolIcon.fieldForeground#b87840
- symbolIcon.fileForeground#404e65
- symbolIcon.folderForeground#58a8c8
- symbolIcon.functionForeground#3090b8
- symbolIcon.interfaceForeground#3878a8
- symbolIcon.keyForeground#a89838
- symbolIcon.keywordForeground#984888
- symbolIcon.methodForeground#3090b8
- symbolIcon.moduleForeground#7858a0
- symbolIcon.namespaceForeground#7858a0
- symbolIcon.nullForeground#a84858
- symbolIcon.numberForeground#c88860
- symbolIcon.objectForeground#b87840
- symbolIcon.operatorForeground#58a8c8
- symbolIcon.packageForeground#389858
- symbolIcon.propertyForeground#b87840
- symbolIcon.referenceForeground#58a8c8
- symbolIcon.snippetForeground#389858
- symbolIcon.stringForeground#389858
- symbolIcon.structForeground#3878a8
- symbolIcon.textForeground#1a2233
- symbolIcon.typeParameterForeground#3878a8
- symbolIcon.unitForeground#c88860
- symbolIcon.variableForeground#1a2233
- tab.activeBackground#d8e0f0
- tab.activeBorder#3090b8
- tab.activeBorderTop#3090b8
- tab.activeForeground#1a2233
- tab.activeModifiedBorder#58a8c8
- tab.border#a0aec8
- tab.hoverBackground#c8d2e4
- tab.hoverBorder#b8c4d8
- tab.hoverForeground#1a2233
- tab.inactiveBackground#c8d2e4
- tab.inactiveForeground#2b364c
- tab.inactiveModifiedBorder#58a8c8
- tab.lastPinnedBorder#a0aec8
- tab.unfocusedActiveBorder#404e65
- tab.unfocusedActiveBorderTop#404e65
- tab.unfocusedActiveForeground#404e65
- tab.unfocusedActiveModifiedBorder#58a8c8
- tab.unfocusedHoverBackground#c8d2e4
- tab.unfocusedHoverBorder#b8c4d8
- tab.unfocusedHoverForeground#2b364c
- tab.unfocusedInactiveBackground#c8d2e4
- tab.unfocusedInactiveForeground#404e65
- tab.unfocusedInactiveModifiedBorder#58a8c8
- terminal.ansiBlack#1a2233
- terminal.ansiBlue#3878a8
- terminal.ansiBrightBlack#404e65
- terminal.ansiBrightBlue#58a8c8
- terminal.ansiBrightCyan#58a8c8
- terminal.ansiBrightGreen#40a888
- terminal.ansiBrightMagenta#8868a8
- terminal.ansiBrightRed#c85878
- terminal.ansiBrightWhite#2b364c
- terminal.ansiBrightYellow#b87840
- terminal.ansiCyan#3090b8
- terminal.ansiGreen#389858
- terminal.ansiMagenta#7858a0
- terminal.ansiRed#a84858
- terminal.ansiWhite#1a2233
- terminal.ansiYellow#a89838
- terminal.background#d8e0f0
- terminal.dropBorder#3090b8
- terminal.foreground#1a2233
- terminal.selectionBackground#3090b840
- terminalCommandDecoration.defaultBackground#404e65
- terminalCommandDecoration.errorBackground#a84858
- terminalCommandDecoration.successBackground#389858
- terminalCursor.background#d8e0f0
- terminalCursor.foreground#3090b8
- textBlockQuote.background#c8d2e4
- textBlockQuote.border#3090b8
- textCodeBlock.background#b8c4d8
- textLink.activeForeground#2888a8
- textLink.foreground#3090b8
- textPreformat.background#b8c4d8
- textPreformat.foreground#1a2233
- textSeparator.foreground#404e65
- titleBar.activeBackground#d8e0f0
- titleBar.activeForeground#1a2233
- titleBar.inactiveBackground#c8d2e4
- titleBar.inactiveForeground#404e65
- tree.indentGuidesStroke#a0aec8
- tree.tableColumnsBorder#b8c4d8
- tree.tableOddRowsBackground#c8d2e440
- walkThrough.embeddedEditorBackground#c8d2e4
- welcomePage.background#d8e0f0
- welcomePage.progress.background#3090b8
- welcomePage.progress.foreground#3090b8
- welcomePage.tileBackground#c8d2e4
- welcomePage.tileBorder#b8c4d8
- welcomePage.tileHoverBackground#b8c4d8
- widget.shadow#8898b040
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, comment.line, comment.block | #404e65 | italic |
| comment.block.documentation | #404e65 | italic |
| comment.block.documentation storage.type.class | #404e65 | italic |
| keyword, keyword.control, keyword.control.conditional, keyword.control.loop, keyword.control.trycatch, keyword.control.import, keyword.control.export | #984888 | bold |
| keyword.operator.new, keyword.operator.expression, keyword.other, keyword.other.unit, keyword.other.substitution, keyword.other.important, keyword.other.annotation | #984888 | bold |
| storage, storage.type, storage.type.class, storage.type.function, storage.modifier, storage.modifier.package, storage.modifier.import, storage.type.annotation | #984888 | bold |
| string, string.quoted, string.quoted.single, string.quoted.double, string.quoted.triple, string.quoted.other | #389858 | — |
| string.template, string.regexp, string.other.link, constant.character.escape | #389858 | — |
| punctuation.definition.string | #2b364c | — |
| support.type, support.class, entity.name.type, entity.name.type.class, entity.name.type.enum, entity.name.type.interface, entity.name.type.struct | #3878a8 | — |
| meta.return-type, meta.type-parameters | #3878a8 | — |
| entity.name.function, support.function, meta.function-call, meta.function-call.generic | #3090b8 | — |
| meta.function.method, support.function.builtin | #3090b8 | — |
| variable, variable.other, variable.other.readwrite | #1a2233 | — |
| variable.other.constant, variable.language, variable.language.this, variable.language.super | #1a2233 | — |
| variable.parameter, variable.parameter.function, variable.parameter.function-call | #58a8c8 | — |
| constant, constant.numeric, constant.numeric.integer, constant.numeric.float, constant.numeric.hex, constant.numeric.octal | #c88860 | — |
| constant.language, constant.language.boolean, constant.language.null, constant.language.undefined | #b87840 | — |
| constant.character, constant.other.color, constant.other.key, constant.other.symbol | #b87840 | — |
| entity.name.constant | #b87840 | — |
| keyword.operator, keyword.operator.arithmetic, keyword.operator.logical, keyword.operator.relational | #58a8c8 | — |
| keyword.operator.assignment, keyword.operator.comparison, keyword.operator.bitwise | #58a8c8 | — |
| punctuation.separator, punctuation.terminator, punctuation.definition.block, punctuation.definition.arguments | #2b364c | — |
| punctuation.definition.parameters, punctuation.section, punctuation.section.brackets, punctuation.section.braces, punctuation.section.parens | #2b364c | — |
| meta.brace, meta.bracket | #2b364c | — |
| entity.name.tag, entity.name.tag.css, entity.name.tag.js, entity.name.tag.ts, entity.name.tag.jsx, entity.name.tag.tsx | #984888 | — |
| meta.tag, punctuation.definition.tag, punctuation.definition.tag.begin, punctuation.definition.tag.end | #984888 | — |
| entity.other.attribute-name, meta.attribute, meta.selector | #3878a8 | — |
| support.type.property-name, meta.property-name, support.type.vendored.property-name | #3878a8 | — |
| support.constant.property-value, meta.property-value | #c88860 | — |
| entity.name.filename, meta.path | #404e65 | — |
| markup.heading, markup.heading.1, markup.heading.2, markup.heading.3, markup.heading.4, markup.heading.5, markup.heading.6 | #3090b8 | bold |
| punctuation.definition.heading | #58a8c8 | — |
| markup.bold, punctuation.definition.bold | #1a2233 | bold |
| markup.italic, punctuation.definition.italic | #1a2233 | italic |
| markup.underline, markup.underline.link | #3090b8 | underline |
| markup.strikethrough | #a84858 | strikethrough |
| markup.raw, markup.inline.raw, markup.raw.block, punctuation.definition.raw | #b87840 | — |
| markup.list, markup.list.numbered, markup.list.unnumbered, punctuation.definition.list | #58a8c8 | — |
| markup.quote, punctuation.definition.blockquote | #404e65 | italic |
| markup.inserted | #389858 | — |
| markup.deleted | #a84858 | — |
| markup.changed | #58a8c8 | — |
| meta.link, meta.image, string.other.link, constant.other.reference.link | #3090b8 | — |
| punctuation.definition.link | #58a8c8 | — |
| meta.diff, meta.diff.header, meta.diff.range | #404e65 | — |
| markup.inserted.diff | #389858 | — |
| markup.deleted.diff | #a84858 | — |
| markup.changed.diff | #58a8c8 | — |
| punctuation.definition.separator.diff | #2b364c | — |
| invalid, invalid.illegal | #a84858 | bold |
| invalid.deprecated | #b87840 | bold |
| entity.name.decorator, meta.decorator, storage.type.annotation | #a89838 | — |
| log.error | #a84858 | — |
| log.warning | #a89838 | — |
| log.info | #3090b8 | — |
| log.debug | #404e65 | — |
VS Code preview
Full workbench mockup using this variant's colors and tokenColors.
Loading...
colors
Workbench UI color keys from the theme JSON colors map.
- actionBar.toggledFocusBorder#58b8d8
- activityBar.activeBorder#58b8d8
- activityBar.activeFocusBorder#58b8d8
- activityBar.background#303848
- activityBar.border#424e68
- activityBar.dropBorder#58b8d8
- activityBar.foreground#c8d0e0
- activityBar.inactiveForeground#788098
- activityBarBadge.background#58b8d8
- activityBarBadge.foreground#303848
- badge.background#505c78
- badge.foreground#c8d0e0
- banner.background#384258
- banner.foreground#c8d0e0
- banner.iconForeground#58b8d8
- breadcrumb.activeSelectionForeground#58b8d8
- breadcrumb.background#303848
- breadcrumb.focusForeground#c8d0e0
- breadcrumb.foreground#788098
- breadcrumbPicker.background#384258
- button.background#58b8d8
- button.border#58b8d8
- button.foreground#303848
- button.hoverBackground#70b8d0
- button.secondaryBackground#424e68
- button.secondaryForeground#c8d0e0
- button.secondaryHoverBackground#505c78
- button.separator#505c78
- charts.blue#5088b0
- charts.foreground#c8d0e0
- charts.green#50a868
- charts.lines#505c78
- charts.orange#c88850
- charts.purple#9070a8
- charts.red#c06070
- charts.yellow#c0a850
- checkbox.background#384258
- checkbox.border#424e68
- checkbox.foreground#c8d0e0
- commandCenter.activeBackground#384258
- commandCenter.activeForeground#58b8d8
- commandCenter.background#303848
- commandCenter.border#424e68
- commandCenter.debuggingBackground#c88850
- commandCenter.foreground#c8d0e0
- commandCenter.inactiveBorder#424e68
- commandCenter.inactiveForeground#788098
- debugExceptionWidget.background#384258
- debugExceptionWidget.border#c06070
- debugIcon.breakpointCurrentStackframeForeground#58b8d8
- debugIcon.breakpointDisabledForeground#c0607060
- debugIcon.breakpointForeground#c06070
- debugIcon.breakpointStackframeForeground#70b8d0
- debugIcon.breakpointUnverifiedForeground#c0a850
- debugIcon.continueForeground#58b8d8
- debugIcon.disconnectForeground#c88850
- debugIcon.pauseForeground#c0a850
- debugIcon.restartForeground#50a868
- debugIcon.startForeground#50a868
- debugIcon.stepBackForeground#58b8d8
- debugIcon.stepIntoForeground#58b8d8
- debugIcon.stepOutForeground#58b8d8
- debugIcon.stepOverForeground#58b8d8
- debugIcon.stopForeground#c06070
- debugToolBar.background#384258
- debugToolBar.border#424e68
- descriptionForeground#a0a8b8
- diffEditor.diagonalFill#424e68
- diffEditor.insertedLineBackground#50a86820
- diffEditor.insertedTextBackground#50a86833
- diffEditor.insertedTextBorder#50a868
- diffEditor.removedLineBackground#c0607020
- diffEditor.removedTextBackground#c0607033
- diffEditor.removedTextBorder#c06070
- diffEditorGutter.insertedLineBackground#50a86840
- diffEditorGutter.removedLineBackground#c0607040
- diffEditorOverview.insertedForeground#50a868
- diffEditorOverview.removedForeground#c06070
- disabledForeground#788098
- dropdown.background#384258
- dropdown.border#424e68
- dropdown.foreground#c8d0e0
- dropdown.listBackground#384258
- editor.background#303848
- editor.findMatchBackground#c8885099
- editor.findMatchHighlightBackground#70b8d04d
- editor.findRangeHighlightBackground#38425880
- editor.foreground#c8d0e0
- editor.hoverHighlightBackground#424e6840
- editor.inactiveSelectionBackground#424e6860
- editor.lineHighlightBackground#384258
- editor.lineHighlightBorder#424e68
- editor.rangeHighlightBackground#38425860
- editor.selectionBackground#424e6890
- editor.selectionForeground#c8d0e0
- editor.selectionHighlightBackground#424e6850
- editor.snippetFinalTabstopHighlightBorder#58b8d8
- editor.snippetTabstopHighlightBackground#58b8d830
- editor.symbolHighlightBackground#70b8d04d
- editor.wordHighlightBackground#424e6840
- editor.wordHighlightStrongBackground#424e6860
- editor.wordHighlightTextBackground#424e6840
- editorBracketHighlight.foreground1#58b8d8
- editorBracketHighlight.foreground2#48a8c0
- editorBracketHighlight.foreground3#70b8d0
- editorBracketHighlight.foreground4#50a868
- editorBracketHighlight.foreground5#c0a850
- editorBracketHighlight.foreground6#c88850
- editorBracketHighlight.unexpectedBracket.foreground#c06070
- editorBracketMatch.background#58b8d820
- editorBracketMatch.border#58b8d8
- editorBracketPairGuide.activeBackground1#58b8d8
- editorBracketPairGuide.activeBackground2#48a8c0
- editorBracketPairGuide.activeBackground3#70b8d0
- editorBracketPairGuide.activeBackground4#50a868
- editorBracketPairGuide.activeBackground5#c0a850
- editorBracketPairGuide.activeBackground6#c88850
- editorBracketPairGuide.background1#58b8d860
- editorBracketPairGuide.background2#48a8c060
- editorBracketPairGuide.background3#70b8d060
- editorBracketPairGuide.background4#50a86860
- editorBracketPairGuide.background5#c0a85060
- editorBracketPairGuide.background6#c8885060
- editorCodeLens.foreground#788098
- editorCursor.background#303848
- editorCursor.foreground#58b8d8
- editorError.background#c0607010
- editorError.border#c06070
- editorError.foreground#c06070
- editorGroup.background#384258
- editorGroup.border#424e68
- editorGroup.dropBackground#58b8d820
- editorGroup.dropIntoPromptBackground#384258
- editorGroup.dropIntoPromptBorder#424e68
- editorGroup.dropIntoPromptForeground#c8d0e0
- editorGroupHeader.border#424e68
- editorGroupHeader.noTabsBackground#303848
- editorGroupHeader.tabsBackground#384258
- editorGroupHeader.tabsBorder#424e68
- editorGutter.addedBackground#50a868
- editorGutter.background#303848
- editorGutter.commentGlyphForeground#c8d0e0
- editorGutter.commentRangeForeground#424e68
- editorGutter.deletedBackground#c06070
- editorGutter.foldingControlForeground#788098
- editorGutter.modifiedBackground#70b8d0
- editorHint.border#50a868
- editorHint.foreground#50a868
- editorHoverWidget.background#384258
- editorHoverWidget.border#424e68
- editorHoverWidget.foreground#c8d0e0
- editorHoverWidget.statusBarBackground#424e68
- editorIndentGuide.activeBackground#5e6a88
- editorIndentGuide.background#505c78
- editorInfo.background#58b8d810
- editorInfo.border#58b8d8
- editorInfo.foreground#58b8d8
- editorInlayHint.background#424e6880
- editorInlayHint.foreground#788098
- editorInlayHint.parameterBackground#38425880
- editorInlayHint.parameterForeground#788098
- editorInlayHint.typeBackground#424e6880
- editorInlayHint.typeForeground#a0a8b8
- editorLightBulb.foreground#c0a850
- editorLightBulbAutoFix.foreground#58b8d8
- editorLineNumber.activeForeground#c8d0e0
- editorLineNumber.foreground#788098
- editorLink.activeForeground#58b8d8
- editorMarkerNavigation.background#384258
- editorMarkerNavigationError.background#c06070
- editorMarkerNavigationError.headerForeground#c8d0e0
- editorMarkerNavigationInfo.background#58b8d8
- editorMarkerNavigationInfo.headerForeground#c8d0e0
- editorMarkerNavigationWarning.background#c0a850
- editorMarkerNavigationWarning.headerForeground#c8d0e0
- editorOverviewRuler.addedForeground#50a86890
- editorOverviewRuler.border#2a3248
- editorOverviewRuler.bracketMatchForeground#58b8d8
- editorOverviewRuler.commonContentForeground#c0a850
- editorOverviewRuler.currentContentForeground#50a868
- editorOverviewRuler.deletedForeground#c0607090
- editorOverviewRuler.errorForeground#c06070
- editorOverviewRuler.findMatchForeground#c88850
- editorOverviewRuler.incomingContentForeground#70b8d0
- editorOverviewRuler.infoForeground#58b8d8
- editorOverviewRuler.modifiedForeground#70b8d090
- editorOverviewRuler.rangeHighlightForeground#70b8d0
- editorOverviewRuler.selectionHighlightForeground#788098
- editorOverviewRuler.warningForeground#c0a850
- editorOverviewRuler.wordHighlightForeground#788098
- editorOverviewRuler.wordHighlightStrongForeground#a0a8b8
- editorPane.background#303848
- editorRuler.foreground#5e6a88
- editorStickyScroll.background#384258
- editorStickyScroll.shadow#1a223340
- editorStickyScrollHover.background#424e68
- editorSuggestWidget.background#384258
- editorSuggestWidget.border#424e68
- editorSuggestWidget.focusHighlightForeground#58b8d8
- editorSuggestWidget.foreground#c8d0e0
- editorSuggestWidget.highlightForeground#58b8d8
- editorSuggestWidgetStatus.foreground#788098
- editorUnicodeHighlight.background#c8885020
- editorUnicodeHighlight.border#c88850
- editorUnnecessaryCode.border#78809820
- editorUnnecessaryCode.opacity#78809860
- editorWarning.background#c0a85010
- editorWarning.border#c0a850
- editorWarning.foreground#c0a850
- editorWatermark.foreground#788098
- editorWhitespace.foreground#788098
- editorWidget.background#384258
- editorWidget.border#424e68
- editorWidget.foreground#c8d0e0
- editorWidget.resizeBorder#58b8d8
- errorForeground#c06070
- extensionBadge.remoteBackground#58b8d8
- extensionBadge.remoteForeground#303848
- extensionButton.prominentBackground#58b8d8
- extensionButton.prominentForeground#303848
- extensionButton.prominentHoverBackground#70b8d0
- extensionIcon.preReleaseForeground#c88850
- extensionIcon.starForeground#c0a850
- extensionIcon.verifiedForeground#50a868
- focusBorder#58b8d8
- foreground#c8d0e0
- gitDecoration.addedResourceForeground#50a868
- gitDecoration.conflictingResourceForeground#c88850
- gitDecoration.deletedResourceForeground#c06070
- gitDecoration.ignoredResourceForeground#788098
- gitDecoration.modifiedResourceForeground#70b8d0
- gitDecoration.renamedResourceForeground#50a868
- gitDecoration.submoduleResourceForeground#788098
- input.background#384258
- input.border#505c78
- input.foreground#c8d0e0
- input.placeholderForeground#788098
- inputOption.activeBackground#58b8d830
- inputOption.activeBorder#58b8d8
- inputOption.activeForeground#58b8d8
- inputValidation.errorBackground#c0607020
- inputValidation.errorBorder#c06070
- inputValidation.infoBackground#58b8d820
- inputValidation.infoBorder#58b8d8
- inputValidation.warningBackground#c0a85020
- inputValidation.warningBorder#c0a850
- keybindingLabel.background#384258
- keybindingLabel.border#505c78
- keybindingLabel.foreground#c8d0e0
- keybindingTable.headerBackground#424e68
- keybindingTable.rowsBackground#38425840
- list.activeSelectionBackground#505c78
- list.activeSelectionForeground#c8d0e0
- list.activeSelectionIconForeground#c8d0e0
- list.deemphasizedForeground#788098
- list.dropBackground#58b8d820
- list.errorForeground#c06070
- list.focusAndSelectionOutline#58b8d8
- list.focusBackground#424e68
- list.focusForeground#c8d0e0
- list.focusHighlightForeground#58b8d8
- list.focusOutline#58b8d8
- list.highlightForeground#58b8d8
- list.hoverBackground#384258
- list.hoverForeground#c8d0e0
- list.inactiveSelectionBackground#424e68
- list.inactiveSelectionForeground#c8d0e0
- list.inactiveSelectionIconForeground#c8d0e0
- list.invalidItemForeground#c06070
- list.warningForeground#c0a850
- menu.background#384258
- menu.border#424e68
- menu.foreground#c8d0e0
- menu.selectionBackground#424e68
- menu.selectionForeground#c8d0e0
- menu.separatorBackground#505c78
- menubar.selectionBackground#424e68
- menubar.selectionBorder#505c78
- menubar.selectionForeground#c8d0e0
- merge.border#70b8d0
- merge.commonContentBackground#c0a85030
- merge.commonHeaderBackground#c0a85060
- merge.currentContentBackground#70b8d030
- merge.currentHeaderBackground#70b8d060
- merge.incomingContentBackground#50a86830
- merge.incomingHeaderBackground#50a86860
- minimap.background#303848
- minimap.errorHighlight#c06070
- minimap.findMatchHighlight#c88850
- minimap.foregroundOpacity#c8d0e099
- minimap.selectionHighlight#424e6880
- minimap.selectionOccurrenceHighlight#424e6860
- minimap.warningHighlight#c0a850
- minimapGutter.addedBackground#50a868
- minimapGutter.deletedBackground#c06070
- minimapGutter.modifiedBackground#70b8d0
- notificationCenter.border#424e68
- notificationCenterHeader.background#384258
- notificationCenterHeader.foreground#c8d0e0
- notificationLink.foreground#58b8d8
- notifications.background#384258
- notifications.border#424e68
- notifications.foreground#c8d0e0
- notificationToast.border#424e68
- panel.background#384258
- panel.border#424e68
- panel.dropBorder#58b8d8
- panelInput.border#424e68
- panelSection.border#424e68
- panelSection.dropBackground#58b8d820
- panelSectionHeader.background#424e68
- panelSectionHeader.border#505c78
- panelSectionHeader.foreground#c8d0e0
- panelTitle.activeBorder#58b8d8
- panelTitle.activeForeground#c8d0e0
- panelTitle.inactiveForeground#788098
- pickerGroup.border#424e68
- pickerGroup.foreground#788098
- quickInput.background#384258
- quickInput.foreground#c8d0e0
- quickInputTitle.background#424e68
- scrollbar.shadow#303848
- scrollbarSlider.activeBackground#5e6a88cc
- scrollbarSlider.background#5e6a8899
- scrollbarSlider.hoverBackground#505c7899
- selection.background#58b8d860
- settings.dropdownBackground#384258
- settings.dropdownBorder#424e68
- settings.dropdownForeground#c8d0e0
- settings.dropdownListBorder#505c78
- settings.focusedRowBackground#384258
- settings.headerBorder#424e68
- settings.headerForeground#c8d0e0
- settings.modifiedItemIndicator#70b8d0
- settings.numberInputBackground#384258
- settings.numberInputBorder#424e68
- settings.numberInputForeground#c8d0e0
- settings.settingsHeaderHoverForeground#58b8d8
- settings.textInputBackground#384258
- settings.textInputBorder#424e68
- settings.textInputForeground#c8d0e0
- sideBar.background#384258
- sideBar.border#424e68
- sideBar.dropBackground#58b8d820
- sideBar.foreground#c8d0e0
- sideBarSectionHeader.background#424e68
- sideBarSectionHeader.border#505c78
- sideBarSectionHeader.foreground#c8d0e0
- sideBarTitle.foreground#c8d0e0
- sideBySideEditor.horizontalBorder#424e68
- statusBar.background#303848
- statusBar.border#424e68
- statusBar.debuggingBackground#c88850
- statusBar.debuggingBorder#c88850
- statusBar.debuggingForeground#303848
- statusBar.focusBorder#58b8d8
- statusBar.foreground#c8d0e0
- statusBar.noFolderBackground#303848
- statusBar.noFolderBorder#424e68
- statusBar.noFolderForeground#c8d0e0
- statusBarItem.activeBackground#424e68
- statusBarItem.errorBackground#c06070
- statusBarItem.errorForeground#303848
- statusBarItem.hoverBackground#424e68
- statusBarItem.hoverForeground#c8d0e0
- statusBarItem.offlineBackground#788098
- statusBarItem.offlineForeground#303848
- statusBarItem.prominentBackground#505c78
- statusBarItem.prominentForeground#c8d0e0
- statusBarItem.prominentHoverBackground#424e68
- statusBarItem.remoteBackground#5088b0
- statusBarItem.remoteForeground#303848
- statusBarItem.warningBackground#c0a850
- statusBarItem.warningForeground#303848
- symbolIcon.arrayForeground#70b8d0
- symbolIcon.booleanForeground#c0a850
- symbolIcon.classForeground#5088b0
- symbolIcon.colorForeground#d870a0
- symbolIcon.constantForeground#c88850
- symbolIcon.constructorForeground#58b8d8
- symbolIcon.enumeratorForeground#c0a850
- symbolIcon.enumeratorMemberForeground#5088b0
- symbolIcon.eventForeground#d87090
- symbolIcon.fieldForeground#c88850
- symbolIcon.fileForeground#788098
- symbolIcon.folderForeground#70b8d0
- symbolIcon.functionForeground#58b8d8
- symbolIcon.interfaceForeground#5088b0
- symbolIcon.keyForeground#c0a850
- symbolIcon.keywordForeground#b06098
- symbolIcon.methodForeground#58b8d8
- symbolIcon.moduleForeground#9070a8
- symbolIcon.namespaceForeground#9070a8
- symbolIcon.nullForeground#c06070
- symbolIcon.numberForeground#d09868
- symbolIcon.objectForeground#c88850
- symbolIcon.operatorForeground#70b8d0
- symbolIcon.packageForeground#50a868
- symbolIcon.propertyForeground#c88850
- symbolIcon.referenceForeground#70b8d0
- symbolIcon.snippetForeground#50a868
- symbolIcon.stringForeground#50a868
- symbolIcon.structForeground#5088b0
- symbolIcon.textForeground#c8d0e0
- symbolIcon.typeParameterForeground#5088b0
- symbolIcon.unitForeground#d09868
- symbolIcon.variableForeground#c8d0e0
- tab.activeBackground#303848
- tab.activeBorder#58b8d8
- tab.activeBorderTop#58b8d8
- tab.activeForeground#c8d0e0
- tab.activeModifiedBorder#70b8d0
- tab.border#505c78
- tab.hoverBackground#384258
- tab.hoverBorder#424e68
- tab.hoverForeground#c8d0e0
- tab.inactiveBackground#384258
- tab.inactiveForeground#a0a8b8
- tab.inactiveModifiedBorder#70b8d0
- tab.lastPinnedBorder#505c78
- tab.unfocusedActiveBorder#788098
- tab.unfocusedActiveBorderTop#788098
- tab.unfocusedActiveForeground#788098
- tab.unfocusedActiveModifiedBorder#70b8d0
- tab.unfocusedHoverBackground#384258
- tab.unfocusedHoverBorder#424e68
- tab.unfocusedHoverForeground#a0a8b8
- tab.unfocusedInactiveBackground#384258
- tab.unfocusedInactiveForeground#788098
- tab.unfocusedInactiveModifiedBorder#70b8d0
- terminal.ansiBlack#303848
- terminal.ansiBlue#5088b0
- terminal.ansiBrightBlack#788098
- terminal.ansiBrightBlue#70b8d0
- terminal.ansiBrightCyan#70b8d0
- terminal.ansiBrightGreen#58b8a8
- terminal.ansiBrightMagenta#a080b0
- terminal.ansiBrightRed#d87090
- terminal.ansiBrightWhite#a0a8b8
- terminal.ansiBrightYellow#c88850
- terminal.ansiCyan#58b8d8
- terminal.ansiGreen#50a868
- terminal.ansiMagenta#9070a8
- terminal.ansiRed#c06070
- terminal.ansiWhite#c8d0e0
- terminal.ansiYellow#c0a850
- terminal.background#303848
- terminal.dropBorder#58b8d8
- terminal.foreground#c8d0e0
- terminal.selectionBackground#58b8d840
- terminalCommandDecoration.defaultBackground#788098
- terminalCommandDecoration.errorBackground#c06070
- terminalCommandDecoration.successBackground#50a868
- terminalCursor.background#303848
- terminalCursor.foreground#58b8d8
- textBlockQuote.background#384258
- textBlockQuote.border#58b8d8
- textCodeBlock.background#424e68
- textLink.activeForeground#48a8c0
- textLink.foreground#58b8d8
- textPreformat.background#424e68
- textPreformat.foreground#c8d0e0
- textSeparator.foreground#788098
- titleBar.activeBackground#303848
- titleBar.activeForeground#c8d0e0
- titleBar.inactiveBackground#2a3248
- titleBar.inactiveForeground#788098
- tree.indentGuidesStroke#505c78
- tree.tableColumnsBorder#424e68
- tree.tableOddRowsBackground#38425840
- walkThrough.embeddedEditorBackground#384258
- welcomePage.background#303848
- welcomePage.progress.background#58b8d8
- welcomePage.progress.foreground#58b8d8
- welcomePage.tileBackground#384258
- welcomePage.tileBorder#424e68
- welcomePage.tileHoverBackground#424e68
- widget.shadow#1a223340
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, comment.line, comment.block | #788098 | italic |
| comment.block.documentation | #788098 | italic |
| comment.block.documentation storage.type.class | #788098 | italic |
| keyword, keyword.control, keyword.control.conditional, keyword.control.loop, keyword.control.trycatch, keyword.control.import, keyword.control.export | #b06098 | bold |
| keyword.operator.new, keyword.operator.expression, keyword.other, keyword.other.unit, keyword.other.substitution, keyword.other.important, keyword.other.annotation | #b06098 | bold |
| storage, storage.type, storage.type.class, storage.type.function, storage.modifier, storage.modifier.package, storage.modifier.import, storage.type.annotation | #b06098 | bold |
| string, string.quoted, string.quoted.single, string.quoted.double, string.quoted.triple, string.quoted.other | #50a868 | — |
| string.template, string.regexp, string.other.link, constant.character.escape | #50a868 | — |
| punctuation.definition.string | #a0a8b8 | — |
| support.type, support.class, entity.name.type, entity.name.type.class, entity.name.type.enum, entity.name.type.interface, entity.name.type.struct | #5088b0 | — |
| meta.return-type, meta.type-parameters | #5088b0 | — |
| entity.name.function, support.function, meta.function-call, meta.function-call.generic | #58b8d8 | — |
| meta.function.method, support.function.builtin | #58b8d8 | — |
| variable, variable.other, variable.other.readwrite | #c8d0e0 | — |
| variable.other.constant, variable.language, variable.language.this, variable.language.super | #c8d0e0 | — |
| variable.parameter, variable.parameter.function, variable.parameter.function-call | #70b8d0 | — |
| constant, constant.numeric, constant.numeric.integer, constant.numeric.float, constant.numeric.hex, constant.numeric.octal | #d09868 | — |
| constant.language, constant.language.boolean, constant.language.null, constant.language.undefined | #c88850 | — |
| constant.character, constant.other.color, constant.other.key, constant.other.symbol | #c88850 | — |
| entity.name.constant | #c88850 | — |
| keyword.operator, keyword.operator.arithmetic, keyword.operator.logical, keyword.operator.relational | #70b8d0 | — |
| keyword.operator.assignment, keyword.operator.comparison, keyword.operator.bitwise | #70b8d0 | — |
| punctuation.separator, punctuation.terminator, punctuation.definition.block, punctuation.definition.arguments | #a0a8b8 | — |
| punctuation.definition.parameters, punctuation.section, punctuation.section.brackets, punctuation.section.braces, punctuation.section.parens | #a0a8b8 | — |
| meta.brace, meta.bracket | #a0a8b8 | — |
| entity.name.tag, entity.name.tag.css, entity.name.tag.js, entity.name.tag.ts, entity.name.tag.jsx, entity.name.tag.tsx | #b06098 | — |
| meta.tag, punctuation.definition.tag, punctuation.definition.tag.begin, punctuation.definition.tag.end | #b06098 | — |
| entity.other.attribute-name, meta.attribute, meta.selector | #5088b0 | — |
| support.type.property-name, meta.property-name, support.type.vendored.property-name | #5088b0 | — |
| support.constant.property-value, meta.property-value | #d09868 | — |
| entity.name.filename, meta.path | #788098 | — |
| markup.heading, markup.heading.1, markup.heading.2, markup.heading.3, markup.heading.4, markup.heading.5, markup.heading.6 | #58b8d8 | bold |
| punctuation.definition.heading | #70b8d0 | — |
| markup.bold, punctuation.definition.bold | #c8d0e0 | bold |
| markup.italic, punctuation.definition.italic | #c8d0e0 | italic |
| markup.underline, markup.underline.link | #58b8d8 | underline |
| markup.strikethrough | #c06070 | strikethrough |
| markup.raw, markup.inline.raw, markup.raw.block, punctuation.definition.raw | #c88850 | — |
| markup.list, markup.list.numbered, markup.list.unnumbered, punctuation.definition.list | #70b8d0 | — |
| markup.quote, punctuation.definition.blockquote | #788098 | italic |
| markup.inserted | #50a868 | — |
| markup.deleted | #c06070 | — |
| markup.changed | #70b8d0 | — |
| meta.link, meta.image, string.other.link, constant.other.reference.link | #58b8d8 | — |
| punctuation.definition.link | #70b8d0 | — |
| meta.diff, meta.diff.header, meta.diff.range | #788098 | — |
| markup.inserted.diff | #50a868 | — |
| markup.deleted.diff | #c06070 | — |
| markup.changed.diff | #70b8d0 | — |
| punctuation.definition.separator.diff | #a0a8b8 | — |
| invalid, invalid.illegal | #c06070 | bold |
| invalid.deprecated | #c88850 | bold |
| entity.name.decorator, meta.decorator, storage.type.annotation | #c0a850 | — |
| log.error | #c06070 | — |
| log.warning | #c0a850 | — |
| log.info | #58b8d8 | — |
| log.debug | #788098 | — |
VS Code preview
Full workbench mockup using this variant's colors and tokenColors.
Loading...
colors
Workbench UI color keys from the theme JSON colors map.
- actionBar.toggledFocusBorder#8ad0ea
- activityBar.activeBorder#8ad0ea
- activityBar.activeFocusBorder#8ad0ea
- activityBar.background#1a2233
- activityBar.border#2b364c
- activityBar.dropBorder#8ad0ea
- activityBar.foreground#c8cdd8
- activityBar.inactiveForeground#788098
- activityBarBadge.background#8ad0ea
- activityBarBadge.foreground#1a2233
- badge.background#354158
- badge.foreground#c8cdd8
- banner.background#222c3f
- banner.foreground#c8cdd8
- banner.iconForeground#8ad0ea
- breadcrumb.activeSelectionForeground#8ad0ea
- breadcrumb.background#1a2233
- breadcrumb.focusForeground#c8cdd8
- breadcrumb.foreground#788098
- breadcrumbPicker.background#222c3f
- button.background#8ad0ea
- button.border#8ad0ea
- button.foreground#1a2233
- button.hoverBackground#98d0e8
- button.secondaryBackground#2b364c
- button.secondaryForeground#c8cdd8
- button.secondaryHoverBackground#354158
- button.separator#354158
- charts.blue#6fa0c8
- charts.foreground#c8cdd8
- charts.green#68b078
- charts.lines#354158
- charts.orange#d09060
- charts.purple#a088b8
- charts.red#c86878
- charts.yellow#c8b060
- checkbox.background#222c3f
- checkbox.border#2b364c
- checkbox.foreground#c8cdd8
- commandCenter.activeBackground#222c3f
- commandCenter.activeForeground#8ad0ea
- commandCenter.background#1a2233
- commandCenter.border#2b364c
- commandCenter.debuggingBackground#d09060
- commandCenter.foreground#c8cdd8
- commandCenter.inactiveBorder#2b364c
- commandCenter.inactiveForeground#788098
- debugExceptionWidget.background#222c3f
- debugExceptionWidget.border#c86878
- debugIcon.breakpointCurrentStackframeForeground#8ad0ea
- debugIcon.breakpointDisabledForeground#c8687860
- debugIcon.breakpointForeground#c86878
- debugIcon.breakpointStackframeForeground#98d0e8
- debugIcon.breakpointUnverifiedForeground#c8b060
- debugIcon.continueForeground#8ad0ea
- debugIcon.disconnectForeground#d09060
- debugIcon.pauseForeground#c8b060
- debugIcon.restartForeground#68b078
- debugIcon.startForeground#68b078
- debugIcon.stepBackForeground#8ad0ea
- debugIcon.stepIntoForeground#8ad0ea
- debugIcon.stepOutForeground#8ad0ea
- debugIcon.stepOverForeground#8ad0ea
- debugIcon.stopForeground#c86878
- debugToolBar.background#222c3f
- debugToolBar.border#2b364c
- descriptionForeground#a0a8b8
- diffEditor.diagonalFill#2b364c
- diffEditor.insertedLineBackground#68b07820
- diffEditor.insertedTextBackground#68b07833
- diffEditor.insertedTextBorder#68b078
- diffEditor.removedLineBackground#c8687820
- diffEditor.removedTextBackground#c8687833
- diffEditor.removedTextBorder#c86878
- diffEditorGutter.insertedLineBackground#68b07840
- diffEditorGutter.removedLineBackground#c8687840
- diffEditorOverview.insertedForeground#68b078
- diffEditorOverview.removedForeground#c86878
- disabledForeground#788098
- dropdown.background#222c3f
- dropdown.border#2b364c
- dropdown.foreground#c8cdd8
- dropdown.listBackground#222c3f
- editor.background#1a2233
- editor.findMatchBackground#d0906099
- editor.findMatchHighlightBackground#98d0e84d
- editor.findRangeHighlightBackground#222c3f80
- editor.foreground#c8cdd8
- editor.hoverHighlightBackground#2b364c40
- editor.inactiveSelectionBackground#2b364c60
- editor.lineHighlightBackground#222c3f
- editor.lineHighlightBorder#2b364c
- editor.rangeHighlightBackground#222c3f60
- editor.selectionBackground#2b364c90
- editor.selectionForeground#c8cdd8
- editor.selectionHighlightBackground#2b364c50
- editor.snippetFinalTabstopHighlightBorder#8ad0ea
- editor.snippetTabstopHighlightBackground#8ad0ea30
- editor.symbolHighlightBackground#98d0e84d
- editor.wordHighlightBackground#2b364c40
- editor.wordHighlightStrongBackground#2b364c60
- editor.wordHighlightTextBackground#2b364c40
- editorBracketHighlight.foreground1#8ad0ea
- editorBracketHighlight.foreground2#68b8c8
- editorBracketHighlight.foreground3#98d0e8
- editorBracketHighlight.foreground4#68b078
- editorBracketHighlight.foreground5#c8b060
- editorBracketHighlight.foreground6#d09060
- editorBracketHighlight.unexpectedBracket.foreground#c86878
- editorBracketMatch.background#8ad0ea20
- editorBracketMatch.border#8ad0ea
- editorBracketPairGuide.activeBackground1#8ad0ea
- editorBracketPairGuide.activeBackground2#68b8c8
- editorBracketPairGuide.activeBackground3#98d0e8
- editorBracketPairGuide.activeBackground4#68b078
- editorBracketPairGuide.activeBackground5#c8b060
- editorBracketPairGuide.activeBackground6#d09060
- editorBracketPairGuide.background1#8ad0ea60
- editorBracketPairGuide.background2#68b8c860
- editorBracketPairGuide.background3#98d0e860
- editorBracketPairGuide.background4#68b07860
- editorBracketPairGuide.background5#c8b06060
- editorBracketPairGuide.background6#d0906060
- editorCodeLens.foreground#788098
- editorCursor.background#1a2233
- editorCursor.foreground#8ad0ea
- editorError.background#c8687810
- editorError.border#c86878
- editorError.foreground#c86878
- editorGroup.background#222c3f
- editorGroup.border#2b364c
- editorGroup.dropBackground#8ad0ea20
- editorGroup.dropIntoPromptBackground#222c3f
- editorGroup.dropIntoPromptBorder#2b364c
- editorGroup.dropIntoPromptForeground#c8cdd8
- editorGroupHeader.border#2b364c
- editorGroupHeader.noTabsBackground#1a2233
- editorGroupHeader.tabsBackground#222c3f
- editorGroupHeader.tabsBorder#2b364c
- editorGutter.addedBackground#68b078
- editorGutter.background#1a2233
- editorGutter.commentGlyphForeground#c8cdd8
- editorGutter.commentRangeForeground#2b364c
- editorGutter.deletedBackground#c86878
- editorGutter.foldingControlForeground#788098
- editorGutter.modifiedBackground#98d0e8
- editorHint.border#68b078
- editorHint.foreground#68b078
- editorHoverWidget.background#222c3f
- editorHoverWidget.border#2b364c
- editorHoverWidget.foreground#c8cdd8
- editorHoverWidget.statusBarBackground#2b364c
- editorIndentGuide.activeBackground#3f4d65
- editorIndentGuide.background#354158
- editorInfo.background#8ad0ea10
- editorInfo.border#8ad0ea
- editorInfo.foreground#8ad0ea
- editorInlayHint.background#2b364c80
- editorInlayHint.foreground#788098
- editorInlayHint.parameterBackground#222c3f80
- editorInlayHint.parameterForeground#788098
- editorInlayHint.typeBackground#2b364c80
- editorInlayHint.typeForeground#a0a8b8
- editorLightBulb.foreground#c8b060
- editorLightBulbAutoFix.foreground#8ad0ea
- editorLineNumber.activeForeground#c8cdd8
- editorLineNumber.foreground#788098
- editorLink.activeForeground#8ad0ea
- editorMarkerNavigation.background#222c3f
- editorMarkerNavigationError.background#c86878
- editorMarkerNavigationError.headerForeground#c8cdd8
- editorMarkerNavigationInfo.background#8ad0ea
- editorMarkerNavigationInfo.headerForeground#c8cdd8
- editorMarkerNavigationWarning.background#c8b060
- editorMarkerNavigationWarning.headerForeground#c8cdd8
- editorOverviewRuler.addedForeground#68b07890
- editorOverviewRuler.border#141c2e
- editorOverviewRuler.bracketMatchForeground#8ad0ea
- editorOverviewRuler.commonContentForeground#c8b060
- editorOverviewRuler.currentContentForeground#68b078
- editorOverviewRuler.deletedForeground#c8687890
- editorOverviewRuler.errorForeground#c86878
- editorOverviewRuler.findMatchForeground#d09060
- editorOverviewRuler.incomingContentForeground#98d0e8
- editorOverviewRuler.infoForeground#8ad0ea
- editorOverviewRuler.modifiedForeground#98d0e890
- editorOverviewRuler.rangeHighlightForeground#98d0e8
- editorOverviewRuler.selectionHighlightForeground#788098
- editorOverviewRuler.warningForeground#c8b060
- editorOverviewRuler.wordHighlightForeground#788098
- editorOverviewRuler.wordHighlightStrongForeground#a0a8b8
- editorPane.background#1a2233
- editorRuler.foreground#3f4d65
- editorStickyScroll.background#222c3f
- editorStickyScroll.shadow#0e142040
- editorStickyScrollHover.background#2b364c
- editorSuggestWidget.background#222c3f
- editorSuggestWidget.border#2b364c
- editorSuggestWidget.focusHighlightForeground#8ad0ea
- editorSuggestWidget.foreground#c8cdd8
- editorSuggestWidget.highlightForeground#8ad0ea
- editorSuggestWidgetStatus.foreground#788098
- editorUnicodeHighlight.background#d0906020
- editorUnicodeHighlight.border#d09060
- editorUnnecessaryCode.border#78809820
- editorUnnecessaryCode.opacity#78809860
- editorWarning.background#c8b06010
- editorWarning.border#c8b060
- editorWarning.foreground#c8b060
- editorWatermark.foreground#788098
- editorWhitespace.foreground#788098
- editorWidget.background#222c3f
- editorWidget.border#2b364c
- editorWidget.foreground#c8cdd8
- editorWidget.resizeBorder#8ad0ea
- errorForeground#c86878
- extensionBadge.remoteBackground#8ad0ea
- extensionBadge.remoteForeground#1a2233
- extensionButton.prominentBackground#8ad0ea
- extensionButton.prominentForeground#1a2233
- extensionButton.prominentHoverBackground#98d0e8
- extensionIcon.preReleaseForeground#d09060
- extensionIcon.starForeground#c8b060
- extensionIcon.verifiedForeground#68b078
- focusBorder#8ad0ea
- foreground#c8cdd8
- gitDecoration.addedResourceForeground#68b078
- gitDecoration.conflictingResourceForeground#d09060
- gitDecoration.deletedResourceForeground#c86878
- gitDecoration.ignoredResourceForeground#788098
- gitDecoration.modifiedResourceForeground#98d0e8
- gitDecoration.renamedResourceForeground#68b078
- gitDecoration.submoduleResourceForeground#788098
- input.background#222c3f
- input.border#354158
- input.foreground#c8cdd8
- input.placeholderForeground#788098
- inputOption.activeBackground#8ad0ea30
- inputOption.activeBorder#8ad0ea
- inputOption.activeForeground#8ad0ea
- inputValidation.errorBackground#c8687820
- inputValidation.errorBorder#c86878
- inputValidation.infoBackground#8ad0ea20
- inputValidation.infoBorder#8ad0ea
- inputValidation.warningBackground#c8b06020
- inputValidation.warningBorder#c8b060
- keybindingLabel.background#222c3f
- keybindingLabel.border#354158
- keybindingLabel.foreground#c8cdd8
- keybindingTable.headerBackground#2b364c
- keybindingTable.rowsBackground#222c3f40
- list.activeSelectionBackground#354158
- list.activeSelectionForeground#c8cdd8
- list.activeSelectionIconForeground#c8cdd8
- list.deemphasizedForeground#788098
- list.dropBackground#8ad0ea20
- list.errorForeground#c86878
- list.focusAndSelectionOutline#8ad0ea
- list.focusBackground#2b364c
- list.focusForeground#c8cdd8
- list.focusHighlightForeground#8ad0ea
- list.focusOutline#8ad0ea
- list.highlightForeground#8ad0ea
- list.hoverBackground#222c3f
- list.hoverForeground#c8cdd8
- list.inactiveSelectionBackground#2b364c
- list.inactiveSelectionForeground#c8cdd8
- list.inactiveSelectionIconForeground#c8cdd8
- list.invalidItemForeground#c86878
- list.warningForeground#c8b060
- menu.background#222c3f
- menu.border#2b364c
- menu.foreground#c8cdd8
- menu.selectionBackground#2b364c
- menu.selectionForeground#c8cdd8
- menu.separatorBackground#354158
- menubar.selectionBackground#2b364c
- menubar.selectionBorder#354158
- menubar.selectionForeground#c8cdd8
- merge.border#98d0e8
- merge.commonContentBackground#c8b06030
- merge.commonHeaderBackground#c8b06060
- merge.currentContentBackground#98d0e830
- merge.currentHeaderBackground#98d0e860
- merge.incomingContentBackground#68b07830
- merge.incomingHeaderBackground#68b07860
- minimap.background#1a2233
- minimap.errorHighlight#c86878
- minimap.findMatchHighlight#d09060
- minimap.foregroundOpacity#c8cdd899
- minimap.selectionHighlight#2b364c80
- minimap.selectionOccurrenceHighlight#2b364c60
- minimap.warningHighlight#c8b060
- minimapGutter.addedBackground#68b078
- minimapGutter.deletedBackground#c86878
- minimapGutter.modifiedBackground#98d0e8
- notificationCenter.border#2b364c
- notificationCenterHeader.background#222c3f
- notificationCenterHeader.foreground#c8cdd8
- notificationLink.foreground#8ad0ea
- notifications.background#222c3f
- notifications.border#2b364c
- notifications.foreground#c8cdd8
- notificationToast.border#2b364c
- panel.background#222c3f
- panel.border#2b364c
- panel.dropBorder#8ad0ea
- panelInput.border#2b364c
- panelSection.border#2b364c
- panelSection.dropBackground#8ad0ea20
- panelSectionHeader.background#2b364c
- panelSectionHeader.border#354158
- panelSectionHeader.foreground#c8cdd8
- panelTitle.activeBorder#8ad0ea
- panelTitle.activeForeground#c8cdd8
- panelTitle.inactiveForeground#788098
- pickerGroup.border#2b364c
- pickerGroup.foreground#788098
- quickInput.background#222c3f
- quickInput.foreground#c8cdd8
- quickInputTitle.background#2b364c
- scrollbar.shadow#1a2233
- scrollbarSlider.activeBackground#3f4d65cc
- scrollbarSlider.background#3f4d6599
- scrollbarSlider.hoverBackground#35415899
- selection.background#8ad0ea60
- settings.dropdownBackground#222c3f
- settings.dropdownBorder#2b364c
- settings.dropdownForeground#c8cdd8
- settings.dropdownListBorder#354158
- settings.focusedRowBackground#222c3f
- settings.headerBorder#2b364c
- settings.headerForeground#c8cdd8
- settings.modifiedItemIndicator#98d0e8
- settings.numberInputBackground#222c3f
- settings.numberInputBorder#2b364c
- settings.numberInputForeground#c8cdd8
- settings.settingsHeaderHoverForeground#8ad0ea
- settings.textInputBackground#222c3f
- settings.textInputBorder#2b364c
- settings.textInputForeground#c8cdd8
- sideBar.background#222c3f
- sideBar.border#2b364c
- sideBar.dropBackground#8ad0ea20
- sideBar.foreground#c8cdd8
- sideBarSectionHeader.background#2b364c
- sideBarSectionHeader.border#354158
- sideBarSectionHeader.foreground#c8cdd8
- sideBarTitle.foreground#c8cdd8
- sideBySideEditor.horizontalBorder#2b364c
- statusBar.background#1a2233
- statusBar.border#2b364c
- statusBar.debuggingBackground#d09060
- statusBar.debuggingBorder#d09060
- statusBar.debuggingForeground#1a2233
- statusBar.focusBorder#8ad0ea
- statusBar.foreground#c8cdd8
- statusBar.noFolderBackground#1a2233
- statusBar.noFolderBorder#2b364c
- statusBar.noFolderForeground#c8cdd8
- statusBarItem.activeBackground#2b364c
- statusBarItem.errorBackground#c86878
- statusBarItem.errorForeground#1a2233
- statusBarItem.hoverBackground#2b364c
- statusBarItem.hoverForeground#c8cdd8
- statusBarItem.offlineBackground#788098
- statusBarItem.offlineForeground#1a2233
- statusBarItem.prominentBackground#354158
- statusBarItem.prominentForeground#c8cdd8
- statusBarItem.prominentHoverBackground#2b364c
- statusBarItem.remoteBackground#6fa0c8
- statusBarItem.remoteForeground#1a2233
- statusBarItem.warningBackground#c8b060
- statusBarItem.warningForeground#1a2233
- symbolIcon.arrayForeground#98d0e8
- symbolIcon.booleanForeground#c8b060
- symbolIcon.classForeground#6fa0c8
- symbolIcon.colorForeground#e888b0
- symbolIcon.constantForeground#d09060
- symbolIcon.constructorForeground#8ad0ea
- symbolIcon.enumeratorForeground#c8b060
- symbolIcon.enumeratorMemberForeground#6fa0c8
- symbolIcon.eventForeground#e888a0
- symbolIcon.fieldForeground#d09060
- symbolIcon.fileForeground#788098
- symbolIcon.folderForeground#98d0e8
- symbolIcon.functionForeground#8ad0ea
- symbolIcon.interfaceForeground#6fa0c8
- symbolIcon.keyForeground#c8b060
- symbolIcon.keywordForeground#c878a8
- symbolIcon.methodForeground#8ad0ea
- symbolIcon.moduleForeground#a088b8
- symbolIcon.namespaceForeground#a088b8
- symbolIcon.nullForeground#c86878
- symbolIcon.numberForeground#d8a078
- symbolIcon.objectForeground#d09060
- symbolIcon.operatorForeground#98d0e8
- symbolIcon.packageForeground#68b078
- symbolIcon.propertyForeground#d09060
- symbolIcon.referenceForeground#98d0e8
- symbolIcon.snippetForeground#68b078
- symbolIcon.stringForeground#68b078
- symbolIcon.structForeground#6fa0c8
- symbolIcon.textForeground#c8cdd8
- symbolIcon.typeParameterForeground#6fa0c8
- symbolIcon.unitForeground#d8a078
- symbolIcon.variableForeground#c8cdd8
- tab.activeBackground#1a2233
- tab.activeBorder#8ad0ea
- tab.activeBorderTop#8ad0ea
- tab.activeForeground#c8cdd8
- tab.activeModifiedBorder#98d0e8
- tab.border#354158
- tab.hoverBackground#222c3f
- tab.hoverBorder#2b364c
- tab.hoverForeground#c8cdd8
- tab.inactiveBackground#222c3f
- tab.inactiveForeground#a0a8b8
- tab.inactiveModifiedBorder#98d0e8
- tab.lastPinnedBorder#354158
- tab.unfocusedActiveBorder#788098
- tab.unfocusedActiveBorderTop#788098
- tab.unfocusedActiveForeground#788098
- tab.unfocusedActiveModifiedBorder#98d0e8
- tab.unfocusedHoverBackground#222c3f
- tab.unfocusedHoverBorder#2b364c
- tab.unfocusedHoverForeground#a0a8b8
- tab.unfocusedInactiveBackground#222c3f
- tab.unfocusedInactiveForeground#788098
- tab.unfocusedInactiveModifiedBorder#98d0e8
- terminal.ansiBlack#1a2233
- terminal.ansiBlue#6fa0c8
- terminal.ansiBrightBlack#788098
- terminal.ansiBrightBlue#98d0e8
- terminal.ansiBrightCyan#98d0e8
- terminal.ansiBrightGreen#88c0b0
- terminal.ansiBrightMagenta#b098c0
- terminal.ansiBrightRed#e888a0
- terminal.ansiBrightWhite#a0a8b8
- terminal.ansiBrightYellow#d09060
- terminal.ansiCyan#8ad0ea
- terminal.ansiGreen#68b078
- terminal.ansiMagenta#a088b8
- terminal.ansiRed#c86878
- terminal.ansiWhite#c8cdd8
- terminal.ansiYellow#c8b060
- terminal.background#1a2233
- terminal.dropBorder#8ad0ea
- terminal.foreground#c8cdd8
- terminal.selectionBackground#8ad0ea40
- terminalCommandDecoration.defaultBackground#788098
- terminalCommandDecoration.errorBackground#c86878
- terminalCommandDecoration.successBackground#68b078
- terminalCursor.background#1a2233
- terminalCursor.foreground#8ad0ea
- textBlockQuote.background#222c3f
- textBlockQuote.border#8ad0ea
- textCodeBlock.background#2b364c
- textLink.activeForeground#68b8c8
- textLink.foreground#8ad0ea
- textPreformat.background#2b364c
- textPreformat.foreground#c8cdd8
- textSeparator.foreground#788098
- titleBar.activeBackground#1a2233
- titleBar.activeForeground#c8cdd8
- titleBar.inactiveBackground#141c2e
- titleBar.inactiveForeground#788098
- tree.indentGuidesStroke#354158
- tree.tableColumnsBorder#2b364c
- tree.tableOddRowsBackground#222c3f40
- walkThrough.embeddedEditorBackground#222c3f
- welcomePage.background#1a2233
- welcomePage.progress.background#8ad0ea
- welcomePage.progress.foreground#8ad0ea
- welcomePage.tileBackground#222c3f
- welcomePage.tileBorder#2b364c
- welcomePage.tileHoverBackground#2b364c
- widget.shadow#0e142040
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, comment.line, comment.block | #788098 | italic |
| comment.block.documentation | #788098 | italic |
| comment.block.documentation storage.type.class | #788098 | italic |
| keyword, keyword.control, keyword.control.conditional, keyword.control.loop, keyword.control.trycatch, keyword.control.import, keyword.control.export | #c878a8 | bold |
| keyword.operator.new, keyword.operator.expression, keyword.other, keyword.other.unit, keyword.other.substitution, keyword.other.important, keyword.other.annotation | #c878a8 | bold |
| storage, storage.type, storage.type.class, storage.type.function, storage.modifier, storage.modifier.package, storage.modifier.import, storage.type.annotation | #c878a8 | bold |
| string, string.quoted, string.quoted.single, string.quoted.double, string.quoted.triple, string.quoted.other | #68b078 | — |
| string.template, string.regexp, string.other.link, constant.character.escape | #68b078 | — |
| punctuation.definition.string | #a0a8b8 | — |
| support.type, support.class, entity.name.type, entity.name.type.class, entity.name.type.enum, entity.name.type.interface, entity.name.type.struct | #6fa0c8 | — |
| meta.return-type, meta.type-parameters | #6fa0c8 | — |
| entity.name.function, support.function, meta.function-call, meta.function-call.generic | #8ad0ea | — |
| meta.function.method, support.function.builtin | #8ad0ea | — |
| variable, variable.other, variable.other.readwrite | #c8cdd8 | — |
| variable.other.constant, variable.language, variable.language.this, variable.language.super | #c8cdd8 | — |
| variable.parameter, variable.parameter.function, variable.parameter.function-call | #98d0e8 | — |
| constant, constant.numeric, constant.numeric.integer, constant.numeric.float, constant.numeric.hex, constant.numeric.octal | #d8a078 | — |
| constant.language, constant.language.boolean, constant.language.null, constant.language.undefined | #d09060 | — |
| constant.character, constant.other.color, constant.other.key, constant.other.symbol | #d09060 | — |
| entity.name.constant | #d09060 | — |
| keyword.operator, keyword.operator.arithmetic, keyword.operator.logical, keyword.operator.relational | #98d0e8 | — |
| keyword.operator.assignment, keyword.operator.comparison, keyword.operator.bitwise | #98d0e8 | — |
| punctuation.separator, punctuation.terminator, punctuation.definition.block, punctuation.definition.arguments | #a0a8b8 | — |
| punctuation.definition.parameters, punctuation.section, punctuation.section.brackets, punctuation.section.braces, punctuation.section.parens | #a0a8b8 | — |
| meta.brace, meta.bracket | #a0a8b8 | — |
| entity.name.tag, entity.name.tag.css, entity.name.tag.js, entity.name.tag.ts, entity.name.tag.jsx, entity.name.tag.tsx | #c878a8 | — |
| meta.tag, punctuation.definition.tag, punctuation.definition.tag.begin, punctuation.definition.tag.end | #c878a8 | — |
| entity.other.attribute-name, meta.attribute, meta.selector | #6fa0c8 | — |
| support.type.property-name, meta.property-name, support.type.vendored.property-name | #6fa0c8 | — |
| support.constant.property-value, meta.property-value | #d8a078 | — |
| entity.name.filename, meta.path | #788098 | — |
| markup.heading, markup.heading.1, markup.heading.2, markup.heading.3, markup.heading.4, markup.heading.5, markup.heading.6 | #8ad0ea | bold |
| punctuation.definition.heading | #98d0e8 | — |
| markup.bold, punctuation.definition.bold | #c8cdd8 | bold |
| markup.italic, punctuation.definition.italic | #c8cdd8 | italic |
| markup.underline, markup.underline.link | #8ad0ea | underline |
| markup.strikethrough | #c86878 | strikethrough |
| markup.raw, markup.inline.raw, markup.raw.block, punctuation.definition.raw | #d09060 | — |
| markup.list, markup.list.numbered, markup.list.unnumbered, punctuation.definition.list | #98d0e8 | — |
| markup.quote, punctuation.definition.blockquote | #788098 | italic |
| markup.inserted | #68b078 | — |
| markup.deleted | #c86878 | — |
| markup.changed | #98d0e8 | — |
| meta.link, meta.image, string.other.link, constant.other.reference.link | #8ad0ea | — |
| punctuation.definition.link | #98d0e8 | — |
| meta.diff, meta.diff.header, meta.diff.range | #788098 | — |
| markup.inserted.diff | #68b078 | — |
| markup.deleted.diff | #c86878 | — |
| markup.changed.diff | #98d0e8 | — |
| punctuation.definition.separator.diff | #a0a8b8 | — |
| invalid, invalid.illegal | #c86878 | bold |
| invalid.deprecated | #d09060 | bold |
| entity.name.decorator, meta.decorator, storage.type.annotation | #c8b060 | — |
| log.error | #c86878 | — |
| log.warning | #c8b060 | — |
| log.info | #8ad0ea | — |
| log.debug | #788098 | — |