Modern Themes
Publisher: Hüsamettin UlutaşThemes in package: 24
24 handcrafted modern color themes plus a coding font picker that can install bundled open-source fonts for you. Every color is solved for WCAG contrast.
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.
- activityBar.activeBackground#3eccbd1a
- activityBar.activeBorder#3eccbd
- activityBar.background#0b1011
- activityBar.border#24353800
- activityBar.foreground#bcc8ca
- activityBar.inactiveForeground#547278
- activityBarBadge.background#3eccbd
- activityBarBadge.foreground#141d1f
- activityBarTop.activeBorder#3eccbd
- activityBarTop.foreground#bcc8ca
- activityBarTop.inactiveForeground#547278
- badge.background#3eccbd
- badge.foreground#141d1f
- banner.background#202f32
- banner.foreground#bcc8ca
- banner.iconForeground#2ba195
- breadcrumb.activeSelectionForeground#2ba195
- breadcrumb.background#141d1f
- breadcrumb.focusForeground#bcc8ca
- breadcrumb.foreground#547278
- breadcrumbPicker.background#1b272a
- button.background#3eccbd
- button.border#3eccbd00
- button.foreground#141d1f
- button.hoverBackground#56d2c6
- button.secondaryBackground#202f32
- button.secondaryForeground#bcc8ca
- button.secondaryHoverBackground#2a3d41
- charts.blue#318fb7
- charts.foreground#bcc8ca
- charts.green#2ba162
- charts.lines#547278
- charts.orange#ce8146
- charts.purple#d768cc
- charts.red#d76a71
- charts.yellow#ab862e
- checkbox.background#1b272a
- checkbox.border#344c51
- checkbox.foreground#bcc8ca
- debugConsole.errorForeground#d76a71
- debugConsole.infoForeground#2ba195
- debugConsole.sourceForeground#759399
- debugConsole.warningForeground#ab862e
- debugConsoleInputIcon.foreground#2ba195
- debugExceptionWidget.background#2f282a
- debugExceptionWidget.border#d76a71
- debugIcon.breakpointDisabledForeground#d76a7180
- debugIcon.breakpointForeground#d76a71
- debugIcon.continueForeground#2ba162
- debugIcon.pauseForeground#2ba195
- debugIcon.restartForeground#2ba162
- debugIcon.startForeground#2ba162
- debugIcon.stepIntoForeground#2ba195
- debugIcon.stepOutForeground#2ba195
- debugIcon.stepOverForeground#2ba195
- debugIcon.stopForeground#d76a71
- debugTokenExpression.boolean#d768cc
- debugTokenExpression.error#d76a71
- debugTokenExpression.name#519bbb
- debugTokenExpression.number#ce8146
- debugTokenExpression.string#2ca74d
- debugTokenExpression.value#2ca74d
- debugToolBar.background#1b272a
- debugToolBar.border#243538
- descriptionForeground#759399
- diffEditor.diagonalFill#243538
- diffEditor.insertedLineBackground#2e9e5d17
- diffEditor.insertedTextBackground#2e9e5d24
- diffEditor.removedLineBackground#d0655d17
- diffEditor.removedTextBackground#d0655d24
- diffEditorOverview.insertedForeground#2e9e5d99
- diffEditorOverview.removedForeground#d0655d99
- dropdown.background#1b272a
- dropdown.border#243538
- dropdown.foreground#bcc8ca
- dropdown.listBackground#1b272a
- editor.background#141d1f
- editor.findMatchBackground#c9763652
- editor.findMatchBorder#cf834ab3
- editor.findMatchHighlightBackground#c976362e
- editor.findRangeHighlightBackground#3eccbd21
- editor.focusedStackFrameHighlightBackground#2ba1622e
- editor.foldBackground#3eccbd14
- editor.foreground#bcc8ca
- editor.hoverHighlightBackground#3eccbd24
- editor.inactiveSelectionBackground#3eccbd21
- editor.lineHighlightBackground#ffffff0b
- editor.lineHighlightBorder#3eccbd00
- editor.rangeHighlightBackground#3eccbd21
- editor.selectionBackground#3eccbd3d
- editor.selectionHighlightBackground#3eccbd21
- editor.selectionHighlightBorder#3eccbd00
- editor.stackFrameHighlightBackground#ab862e29
- editor.wordHighlightBackground#3eccbd24
- editor.wordHighlightStrongBackground#3eccbd38
- editorBracketHighlight.foreground1#318fb7
- editorBracketHighlight.foreground2#c17133
- editorBracketHighlight.foreground3#2ba182
- editorBracketHighlight.foreground4#d152c4
- editorBracketHighlight.foreground5#2ba14a
- editorBracketHighlight.foreground6#d56071
- editorBracketHighlight.unexpectedBracket.foreground#d76a71
- editorBracketMatch.background#3eccbd29
- editorBracketMatch.border#3eccbd8c
- editorCodeLens.foreground#547278
- editorCursor.background#141d1f
- editorCursor.foreground#2ba195
- editorError.foreground#d76a71
- editorGhostText.foreground#547278
- editorGroup.border#243538
- editorGroup.dropBackground#3eccbd29
- editorGroupHeader.border#24353800
- editorGroupHeader.noTabsBackground#0b1011
- editorGroupHeader.tabsBackground#0b1011
- editorGroupHeader.tabsBorder#24353800
- editorGutter.addedBackground#2e9e5d
- editorGutter.background#141d1f
- editorGutter.deletedBackground#d0655d
- editorGutter.foldingControlForeground#759399
- editorGutter.modifiedBackground#a67f30
- editorHint.foreground#547278
- editorHoverWidget.background#1b272a
- editorHoverWidget.border#243538
- editorHoverWidget.foreground#bcc8ca
- editorHoverWidget.statusBarBackground#202f32
- editorIndentGuide.activeBackground1#3c585d
- editorIndentGuide.background1#223235
- editorInfo.foreground#2ba195
- editorInlayHint.background#3eccbd1a
- editorInlayHint.foreground#547278
- editorLineNumber.activeForeground#2ba195
- editorLineNumber.foreground#547278
- editorLink.activeForeground#2ba195
- editorOverviewRuler.addedForeground#2e9e5d
- editorOverviewRuler.border#24353800
- editorOverviewRuler.bracketMatchForeground#3eccbd66
- editorOverviewRuler.deletedForeground#d0655d
- editorOverviewRuler.errorForeground#d76a71
- editorOverviewRuler.findMatchForeground#cf834ab3
- editorOverviewRuler.infoForeground#2ba195
- editorOverviewRuler.modifiedForeground#a67f30
- editorOverviewRuler.selectionHighlightForeground#3eccbd66
- editorOverviewRuler.warningForeground#ab862e
- editorRuler.foreground#202f32
- editorStickyScroll.background#0f1617
- editorStickyScrollHover.background#202f32
- editorSuggestWidget.background#1b272a
- editorSuggestWidget.border#243538
- editorSuggestWidget.focusHighlightForeground#56d2c6
- editorSuggestWidget.foreground#bcc8ca
- editorSuggestWidget.highlightForeground#2ba195
- editorSuggestWidget.selectedBackground#3eccbd2e
- editorSuggestWidget.selectedForeground#bcc8ca
- editorWarning.foreground#ab862e
- editorWhitespace.foreground#54727880
- editorWidget.background#1b272a
- editorWidget.border#243538
- editorWidget.foreground#bcc8ca
- errorForeground#d76a71
- extensionBadge.remoteBackground#3eccbd
- extensionBadge.remoteForeground#141d1f
- extensionButton.prominentBackground#3eccbd
- extensionButton.prominentForeground#141d1f
- extensionButton.prominentHoverBackground#56d2c6
- extensionIcon.preReleaseForeground#d768cc
- extensionIcon.starForeground#ce8146
- extensionIcon.verifiedForeground#2ba162
- focusBorder#3eccbd99
- foreground#bcc8ca
- gitDecoration.addedResourceForeground#2e9e5d
- gitDecoration.conflictingResourceForeground#ca56ca
- gitDecoration.deletedResourceForeground#d0655d
- gitDecoration.ignoredResourceForeground#547278
- gitDecoration.modifiedResourceForeground#a67f30
- gitDecoration.renamedResourceForeground#389738
- gitDecoration.stageDeletedResourceForeground#d0655d
- gitDecoration.stageModifiedResourceForeground#a67f30
- gitDecoration.submoduleResourceForeground#9e72cb
- gitDecoration.untrackedResourceForeground#389738
- icon.foreground#759399
- input.background#1c292c
- input.border#243538
- input.foreground#bcc8ca
- input.placeholderForeground#547278
- inputOption.activeBackground#3eccbd3d
- inputOption.activeBorder#3eccbd80
- inputOption.activeForeground#bcc8ca
- inputValidation.errorBackground#33292c
- inputValidation.errorBorder#d76a71
- inputValidation.errorForeground#bcc8ca
- inputValidation.infoBackground#183232
- inputValidation.infoBorder#2ba195
- inputValidation.infoForeground#bcc8ca
- inputValidation.warningBackground#2c2e21
- inputValidation.warningBorder#ab862e
- inputValidation.warningForeground#bcc8ca
- keybindingLabel.background#54727824
- keybindingLabel.border#54727829
- keybindingLabel.bottomBorder#54727838
- keybindingLabel.foreground#bcc8ca
- list.activeSelectionBackground#3eccbd33
- list.activeSelectionForeground#bcc8ca
- list.activeSelectionIconForeground#2ba195
- list.dropBackground#3eccbd29
- list.errorForeground#d76a71
- list.focusBackground#3eccbd33
- list.focusForeground#bcc8ca
- list.focusHighlightForeground#56d2c6
- list.focusOutline#3eccbd00
- list.highlightForeground#2ba195
- list.hoverBackground#5472781a
- list.hoverForeground#bcc8ca
- list.inactiveSelectionBackground#3eccbd1c
- list.inactiveSelectionForeground#bcc8ca
- list.warningForeground#ab862e
- listFilterWidget.background#1b272a
- listFilterWidget.noMatchesOutline#d76a71
- listFilterWidget.outline#3eccbd
- menu.background#1b272a
- menu.border#243538
- menu.foreground#bcc8ca
- menu.selectionBackground#3eccbd33
- menu.selectionForeground#bcc8ca
- menu.separatorBackground#243538
- menubar.selectionBackground#54727824
- menubar.selectionForeground#bcc8ca
- merge.border#24353800
- merge.commonContentBackground#5472781f
- merge.commonHeaderBackground#54727840
- merge.currentContentBackground#2e9e5d24
- merge.currentHeaderBackground#2e9e5d4d
- merge.incomingContentBackground#2ba19524
- merge.incomingHeaderBackground#2ba1954d
- minimap.background#141d1f
- minimap.errorHighlight#d76a71
- minimap.findMatchHighlight#c97636b3
- minimap.selectionHighlight#3eccbd80
- minimap.warningHighlight#ab862e
- minimapGutter.addedBackground#2e9e5d
- minimapGutter.deletedBackground#d0655d
- minimapGutter.modifiedBackground#a67f30
- minimapSlider.activeBackground#54727842
- minimapSlider.background#5472781a
- minimapSlider.hoverBackground#5472782e
- notificationCenter.border#243538
- notificationCenterHeader.background#202f32
- notificationCenterHeader.foreground#bcc8ca
- notificationLink.foreground#2ba195
- notifications.background#1b272a
- notifications.border#243538
- notifications.foreground#bcc8ca
- notificationsErrorIcon.foreground#d76a71
- notificationsInfoIcon.foreground#2ba195
- notificationsWarningIcon.foreground#ab862e
- notificationToast.border#243538
- panel.background#0f1617
- panel.border#243538
- panel.dropBorder#3eccbd
- panelInput.border#243538
- panelSection.border#243538
- panelSectionHeader.background#0f1617
- panelSectionHeader.foreground#bcc8ca
- panelTitle.activeBorder#3eccbd
- panelTitle.activeForeground#bcc8ca
- panelTitle.inactiveForeground#547278
- peekView.border#3eccbd8c
- peekViewEditor.background#121a1c
- peekViewEditor.matchHighlightBackground#c9763652
- peekViewResult.background#0f1617
- peekViewResult.fileForeground#bcc8ca
- peekViewResult.foreground#bcc8ca
- peekViewResult.lineForeground#759399
- peekViewResult.matchHighlightBackground#c9763652
- peekViewResult.selectionBackground#3eccbd2e
- peekViewResult.selectionForeground#bcc8ca
- peekViewTitle.background#0f1617
- peekViewTitleDescription.foreground#759399
- peekViewTitleLabel.foreground#bcc8ca
- pickerGroup.border#243538
- pickerGroup.foreground#2ba195
- ports.iconRunningProcessForeground#2ba162
- problemsErrorIcon.foreground#d76a71
- problemsInfoIcon.foreground#2ba195
- problemsWarningIcon.foreground#ab862e
- progressBar.background#3eccbd
- quickInput.background#1b272a
- quickInput.foreground#bcc8ca
- quickInputList.focusBackground#3eccbd33
- quickInputList.focusForeground#bcc8ca
- quickInputList.focusIconForeground#2ba195
- quickInputTitle.background#202f32
- sash.hoverBorder#3eccbd80
- scrollbar.shadow#0609094d
- scrollbarSlider.activeBackground#54727873
- scrollbarSlider.background#54727833
- scrollbarSlider.hoverBackground#54727852
- search.resultsInfoForeground#759399
- searchEditor.findMatchBackground#c976362e
- selection.background#3eccbd3d
- settings.checkboxBackground#1b272a
- settings.checkboxBorder#344c51
- settings.dropdownBackground#1b272a
- settings.dropdownBorder#243538
- settings.focusedRowBackground#3eccbd12
- settings.headerForeground#bcc8ca
- settings.modifiedItemIndicator#3eccbd
- settings.numberInputBackground#1c292c
- settings.numberInputBorder#243538
- settings.rowHoverBackground#5472780f
- settings.textInputBackground#1c292c
- settings.textInputBorder#243538
- sideBar.background#0f1617
- sideBar.border#24353800
- sideBar.foreground#6f8f95
- sideBarSectionHeader.background#0f1617
- sideBarSectionHeader.border#24353800
- sideBarSectionHeader.foreground#bcc8ca
- sideBarStickyScroll.background#0f1617
- sideBarTitle.foreground#bcc8ca
- statusBar.background#0b1011
- statusBar.border#24353800
- statusBar.debuggingBackground#3eccbd
- statusBar.debuggingBorder#24353800
- statusBar.debuggingForeground#141d1f
- statusBar.foreground#6b8b91
- statusBar.noFolderBackground#0b1011
- statusBar.noFolderForeground#6b8b91
- statusBarItem.activeBackground#54727838
- statusBarItem.hoverBackground#54727824
- statusBarItem.prominentBackground#3eccbd3d
- statusBarItem.prominentForeground#bcc8ca
- statusBarItem.prominentHoverBackground#3eccbd57
- statusBarItem.remoteBackground#3eccbd
- statusBarItem.remoteForeground#141d1f
- symbolIcon.booleanForeground#d768cc
- symbolIcon.classForeground#2ca585
- symbolIcon.colorForeground#c48554
- symbolIcon.constantForeground#ce8146
- symbolIcon.constructorForeground#369dc9
- symbolIcon.enumeratorForeground#2ca585
- symbolIcon.enumeratorMemberForeground#ce8146
- symbolIcon.fieldForeground#519bbb
- symbolIcon.fileForeground#759399
- symbolIcon.folderForeground#759399
- symbolIcon.functionForeground#369dc9
- symbolIcon.interfaceForeground#2ca585
- symbolIcon.keywordForeground#d768cc
- symbolIcon.methodForeground#369dc9
- symbolIcon.moduleForeground#da7483
- symbolIcon.namespaceForeground#da7483
- symbolIcon.numberForeground#ce8146
- symbolIcon.propertyForeground#519bbb
- symbolIcon.snippetForeground#c48554
- symbolIcon.stringForeground#2ca74d
- symbolIcon.textForeground#759399
- symbolIcon.variableForeground#bcc8ca
- tab.activeBackground#141d1f
- tab.activeBorder#141d1f00
- tab.activeBorderTop#3eccbd
- tab.activeForeground#bcc8ca
- tab.activeModifiedBorder#a67f30
- tab.border#24353800
- tab.hoverBackground#0f1617
- tab.hoverForeground#bcc8ca
- tab.inactiveBackground#0b1011
- tab.inactiveForeground#547278
- tab.inactiveModifiedBorder#a67f3080
- tab.lastPinnedBorder#243538
- tab.unfocusedActiveBackground#0f1617
- tab.unfocusedActiveBorderTop#3eccbd59
- tab.unfocusedActiveForeground#759399
- tab.unfocusedInactiveForeground#547278
- terminal.ansiBlack#283a3e
- terminal.ansiBlue#318fb7
- terminal.ansiBrightBlack#44636a
- terminal.ansiBrightBlue#5ea8c7
- terminal.ansiBrightCyan#5ab69e
- terminal.ansiBrightGreen#5ab672
- terminal.ansiBrightMagenta#db78d1
- terminal.ansiBrightRed#de8389
- terminal.ansiBrightWhite#bcc8ca
- terminal.ansiBrightYellow#cf9060
- terminal.ansiCyan#2ba182
- terminal.ansiGreen#2ba14a
- terminal.ansiMagenta#d152c4
- terminal.ansiRed#d56068
- terminal.ansiWhite#6f8f95
- terminal.ansiYellow#c17133
- terminal.background#0f1617
- terminal.border#243538
- terminal.findMatchBackground#c9763652
- terminal.findMatchHighlightBackground#c976362e
- terminal.foreground#b5c2c5
- terminal.inactiveSelectionBackground#3eccbd21
- terminal.selectionBackground#3eccbd3d
- terminalCursor.background#0f1617
- terminalCursor.foreground#2ba195
- testing.iconErrored#d76a71
- testing.iconFailed#d76a71
- testing.iconPassed#2ba162
- testing.iconQueued#ab862e
- testing.iconSkipped#547278
- testing.iconUnset#547278
- testing.message.error.decorationForeground#d76a71
- testing.runAction#2ba162
- textBlockQuote.background#0f1617
- textBlockQuote.border#3eccbd80
- textCodeBlock.background#0f1617
- textLink.activeForeground#56d2c6
- textLink.foreground#2ba195
- textPreformat.background#3eccbd1a
- textPreformat.foreground#2ca74d
- textSeparator.foreground#243538
- titleBar.activeBackground#0b1011
- titleBar.activeForeground#6b8b91
- titleBar.border#24353800
- titleBar.inactiveBackground#0b1011
- titleBar.inactiveForeground#547278
- tree.inactiveIndentGuidesStroke#1e2c2f
- tree.indentGuidesStroke#26383b
- walkThrough.embeddedEditorBackground#0f1617
- welcomePage.background#141d1f
- welcomePage.progress.background#243538
- welcomePage.progress.foreground#3eccbd
- welcomePage.tileBackground#0f1617
- welcomePage.tileHoverBackground#202f32
- widget.border#243538
- widget.shadow#06090970
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment, string.comment | #638c94 | italic |
| comment.block.documentation storage.type, comment keyword | #638c94 | italic bold |
| punctuation, meta.brace, punctuation.definition.parameters, punctuation.separator, punctuation.terminator | #759399 | — |
| variable, variable.other.readwrite, meta.definition.variable.name, support.variable, entity.name.variable | #bcc8ca | — |
| variable.parameter, meta.function.parameters variable | #c7abb1 | italic |
| variable.language, variable.language.this, variable.other.constant | #da7483 | italic |
| variable.other.property, meta.object-literal.key, support.type.property-name, variable.other.object.property | #519bbb | — |
| keyword, keyword.control, keyword.other, storage, storage.type, storage.modifier, keyword.type | #d768cc | — |
| keyword.operator, punctuation.accessor, storage.type.function.arrow | #b769af | — |
| keyword.control.import, keyword.control.export, keyword.control.from, keyword.control.default | #d768cc | italic |
| string, string.quoted, punctuation.definition.string, string.template | #2ca74d | — |
| punctuation.definition.template-expression, punctuation.section.embedded | #b769af | — |
| string.regexp, constant.other.character-class.regexp, keyword.operator.quantifier.regexp | #25a784 | — |
| constant.character.escape, constant.character | #da7483 | — |
| constant.numeric, constant.language.numeric | #ce8146 | — |
| constant, constant.language, constant.language.boolean, constant.language.null, constant.language.undefined, support.constant | #ce8146 | — |
| entity.name.function, support.function, meta.function-call.generic, variable.function | #369dc9 | — |
| entity.name.method, meta.method entity.name.function | #369dc9 | — |
| entity.name.type, entity.name.class, entity.other.inherited-class, support.class, support.type, meta.type.annotation, entity.name.namespace | #2ca585 | — |
| meta.decorator, entity.name.function.decorator, punctuation.decorator | #c48554 | italic |
| entity.name.tag, punctuation.definition.tag, meta.tag | #da7483 | — |
| support.class.component, entity.name.tag.custom | #2ca585 | — |
| entity.other.attribute-name, meta.attribute | #c48554 | italic |
| entity.name.selector, entity.other.attribute-name.class, entity.other.attribute-name.id | #2ca585 | — |
| support.type.property-name.css, support.type.property-name.scss | #519bbb | — |
| keyword.other.unit, constant.numeric.css | #ce8146 | — |
| support.type.property-name.json, meta.structure.dictionary.json string.quoted.double | #519bbb | — |
| entity.name.tag.yaml | #519bbb | — |
| markup.heading, entity.name.section.markdown, punctuation.definition.heading | #369dc9 | bold |
| markup.bold | #ce8146 | bold |
| markup.italic | #d768cc | italic |
| markup.strikethrough | #638c94 | strikethrough |
| markup.underline.link, string.other.link | #2ba195 | underline |
| markup.quote | #638c94 | italic |
| markup.inline.raw, markup.fenced_code, markup.raw | #2ca74d | — |
| markup.list punctuation.definition.list, beginning.punctuation.definition.list | #da7483 | — |
| markup.inserted | #2e9e5d | — |
| markup.deleted | #d0655d | — |
| markup.changed | #a67f30 | — |
| invalid, invalid.illegal | #d76a71 | — |
| invalid.deprecated | #ab862e | strikethrough |
| variable.other.normal.shell, string.interpolated.dollar.shell | #519bbb | — |
| keyword.other.definition.ini, entity.name.section.ini | #519bbb | — |
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.
- activityBar.activeBackground#d5ad341a
- activityBar.activeBorder#d5ad34
- activityBar.background#12110f
- activityBar.border#322e2900
- activityBar.foreground#cac7c4
- activityBar.inactiveForeground#6e675e
- activityBarBadge.background#d5ad34
- activityBarBadge.foreground#1c1a17
- activityBarTop.activeBorder#d5ad34
- activityBarTop.foreground#cac7c4
- activityBarTop.inactiveForeground#6e675e
- badge.background#d5ad34
- badge.foreground#1c1a17
- banner.background#302c27
- banner.foreground#cac7c4
- banner.iconForeground#a98823
- breadcrumb.activeSelectionForeground#a98823
- breadcrumb.background#1f1c19
- breadcrumb.focusForeground#cac7c4
- breadcrumb.foreground#746c63
- breadcrumbPicker.background#292521
- button.background#d5ad34
- button.border#d5ad3400
- button.foreground#1c1a17
- button.hoverBackground#dbb74d
- button.secondaryBackground#302c27
- button.secondaryForeground#cac7c4
- button.secondaryHoverBackground#3b3630
- charts.blue#5885d3
- charts.foreground#cac7c4
- charts.green#2ba162
- charts.lines#746c63
- charts.orange#af912f
- charts.purple#d970ab
- charts.red#d86c73
- charts.yellow#ad872e
- checkbox.background#292521
- checkbox.border#49433c
- checkbox.foreground#cac7c4
- debugConsole.errorForeground#d86c73
- debugConsole.infoForeground#a98823
- debugConsole.sourceForeground#958e86
- debugConsole.warningForeground#ad872e
- debugConsoleInputIcon.foreground#a98823
- debugExceptionWidget.background#392726
- debugExceptionWidget.border#d86c73
- debugIcon.breakpointDisabledForeground#d86c7380
- debugIcon.breakpointForeground#d86c73
- debugIcon.continueForeground#2ba162
- debugIcon.pauseForeground#a98823
- debugIcon.restartForeground#2ba162
- debugIcon.startForeground#2ba162
- debugIcon.stepIntoForeground#a98823
- debugIcon.stepOutForeground#a98823
- debugIcon.stepOverForeground#a98823
- debugIcon.stopForeground#d86c73
- debugTokenExpression.boolean#d970ab
- debugTokenExpression.error#d86c73
- debugTokenExpression.name#7594c9
- debugTokenExpression.number#af912f
- debugTokenExpression.string#2ca776
- debugTokenExpression.value#2ca776
- debugToolBar.background#292521
- debugToolBar.border#322e29
- descriptionForeground#958e86
- diffEditor.diagonalFill#322e29
- diffEditor.insertedLineBackground#2e9e5d17
- diffEditor.insertedTextBackground#2e9e5d24
- diffEditor.removedLineBackground#d0655d17
- diffEditor.removedTextBackground#d0655d24
- diffEditorOverview.insertedForeground#2e9e5d99
- diffEditorOverview.removedForeground#d0655d99
- dropdown.background#292521
- dropdown.border#322e29
- dropdown.foreground#cac7c4
- dropdown.listBackground#292521
- editor.background#1f1c19
- editor.findMatchBackground#c9a73652
- editor.findMatchBorder#cfb04ab3
- editor.findMatchHighlightBackground#c9a7362e
- editor.findRangeHighlightBackground#d5ad3421
- editor.focusedStackFrameHighlightBackground#2ba1622e
- editor.foldBackground#d5ad3414
- editor.foreground#cac7c4
- editor.hoverHighlightBackground#d5ad3424
- editor.inactiveSelectionBackground#d5ad3421
- editor.lineHighlightBackground#ffffff0b
- editor.lineHighlightBorder#d5ad3400
- editor.rangeHighlightBackground#d5ad3421
- editor.selectionBackground#d5ad343d
- editor.selectionHighlightBackground#d5ad3421
- editor.selectionHighlightBorder#d5ad3400
- editor.stackFrameHighlightBackground#ad872e29
- editor.wordHighlightBackground#d5ad3424
- editor.wordHighlightStrongBackground#d5ad3438
- editorBracketHighlight.foreground1#5885d3
- editorBracketHighlight.foreground2#a1862b
- editorBracketHighlight.foreground3#2b99a1
- editorBracketHighlight.foreground4#d35a9f
- editorBracketHighlight.foreground5#2ba172
- editorBracketHighlight.foreground6#d06750
- editorBracketHighlight.unexpectedBracket.foreground#d86c73
- editorBracketMatch.background#d5ad3429
- editorBracketMatch.border#d5ad348c
- editorCodeLens.foreground#746c63
- editorCursor.background#1f1c19
- editorCursor.foreground#a98823
- editorError.foreground#d86c73
- editorGhostText.foreground#6e675e
- editorGroup.border#322e29
- editorGroup.dropBackground#d5ad3429
- editorGroupHeader.border#322e2900
- editorGroupHeader.noTabsBackground#12110f
- editorGroupHeader.tabsBackground#12110f
- editorGroupHeader.tabsBorder#322e2900
- editorGutter.addedBackground#2e9e5d
- editorGutter.background#1f1c19
- editorGutter.deletedBackground#d0655d
- editorGutter.foldingControlForeground#958e86
- editorGutter.modifiedBackground#a67f30
- editorHint.foreground#746c63
- editorHoverWidget.background#292521
- editorHoverWidget.border#322e29
- editorHoverWidget.foreground#cac7c4
- editorHoverWidget.statusBarBackground#302c27
- editorIndentGuide.activeBackground1#544d45
- editorIndentGuide.background1#302c27
- editorInfo.foreground#a98823
- editorInlayHint.background#d5ad341a
- editorInlayHint.foreground#746c63
- editorLineNumber.activeForeground#a98823
- editorLineNumber.foreground#6e675e
- editorLink.activeForeground#a98823
- editorOverviewRuler.addedForeground#2e9e5d
- editorOverviewRuler.border#322e2900
- editorOverviewRuler.bracketMatchForeground#d5ad3466
- editorOverviewRuler.deletedForeground#d0655d
- editorOverviewRuler.errorForeground#d86c73
- editorOverviewRuler.findMatchForeground#cfb04ab3
- editorOverviewRuler.infoForeground#a98823
- editorOverviewRuler.modifiedForeground#a67f30
- editorOverviewRuler.selectionHighlightForeground#d5ad3466
- editorOverviewRuler.warningForeground#ad872e
- editorRuler.foreground#2d2925
- editorStickyScroll.background#181614
- editorStickyScrollHover.background#302c27
- editorSuggestWidget.background#292521
- editorSuggestWidget.border#322e29
- editorSuggestWidget.focusHighlightForeground#dbb74d
- editorSuggestWidget.foreground#cac7c4
- editorSuggestWidget.highlightForeground#a98823
- editorSuggestWidget.selectedBackground#d5ad342e
- editorSuggestWidget.selectedForeground#cac7c4
- editorWarning.foreground#ad872e
- editorWhitespace.foreground#6e675e80
- editorWidget.background#292521
- editorWidget.border#322e29
- editorWidget.foreground#cac7c4
- errorForeground#d86c73
- extensionBadge.remoteBackground#d5ad34
- extensionBadge.remoteForeground#1c1a17
- extensionButton.prominentBackground#d5ad34
- extensionButton.prominentForeground#1c1a17
- extensionButton.prominentHoverBackground#dbb74d
- extensionIcon.preReleaseForeground#d970ab
- extensionIcon.starForeground#af912f
- extensionIcon.verifiedForeground#2ba162
- focusBorder#d5ad3499
- foreground#cac7c4
- gitDecoration.addedResourceForeground#2e9e5d
- gitDecoration.conflictingResourceForeground#ca58ca
- gitDecoration.deletedResourceForeground#d0655d
- gitDecoration.ignoredResourceForeground#746c63
- gitDecoration.modifiedResourceForeground#a67f30
- gitDecoration.renamedResourceForeground#389938
- gitDecoration.stageDeletedResourceForeground#d0655d
- gitDecoration.stageModifiedResourceForeground#a67f30
- gitDecoration.submoduleResourceForeground#9e72cb
- gitDecoration.untrackedResourceForeground#389938
- icon.foreground#958e86
- input.background#272420
- input.border#322e29
- input.foreground#cac7c4
- input.placeholderForeground#746c63
- inputOption.activeBackground#d5ad343d
- inputOption.activeBorder#d5ad3480
- inputOption.activeForeground#cac7c4
- inputValidation.errorBackground#3d2927
- inputValidation.errorBorder#d86c73
- inputValidation.errorForeground#cac7c4
- inputValidation.infoBackground#352d1b
- inputValidation.infoBorder#a98823
- inputValidation.infoForeground#cac7c4
- inputValidation.warningBackground#362d1c
- inputValidation.warningBorder#ad872e
- inputValidation.warningForeground#cac7c4
- keybindingLabel.background#746c6324
- keybindingLabel.border#746c6329
- keybindingLabel.bottomBorder#746c6338
- keybindingLabel.foreground#cac7c4
- list.activeSelectionBackground#d5ad3433
- list.activeSelectionForeground#cac7c4
- list.activeSelectionIconForeground#a98823
- list.dropBackground#d5ad3429
- list.errorForeground#d86c73
- list.focusBackground#d5ad3433
- list.focusForeground#cac7c4
- list.focusHighlightForeground#dbb74d
- list.focusOutline#d5ad3400
- list.highlightForeground#a98823
- list.hoverBackground#746c631a
- list.hoverForeground#cac7c4
- list.inactiveSelectionBackground#d5ad341c
- list.inactiveSelectionForeground#cac7c4
- list.warningForeground#ad872e
- listFilterWidget.background#292521
- listFilterWidget.noMatchesOutline#d86c73
- listFilterWidget.outline#d5ad34
- menu.background#292521
- menu.border#322e29
- menu.foreground#cac7c4
- menu.selectionBackground#d5ad3433
- menu.selectionForeground#cac7c4
- menu.separatorBackground#322e29
- menubar.selectionBackground#746c6324
- menubar.selectionForeground#cac7c4
- merge.border#322e2900
- merge.commonContentBackground#746c631f
- merge.commonHeaderBackground#746c6340
- merge.currentContentBackground#2e9e5d24
- merge.currentHeaderBackground#2e9e5d4d
- merge.incomingContentBackground#a9882324
- merge.incomingHeaderBackground#a988234d
- minimap.background#1f1c19
- minimap.errorHighlight#d86c73
- minimap.findMatchHighlight#c9a736b3
- minimap.selectionHighlight#d5ad3480
- minimap.warningHighlight#ad872e
- minimapGutter.addedBackground#2e9e5d
- minimapGutter.deletedBackground#d0655d
- minimapGutter.modifiedBackground#a67f30
- minimapSlider.activeBackground#746c6342
- minimapSlider.background#746c631a
- minimapSlider.hoverBackground#746c632e
- notificationCenter.border#322e29
- notificationCenterHeader.background#302c27
- notificationCenterHeader.foreground#cac7c4
- notificationLink.foreground#a98823
- notifications.background#292521
- notifications.border#322e29
- notifications.foreground#cac7c4
- notificationsErrorIcon.foreground#d86c73
- notificationsInfoIcon.foreground#a98823
- notificationsWarningIcon.foreground#ad872e
- notificationToast.border#322e29
- panel.background#181614
- panel.border#322e29
- panel.dropBorder#d5ad34
- panelInput.border#322e29
- panelSection.border#322e29
- panelSectionHeader.background#181614
- panelSectionHeader.foreground#cac7c4
- panelTitle.activeBorder#d5ad34
- panelTitle.activeForeground#cac7c4
- panelTitle.inactiveForeground#6e675e
- peekView.border#d5ad348c
- peekViewEditor.background#191715
- peekViewEditor.matchHighlightBackground#c9a73652
- peekViewResult.background#181614
- peekViewResult.fileForeground#cac7c4
- peekViewResult.foreground#cac7c4
- peekViewResult.lineForeground#958e86
- peekViewResult.matchHighlightBackground#c9a73652
- peekViewResult.selectionBackground#d5ad342e
- peekViewResult.selectionForeground#cac7c4
- peekViewTitle.background#181614
- peekViewTitleDescription.foreground#958e86
- peekViewTitleLabel.foreground#cac7c4
- pickerGroup.border#322e29
- pickerGroup.foreground#a98823
- ports.iconRunningProcessForeground#2ba162
- problemsErrorIcon.foreground#d86c73
- problemsInfoIcon.foreground#a98823
- problemsWarningIcon.foreground#ad872e
- progressBar.background#d5ad34
- quickInput.background#292521
- quickInput.foreground#cac7c4
- quickInputList.focusBackground#d5ad3433
- quickInputList.focusForeground#cac7c4
- quickInputList.focusIconForeground#a98823
- quickInputTitle.background#302c27
- sash.hoverBorder#d5ad3480
- scrollbar.shadow#0808074d
- scrollbarSlider.activeBackground#746c6373
- scrollbarSlider.background#746c6333
- scrollbarSlider.hoverBackground#746c6352
- search.resultsInfoForeground#958e86
- searchEditor.findMatchBackground#c9a7362e
- selection.background#d5ad343d
- settings.checkboxBackground#292521
- settings.checkboxBorder#49433c
- settings.dropdownBackground#292521
- settings.dropdownBorder#322e29
- settings.focusedRowBackground#d5ad3412
- settings.headerForeground#cac7c4
- settings.modifiedItemIndicator#d5ad34
- settings.numberInputBackground#272420
- settings.numberInputBorder#322e29
- settings.rowHoverBackground#746c630f
- settings.textInputBackground#272420
- settings.textInputBorder#322e29
- sideBar.background#181614
- sideBar.border#322e2900
- sideBar.foreground#918980
- sideBarSectionHeader.background#181614
- sideBarSectionHeader.border#322e2900
- sideBarSectionHeader.foreground#cac7c4
- sideBarStickyScroll.background#181614
- sideBarTitle.foreground#cac7c4
- statusBar.background#12110f
- statusBar.border#322e2900
- statusBar.debuggingBackground#d5ad34
- statusBar.debuggingBorder#322e2900
- statusBar.debuggingForeground#1c1a17
- statusBar.foreground#8e867d
- statusBar.noFolderBackground#12110f
- statusBar.noFolderForeground#8e867d
- statusBarItem.activeBackground#746c6338
- statusBarItem.hoverBackground#746c6324
- statusBarItem.prominentBackground#d5ad343d
- statusBarItem.prominentForeground#cac7c4
- statusBarItem.prominentHoverBackground#d5ad3457
- statusBarItem.remoteBackground#d5ad34
- statusBarItem.remoteForeground#1c1a17
- symbolIcon.booleanForeground#d970ab
- symbolIcon.classForeground#2ea3ab
- symbolIcon.colorForeground#ab913b
- symbolIcon.constantForeground#af912f
- symbolIcon.constructorForeground#6c94d8
- symbolIcon.enumeratorForeground#2ea3ab
- symbolIcon.enumeratorMemberForeground#af912f
- symbolIcon.fieldForeground#7594c9
- symbolIcon.fileForeground#958e86
- symbolIcon.folderForeground#958e86
- symbolIcon.functionForeground#6c94d8
- symbolIcon.interfaceForeground#2ea3ab
- symbolIcon.keywordForeground#d970ab
- symbolIcon.methodForeground#6c94d8
- symbolIcon.moduleForeground#d67b66
- symbolIcon.namespaceForeground#d67b66
- symbolIcon.numberForeground#af912f
- symbolIcon.propertyForeground#7594c9
- symbolIcon.snippetForeground#ab913b
- symbolIcon.stringForeground#2ca776
- symbolIcon.textForeground#958e86
- symbolIcon.variableForeground#cac7c4
- tab.activeBackground#1f1c19
- tab.activeBorder#1f1c1900
- tab.activeBorderTop#d5ad34
- tab.activeForeground#cac7c4
- tab.activeModifiedBorder#a67f30
- tab.border#322e2900
- tab.hoverBackground#181614
- tab.hoverForeground#cac7c4
- tab.inactiveBackground#12110f
- tab.inactiveForeground#6e675e
- tab.inactiveModifiedBorder#a67f3080
- tab.lastPinnedBorder#322e29
- tab.unfocusedActiveBackground#181614
- tab.unfocusedActiveBorderTop#d5ad3459
- tab.unfocusedActiveForeground#958e86
- tab.unfocusedInactiveForeground#6e675e
- terminal.ansiBlack#38332e
- terminal.ansiBlue#5885d3
- terminal.ansiBrightBlack#5f574e
- terminal.ansiBrightBlue#7da0dd
- terminal.ansiBrightCyan#5aafb6
- terminal.ansiBrightGreen#5ab691
- terminal.ansiBrightMagenta#dd7eb4
- terminal.ansiBrightRed#de8389
- terminal.ansiBrightWhite#cac7c4
- terminal.ansiBrightYellow#b6a15a
- terminal.ansiCyan#2b99a1
- terminal.ansiGreen#2ba172
- terminal.ansiMagenta#d35a9f
- terminal.ansiRed#d56068
- terminal.ansiWhite#918980
- terminal.ansiYellow#a1862b
- terminal.background#181614
- terminal.border#322e29
- terminal.findMatchBackground#c9a73652
- terminal.findMatchHighlightBackground#c9a7362e
- terminal.foreground#c4c1bd
- terminal.inactiveSelectionBackground#d5ad3421
- terminal.selectionBackground#d5ad343d
- terminalCursor.background#181614
- terminalCursor.foreground#a98823
- testing.iconErrored#d86c73
- testing.iconFailed#d86c73
- testing.iconPassed#2ba162
- testing.iconQueued#ad872e
- testing.iconSkipped#746c63
- testing.iconUnset#746c63
- testing.message.error.decorationForeground#d86c73
- testing.runAction#2ba162
- textBlockQuote.background#181614
- textBlockQuote.border#d5ad3480
- textCodeBlock.background#181614
- textLink.activeForeground#dbb74d
- textLink.foreground#a98823
- textPreformat.background#d5ad341a
- textPreformat.foreground#2ca776
- textSeparator.foreground#322e29
- titleBar.activeBackground#12110f
- titleBar.activeForeground#8e867d
- titleBar.border#322e2900
- titleBar.inactiveBackground#12110f
- titleBar.inactiveForeground#6e675e
- tree.inactiveIndentGuidesStroke#2a2722
- tree.indentGuidesStroke#35312c
- walkThrough.embeddedEditorBackground#181614
- welcomePage.background#1f1c19
- welcomePage.progress.background#322e29
- welcomePage.progress.foreground#d5ad34
- welcomePage.tileBackground#181614
- welcomePage.tileHoverBackground#302c27
- widget.border#322e29
- widget.shadow#08080770
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment, string.comment | #8e8478 | italic |
| comment.block.documentation storage.type, comment keyword | #8e8478 | italic bold |
| punctuation, meta.brace, punctuation.definition.parameters, punctuation.separator, punctuation.terminator | #958e86 | — |
| variable, variable.other.readwrite, meta.definition.variable.name, support.variable, entity.name.variable | #cac7c4 | — |
| variable.parameter, meta.function.parameters variable | #ceaca3 | italic |
| variable.language, variable.language.this, variable.other.constant | #d67b66 | italic |
| variable.other.property, meta.object-literal.key, support.type.property-name, variable.other.object.property | #7594c9 | — |
| keyword, keyword.control, keyword.other, storage, storage.type, storage.modifier, keyword.type | #d970ab | — |
| keyword.operator, punctuation.accessor, storage.type.function.arrow | #b96d98 | — |
| keyword.control.import, keyword.control.export, keyword.control.from, keyword.control.default | #d970ab | italic |
| string, string.quoted, punctuation.definition.string, string.template | #2ca776 | — |
| punctuation.definition.template-expression, punctuation.section.embedded | #b96d98 | — |
| string.regexp, constant.other.character-class.regexp, keyword.operator.quantifier.regexp | #26a3ab | — |
| constant.character.escape, constant.character | #d67b66 | — |
| constant.numeric, constant.language.numeric | #af912f | — |
| constant, constant.language, constant.language.boolean, constant.language.null, constant.language.undefined, support.constant | #af912f | — |
| entity.name.function, support.function, meta.function-call.generic, variable.function | #6c94d8 | — |
| entity.name.method, meta.method entity.name.function | #6c94d8 | — |
| entity.name.type, entity.name.class, entity.other.inherited-class, support.class, support.type, meta.type.annotation, entity.name.namespace | #2ea3ab | — |
| meta.decorator, entity.name.function.decorator, punctuation.decorator | #ab913b | italic |
| entity.name.tag, punctuation.definition.tag, meta.tag | #d67b66 | — |
| support.class.component, entity.name.tag.custom | #2ea3ab | — |
| entity.other.attribute-name, meta.attribute | #ab913b | italic |
| entity.name.selector, entity.other.attribute-name.class, entity.other.attribute-name.id | #2ea3ab | — |
| support.type.property-name.css, support.type.property-name.scss | #7594c9 | — |
| keyword.other.unit, constant.numeric.css | #af912f | — |
| support.type.property-name.json, meta.structure.dictionary.json string.quoted.double | #7594c9 | — |
| entity.name.tag.yaml | #7594c9 | — |
| markup.heading, entity.name.section.markdown, punctuation.definition.heading | #6c94d8 | bold |
| markup.bold | #af912f | bold |
| markup.italic | #d970ab | italic |
| markup.strikethrough | #8e8478 | strikethrough |
| markup.underline.link, string.other.link | #a98823 | underline |
| markup.quote | #8e8478 | italic |
| markup.inline.raw, markup.fenced_code, markup.raw | #2ca776 | — |
| markup.list punctuation.definition.list, beginning.punctuation.definition.list | #d67b66 | — |
| markup.inserted | #2e9e5d | — |
| markup.deleted | #d0655d | — |
| markup.changed | #a67f30 | — |
| invalid, invalid.illegal | #d86c73 | — |
| invalid.deprecated | #ad872e | strikethrough |
| variable.other.normal.shell, string.interpolated.dollar.shell | #7594c9 | — |
| keyword.other.definition.ini, entity.name.section.ini | #7594c9 | — |
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.
- activityBar.activeBackground#45abc41a
- activityBar.activeBorder#45abc4
- activityBar.background#0e1113
- activityBar.border#262f3600
- activityBar.foreground#c2c8cc
- activityBar.inactiveForeground#586874
- activityBarBadge.background#45abc4
- activityBarBadge.foreground#151a1e
- activityBarTop.activeBorder#45abc4
- activityBarTop.foreground#c2c8cc
- activityBarTop.inactiveForeground#586874
- badge.background#45abc4
- badge.foreground#151a1e
- banner.background#242d33
- banner.foreground#c2c8cc
- banner.iconForeground#3590a7
- breadcrumb.activeSelectionForeground#3590a7
- breadcrumb.background#171d21
- breadcrumb.focusForeground#c2c8cc
- breadcrumb.foreground#5c6e7a
- breadcrumbPicker.background#1f262b
- button.background#45abc4
- button.border#45abc400
- button.foreground#151a1e
- button.hoverBackground#5cb5cc
- button.secondaryBackground#242d33
- button.secondaryForeground#c2c8cc
- button.secondaryHoverBackground#2c373f
- charts.blue#458cc1
- charts.foreground#c2c8cc
- charts.green#359f66
- charts.lines#5c6e7a
- charts.orange#bf8840
- charts.purple#d073bb
- charts.red#cf7076
- charts.yellow#a88738
- checkbox.background#1f262b
- checkbox.border#37444e
- checkbox.foreground#c2c8cc
- debugConsole.errorForeground#cf7076
- debugConsole.infoForeground#3797ae
- debugConsole.sourceForeground#81919c
- debugConsole.warningForeground#a88738
- debugConsoleInputIcon.foreground#3590a7
- debugExceptionWidget.background#31292d
- debugExceptionWidget.border#cf7076
- debugIcon.breakpointDisabledForeground#cf707680
- debugIcon.breakpointForeground#cf7076
- debugIcon.continueForeground#359f66
- debugIcon.pauseForeground#3797ae
- debugIcon.restartForeground#359f66
- debugIcon.startForeground#359f66
- debugIcon.stepIntoForeground#3797ae
- debugIcon.stepOutForeground#3797ae
- debugIcon.stepOverForeground#3797ae
- debugIcon.stopForeground#cf7076
- debugTokenExpression.boolean#d073bb
- debugTokenExpression.error#cf7076
- debugTokenExpression.name#6998bc
- debugTokenExpression.number#bf8840
- debugTokenExpression.string#37a664
- debugTokenExpression.value#37a664
- debugToolBar.background#1f262b
- debugToolBar.border#262f36
- descriptionForeground#81919c
- diffEditor.diagonalFill#262f36
- diffEditor.insertedLineBackground#35975e17
- diffEditor.insertedTextBackground#35975e24
- diffEditor.removedLineBackground#c96b6417
- diffEditor.removedTextBackground#c96b6424
- diffEditorOverview.insertedForeground#35975e99
- diffEditorOverview.removedForeground#c96b6499
- dropdown.background#1f262b
- dropdown.border#262f36
- dropdown.foreground#c2c8cc
- dropdown.listBackground#1f262b
- editor.background#171d21
- editor.findMatchBackground#bf884052
- editor.findMatchBorder#c69453b3
- editor.findMatchHighlightBackground#bf88402e
- editor.findRangeHighlightBackground#45abc421
- editor.focusedStackFrameHighlightBackground#359f662e
- editor.foldBackground#45abc414
- editor.foreground#c2c8cc
- editor.hoverHighlightBackground#45abc424
- editor.inactiveSelectionBackground#45abc421
- editor.lineHighlightBackground#ffffff0b
- editor.lineHighlightBorder#45abc400
- editor.rangeHighlightBackground#45abc421
- editor.selectionBackground#45abc43d
- editor.selectionHighlightBackground#45abc421
- editor.selectionHighlightBorder#45abc400
- editor.stackFrameHighlightBackground#a8873829
- editor.wordHighlightBackground#45abc424
- editor.wordHighlightStrongBackground#45abc438
- editorBracketHighlight.foreground1#458cc1
- editorBracketHighlight.foreground2#ae7c3a
- editorBracketHighlight.foreground3#33998b
- editorBracketHighlight.foreground4#c95eb0
- editorBracketHighlight.foreground5#33995c
- editorBracketHighlight.foreground6#cd686a
- editorBracketHighlight.unexpectedBracket.foreground#cf7076
- editorBracketMatch.background#45abc429
- editorBracketMatch.border#45abc48c
- editorCodeLens.foreground#5c6e7a
- editorCursor.background#171d21
- editorCursor.foreground#3590a7
- editorError.foreground#cf7076
- editorGhostText.foreground#586874
- editorGroup.border#262f36
- editorGroup.dropBackground#45abc429
- editorGroupHeader.border#262f3600
- editorGroupHeader.noTabsBackground#0e1113
- editorGroupHeader.tabsBackground#0e1113
- editorGroupHeader.tabsBorder#262f3600
- editorGutter.addedBackground#35975e
- editorGutter.background#171d21
- editorGutter.deletedBackground#c96b64
- editorGutter.foldingControlForeground#81919c
- editorGutter.modifiedBackground#a4813a
- editorHint.foreground#5c6e7a
- editorHoverWidget.background#1f262b
- editorHoverWidget.border#262f36
- editorHoverWidget.foreground#c2c8cc
- editorHoverWidget.statusBarBackground#242d33
- editorIndentGuide.activeBackground1#3f4f5a
- editorIndentGuide.background1#242d33
- editorInfo.foreground#3797ae
- editorInlayHint.background#45abc41a
- editorInlayHint.foreground#5c6e7a
- editorLineNumber.activeForeground#3590a7
- editorLineNumber.foreground#586874
- editorLink.activeForeground#3590a7
- editorOverviewRuler.addedForeground#35975e
- editorOverviewRuler.border#262f3600
- editorOverviewRuler.bracketMatchForeground#45abc466
- editorOverviewRuler.deletedForeground#c96b64
- editorOverviewRuler.errorForeground#cf7076
- editorOverviewRuler.findMatchForeground#c69453b3
- editorOverviewRuler.infoForeground#3797ae
- editorOverviewRuler.modifiedForeground#a4813a
- editorOverviewRuler.selectionHighlightForeground#45abc466
- editorOverviewRuler.warningForeground#a88738
- editorRuler.foreground#222a30
- editorStickyScroll.background#121619
- editorStickyScrollHover.background#242d33
- editorSuggestWidget.background#1f262b
- editorSuggestWidget.border#262f36
- editorSuggestWidget.focusHighlightForeground#5cb5cc
- editorSuggestWidget.foreground#c2c8cc
- editorSuggestWidget.highlightForeground#3590a7
- editorSuggestWidget.selectedBackground#45abc42e
- editorSuggestWidget.selectedForeground#c2c8cc
- editorWarning.foreground#a88738
- editorWhitespace.foreground#58687480
- editorWidget.background#1f262b
- editorWidget.border#262f36
- editorWidget.foreground#c2c8cc
- errorForeground#cf7076
- extensionBadge.remoteBackground#45abc4
- extensionBadge.remoteForeground#151a1e
- extensionButton.prominentBackground#45abc4
- extensionButton.prominentForeground#151a1e
- extensionButton.prominentHoverBackground#5cb5cc
- extensionIcon.preReleaseForeground#d073bb
- extensionIcon.starForeground#bf8840
- extensionIcon.verifiedForeground#359f66
- focusBorder#45abc499
- foreground#c2c8cc
- gitDecoration.addedResourceForeground#35975e
- gitDecoration.conflictingResourceForeground#c360c3
- gitDecoration.deletedResourceForeground#c96b64
- gitDecoration.ignoredResourceForeground#5c6e7a
- gitDecoration.modifiedResourceForeground#a4813a
- gitDecoration.renamedResourceForeground#419841
- gitDecoration.stageDeletedResourceForeground#c96b64
- gitDecoration.stageModifiedResourceForeground#a4813a
- gitDecoration.submoduleResourceForeground#9c74c3
- gitDecoration.untrackedResourceForeground#419841
- icon.foreground#81919c
- input.background#1e252a
- input.border#262f36
- input.foreground#c2c8cc
- input.placeholderForeground#5c6e7a
- inputOption.activeBackground#45abc43d
- inputOption.activeBorder#45abc480
- inputOption.activeForeground#c2c8cc
- inputValidation.errorBackground#342a2f
- inputValidation.errorBorder#cf7076
- inputValidation.errorForeground#c2c8cc
- inputValidation.infoBackground#1c3138
- inputValidation.infoBorder#3797ae
- inputValidation.infoForeground#c2c8cc
- inputValidation.warningBackground#2e2e25
- inputValidation.warningBorder#a88738
- inputValidation.warningForeground#c2c8cc
- keybindingLabel.background#5c6e7a24
- keybindingLabel.border#5c6e7a29
- keybindingLabel.bottomBorder#5c6e7a38
- keybindingLabel.foreground#c2c8cc
- list.activeSelectionBackground#45abc433
- list.activeSelectionForeground#c2c8cc
- list.activeSelectionIconForeground#3590a7
- list.dropBackground#45abc429
- list.errorForeground#cf7076
- list.focusBackground#45abc433
- list.focusForeground#c2c8cc
- list.focusHighlightForeground#5cb5cc
- list.focusOutline#45abc400
- list.highlightForeground#3590a7
- list.hoverBackground#5c6e7a1a
- list.hoverForeground#c2c8cc
- list.inactiveSelectionBackground#45abc41c
- list.inactiveSelectionForeground#c2c8cc
- list.warningForeground#a88738
- listFilterWidget.background#1f262b
- listFilterWidget.noMatchesOutline#cf7076
- listFilterWidget.outline#45abc4
- menu.background#1f262b
- menu.border#262f36
- menu.foreground#c2c8cc
- menu.selectionBackground#45abc433
- menu.selectionForeground#c2c8cc
- menu.separatorBackground#262f36
- menubar.selectionBackground#5c6e7a24
- menubar.selectionForeground#c2c8cc
- merge.border#262f3600
- merge.commonContentBackground#5c6e7a1f
- merge.commonHeaderBackground#5c6e7a40
- merge.currentContentBackground#35975e24
- merge.currentHeaderBackground#35975e4d
- merge.incomingContentBackground#3797ae24
- merge.incomingHeaderBackground#3797ae4d
- minimap.background#171d21
- minimap.errorHighlight#cf7076
- minimap.findMatchHighlight#bf8840b3
- minimap.selectionHighlight#45abc480
- minimap.warningHighlight#a88738
- minimapGutter.addedBackground#35975e
- minimapGutter.deletedBackground#c96b64
- minimapGutter.modifiedBackground#a4813a
- minimapSlider.activeBackground#5c6e7a42
- minimapSlider.background#5c6e7a1a
- minimapSlider.hoverBackground#5c6e7a2e
- notificationCenter.border#262f36
- notificationCenterHeader.background#242d33
- notificationCenterHeader.foreground#c2c8cc
- notificationLink.foreground#3590a7
- notifications.background#1f262b
- notifications.border#262f36
- notifications.foreground#c2c8cc
- notificationsErrorIcon.foreground#cf7076
- notificationsInfoIcon.foreground#3797ae
- notificationsWarningIcon.foreground#a88738
- notificationToast.border#262f36
- panel.background#121619
- panel.border#262f36
- panel.dropBorder#45abc4
- panelInput.border#262f36
- panelSection.border#262f36
- panelSectionHeader.background#121619
- panelSectionHeader.foreground#c2c8cc
- panelTitle.activeBorder#45abc4
- panelTitle.activeForeground#c2c8cc
- panelTitle.inactiveForeground#596a76
- peekView.border#45abc48c
- peekViewEditor.background#13181b
- peekViewEditor.matchHighlightBackground#bf884052
- peekViewResult.background#121619
- peekViewResult.fileForeground#c2c8cc
- peekViewResult.foreground#c2c8cc
- peekViewResult.lineForeground#81919c
- peekViewResult.matchHighlightBackground#bf884052
- peekViewResult.selectionBackground#45abc42e
- peekViewResult.selectionForeground#c2c8cc
- peekViewTitle.background#121619
- peekViewTitleDescription.foreground#81919c
- peekViewTitleLabel.foreground#c2c8cc
- pickerGroup.border#262f36
- pickerGroup.foreground#3590a7
- ports.iconRunningProcessForeground#359f66
- problemsErrorIcon.foreground#cf7076
- problemsInfoIcon.foreground#3797ae
- problemsWarningIcon.foreground#a88738
- progressBar.background#45abc4
- quickInput.background#1f262b
- quickInput.foreground#c2c8cc
- quickInputList.focusBackground#45abc433
- quickInputList.focusForeground#c2c8cc
- quickInputList.focusIconForeground#3590a7
- quickInputTitle.background#242d33
- sash.hoverBorder#45abc480
- scrollbar.shadow#0608094d
- scrollbarSlider.activeBackground#5c6e7a73
- scrollbarSlider.background#5c6e7a33
- scrollbarSlider.hoverBackground#5c6e7a52
- search.resultsInfoForeground#81919c
- searchEditor.findMatchBackground#bf88402e
- selection.background#45abc43d
- settings.checkboxBackground#1f262b
- settings.checkboxBorder#37444e
- settings.dropdownBackground#1f262b
- settings.dropdownBorder#262f36
- settings.focusedRowBackground#45abc412
- settings.headerForeground#c2c8cc
- settings.modifiedItemIndicator#45abc4
- settings.numberInputBackground#1e252a
- settings.numberInputBorder#262f36
- settings.rowHoverBackground#5c6e7a0f
- settings.textInputBackground#1e252a
- settings.textInputBorder#262f36
- sideBar.background#121619
- sideBar.border#262f3600
- sideBar.foreground#7c8c98
- sideBarSectionHeader.background#121619
- sideBarSectionHeader.border#262f3600
- sideBarSectionHeader.foreground#c2c8cc
- sideBarStickyScroll.background#121619
- sideBarTitle.foreground#c2c8cc
- statusBar.background#0e1113
- statusBar.border#262f3600
- statusBar.debuggingBackground#45abc4
- statusBar.debuggingBorder#262f3600
- statusBar.debuggingForeground#151a1e
- statusBar.foreground#798a96
- statusBar.noFolderBackground#0e1113
- statusBar.noFolderForeground#798a96
- statusBarItem.activeBackground#5c6e7a38
- statusBarItem.hoverBackground#5c6e7a24
- statusBarItem.prominentBackground#45abc43d
- statusBarItem.prominentForeground#c2c8cc
- statusBarItem.prominentHoverBackground#45abc457
- statusBarItem.remoteBackground#45abc4
- statusBarItem.remoteForeground#151a1e
- symbolIcon.booleanForeground#d073bb
- symbolIcon.classForeground#36a394
- symbolIcon.colorForeground#b98a4e
- symbolIcon.constantForeground#bf8840
- symbolIcon.constructorForeground#5b99c8
- symbolIcon.enumeratorForeground#36a394
- symbolIcon.enumeratorMemberForeground#bf8840
- symbolIcon.fieldForeground#6998bc
- symbolIcon.fileForeground#81919c
- symbolIcon.folderForeground#81919c
- symbolIcon.functionForeground#5b99c8
- symbolIcon.interfaceForeground#36a394
- symbolIcon.keywordForeground#d073bb
- symbolIcon.methodForeground#5b99c8
- symbolIcon.moduleForeground#d37b7d
- symbolIcon.namespaceForeground#d37b7d
- symbolIcon.numberForeground#bf8840
- symbolIcon.propertyForeground#6998bc
- symbolIcon.snippetForeground#b98a4e
- symbolIcon.stringForeground#37a664
- symbolIcon.textForeground#81919c
- symbolIcon.variableForeground#c2c8cc
- tab.activeBackground#171d21
- tab.activeBorder#171d2100
- tab.activeBorderTop#45abc4
- tab.activeForeground#c2c8cc
- tab.activeModifiedBorder#a4813a
- tab.border#262f3600
- tab.hoverBackground#121619
- tab.hoverForeground#c2c8cc
- tab.inactiveBackground#0e1113
- tab.inactiveForeground#586874
- tab.inactiveModifiedBorder#a4813a80
- tab.lastPinnedBorder#262f36
- tab.unfocusedActiveBackground#121619
- tab.unfocusedActiveBorderTop#45abc459
- tab.unfocusedActiveForeground#81919c
- tab.unfocusedInactiveForeground#586874
- terminal.ansiBlack#2a343c
- terminal.ansiBlue#458cc1
- terminal.ansiBrightBlack#485965
- terminal.ansiBrightBlue#6ea5cf
- terminal.ansiBrightCyan#60afa5
- terminal.ansiBrightGreen#60af80
- terminal.ansiBrightMagenta#d581c1
- terminal.ansiBrightRed#d7888d
- terminal.ansiBrightWhite#c2c8cc
- terminal.ansiBrightYellow#c09965
- terminal.ansiCyan#33998b
- terminal.ansiGreen#33995c
- terminal.ansiMagenta#c95eb0
- terminal.ansiRed#cc666d
- terminal.ansiWhite#7c8c98
- terminal.ansiYellow#ae7c3a
- terminal.background#121619
- terminal.border#262f36
- terminal.findMatchBackground#bf884052
- terminal.findMatchHighlightBackground#bf88402e
- terminal.foreground#bbc1c6
- terminal.inactiveSelectionBackground#45abc421
- terminal.selectionBackground#45abc43d
- terminalCursor.background#121619
- terminalCursor.foreground#3590a7
- testing.iconErrored#cf7076
- testing.iconFailed#cf7076
- testing.iconPassed#359f66
- testing.iconQueued#a88738
- testing.iconSkipped#5c6e7a
- testing.iconUnset#5c6e7a
- testing.message.error.decorationForeground#cf7076
- testing.runAction#359f66
- textBlockQuote.background#121619
- textBlockQuote.border#45abc480
- textCodeBlock.background#121619
- textLink.activeForeground#5cb5cc
- textLink.foreground#3590a7
- textPreformat.background#45abc41a
- textPreformat.foreground#37a664
- textSeparator.foreground#262f36
- titleBar.activeBackground#0e1113
- titleBar.activeForeground#798a96
- titleBar.border#262f3600
- titleBar.inactiveBackground#0e1113
- titleBar.inactiveForeground#586874
- tree.inactiveIndentGuidesStroke#20272d
- tree.indentGuidesStroke#283239
- walkThrough.embeddedEditorBackground#121619
- welcomePage.background#171d21
- welcomePage.progress.background#262f36
- welcomePage.progress.foreground#45abc4
- welcomePage.tileBackground#121619
- welcomePage.tileHoverBackground#242d33
- widget.border#262f36
- widget.shadow#06080970
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment, string.comment | #728897 | italic |
| comment.block.documentation storage.type, comment keyword | #728897 | italic bold |
| punctuation, meta.brace, punctuation.definition.parameters, punctuation.separator, punctuation.terminator | #81919c | — |
| variable, variable.other.readwrite, meta.definition.variable.name, support.variable, entity.name.variable | #c2c8cc | — |
| variable.parameter, meta.function.parameters variable | #c8adb0 | italic |
| variable.language, variable.language.this, variable.other.constant | #d37b7d | italic |
| variable.other.property, meta.object-literal.key, support.type.property-name, variable.other.object.property | #6998bc | — |
| keyword, keyword.control, keyword.other, storage, storage.type, storage.modifier, keyword.type | #d073bb | — |
| keyword.operator, punctuation.accessor, storage.type.function.arrow | #b270a3 | — |
| keyword.control.import, keyword.control.export, keyword.control.from, keyword.control.default | #d073bb | italic |
| string, string.quoted, punctuation.definition.string, string.template | #37a664 | — |
| punctuation.definition.template-expression, punctuation.section.embedded | #b270a3 | — |
| string.regexp, constant.other.character-class.regexp, keyword.operator.quantifier.regexp | #30a495 | — |
| constant.character.escape, constant.character | #d37b7d | — |
| constant.numeric, constant.language.numeric | #bf8840 | — |
| constant, constant.language, constant.language.boolean, constant.language.null, constant.language.undefined, support.constant | #bf8840 | — |
| entity.name.function, support.function, meta.function-call.generic, variable.function | #5b99c8 | — |
| entity.name.method, meta.method entity.name.function | #5b99c8 | — |
| entity.name.type, entity.name.class, entity.other.inherited-class, support.class, support.type, meta.type.annotation, entity.name.namespace | #36a394 | — |
| meta.decorator, entity.name.function.decorator, punctuation.decorator | #b98a4e | italic |
| entity.name.tag, punctuation.definition.tag, meta.tag | #d37b7d | — |
| support.class.component, entity.name.tag.custom | #36a394 | — |
| entity.other.attribute-name, meta.attribute | #b98a4e | italic |
| entity.name.selector, entity.other.attribute-name.class, entity.other.attribute-name.id | #36a394 | — |
| support.type.property-name.css, support.type.property-name.scss | #6998bc | — |
| keyword.other.unit, constant.numeric.css | #bf8840 | — |
| support.type.property-name.json, meta.structure.dictionary.json string.quoted.double | #6998bc | — |
| entity.name.tag.yaml | #6998bc | — |
| markup.heading, entity.name.section.markdown, punctuation.definition.heading | #5b99c8 | bold |
| markup.bold | #bf8840 | bold |
| markup.italic | #d073bb | italic |
| markup.strikethrough | #728897 | strikethrough |
| markup.underline.link, string.other.link | #3590a7 | underline |
| markup.quote | #728897 | italic |
| markup.inline.raw, markup.fenced_code, markup.raw | #37a664 | — |
| markup.list punctuation.definition.list, beginning.punctuation.definition.list | #d37b7d | — |
| markup.inserted | #35975e | — |
| markup.deleted | #c96b64 | — |
| markup.changed | #a4813a | — |
| invalid, invalid.illegal | #cf7076 | — |
| invalid.deprecated | #a88738 | strikethrough |
| variable.other.normal.shell, string.interpolated.dollar.shell | #6998bc | — |
| keyword.other.definition.ini, entity.name.section.ini | #6998bc | — |
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.
- activityBar.activeBackground#b03b621a
- activityBar.activeBorder#b03b62
- activityBar.background#efecec
- activityBar.border#e1dbdc00
- activityBar.foreground#443e3f
- activityBar.inactiveForeground#907f83
- activityBarBadge.background#b03b62
- activityBarBadge.foreground#f6f4f4
- activityBarTop.activeBorder#b03b62
- activityBarTop.foreground#443e3f
- activityBarTop.inactiveForeground#907f83
- badge.background#b03b62
- badge.foreground#f6f4f4
- banner.background#f7f5f6
- banner.foreground#443e3f
- banner.iconForeground#c1456f
- breadcrumb.activeSelectionForeground#c1456f
- breadcrumb.background#fcfbfb
- breadcrumb.focusForeground#443e3f
- breadcrumb.foreground#98888c
- breadcrumbPicker.background#fdfdfd
- button.background#b03b62
- button.border#b03b6200
- button.foreground#f6f4f4
- button.hoverBackground#993355
- button.secondaryBackground#f7f5f6
- button.secondaryForeground#443e3f
- button.secondaryHoverBackground#efecec
- charts.blue#336cde
- charts.foreground#443e3f
- charts.green#147d45
- charts.lines#98888c
- charts.orange#796414
- charts.purple#bf1f74
- charts.red#d3222e
- charts.yellow#8a6716
- checkbox.background#fdfdfd
- checkbox.border#ccc2c4
- checkbox.foreground#443e3f
- debugConsole.errorForeground#d3222e
- debugConsole.infoForeground#bb3e68
- debugConsole.sourceForeground#74676a
- debugConsole.warningForeground#8a6716
- debugConsoleInputIcon.foreground#c1456f
- debugExceptionWidget.background#f6ddde
- debugExceptionWidget.border#d3222e
- debugIcon.breakpointDisabledForeground#d3222e80
- debugIcon.breakpointForeground#d3222e
- debugIcon.continueForeground#147d45
- debugIcon.pauseForeground#bb3e68
- debugIcon.restartForeground#147d45
- debugIcon.startForeground#147d45
- debugIcon.stepIntoForeground#bb3e68
- debugIcon.stepOutForeground#bb3e68
- debugIcon.stepOverForeground#bb3e68
- debugIcon.stopForeground#d3222e
- debugTokenExpression.boolean#bf1f74
- debugTokenExpression.error#d3222e
- debugTokenExpression.name#3863bb
- debugTokenExpression.number#796414
- debugTokenExpression.string#137451
- debugTokenExpression.value#137451
- debugToolBar.background#fdfdfd
- debugToolBar.border#e1dbdc
- descriptionForeground#74676a
- diffEditor.diagonalFill#e1dbdc
- diffEditor.insertedLineBackground#19834514
- diffEditor.insertedTextBackground#1983451f
- diffEditor.removedLineBackground#d6342914
- diffEditor.removedTextBackground#d634291f
- diffEditorOverview.insertedForeground#19834599
- diffEditorOverview.removedForeground#d6342999
- dropdown.background#fdfdfd
- dropdown.border#e1dbdc
- dropdown.foreground#443e3f
- dropdown.listBackground#fdfdfd
- editor.background#fcfbfb
- editor.findMatchBackground#dbb72447
- editor.findMatchBorder#dfbe3ab3
- editor.findMatchHighlightBackground#dbb72429
- editor.findRangeHighlightBackground#b03b621c
- editor.focusedStackFrameHighlightBackground#147d452e
- editor.foldBackground#b03b6214
- editor.foreground#443e3f
- editor.hoverHighlightBackground#b03b6224
- editor.inactiveSelectionBackground#b03b621c
- editor.lineHighlightBackground#00000009
- editor.lineHighlightBorder#b03b6200
- editor.rangeHighlightBackground#b03b621c
- editor.selectionBackground#b03b6233
- editor.selectionHighlightBackground#b03b621c
- editor.selectionHighlightBorder#b03b6200
- editor.stackFrameHighlightBackground#8a671629
- editor.wordHighlightBackground#b03b6224
- editor.wordHighlightStrongBackground#b03b6238
- editorBracketHighlight.foreground1#336cde
- editorBracketHighlight.foreground2#866f16
- editorBracketHighlight.foreground3#167d88
- editorBracketHighlight.foreground4#d52382
- editorBracketHighlight.foreground5#15815a
- editorBracketHighlight.foreground6#ca4521
- editorBracketHighlight.unexpectedBracket.foreground#d3222e
- editorBracketMatch.background#b03b6229
- editorBracketMatch.border#b03b628c
- editorCodeLens.foreground#98888c
- editorCursor.background#fcfbfb
- editorCursor.foreground#c1456f
- editorError.foreground#d3222e
- editorGhostText.foreground#a09295
- editorGroup.border#e1dbdc
- editorGroup.dropBackground#b03b6229
- editorGroupHeader.border#e1dbdc00
- editorGroupHeader.noTabsBackground#efecec
- editorGroupHeader.tabsBackground#efecec
- editorGroupHeader.tabsBorder#e1dbdc00
- editorGutter.addedBackground#198345
- editorGutter.background#fcfbfb
- editorGutter.deletedBackground#d63429
- editorGutter.foldingControlForeground#74676a
- editorGutter.modifiedBackground#926a1c
- editorHint.foreground#98888c
- editorHoverWidget.background#fdfdfd
- editorHoverWidget.border#e1dbdc
- editorHoverWidget.foreground#443e3f
- editorHoverWidget.statusBarBackground#f7f5f6
- editorIndentGuide.activeBackground1#c7bcbf
- editorIndentGuide.background1#e8e3e4
- editorInfo.foreground#bb3e68
- editorInlayHint.background#b03b621a
- editorInlayHint.foreground#98888c
- editorLineNumber.activeForeground#c1456f
- editorLineNumber.foreground#a09295
- editorLink.activeForeground#c1456f
- editorOverviewRuler.addedForeground#198345
- editorOverviewRuler.border#e1dbdc00
- editorOverviewRuler.bracketMatchForeground#b03b6266
- editorOverviewRuler.deletedForeground#d63429
- editorOverviewRuler.errorForeground#d3222e
- editorOverviewRuler.findMatchForeground#dfbe3ab3
- editorOverviewRuler.infoForeground#bb3e68
- editorOverviewRuler.modifiedForeground#926a1c
- editorOverviewRuler.selectionHighlightForeground#b03b6266
- editorOverviewRuler.warningForeground#8a6716
- editorRuler.foreground#eae6e7
- editorStickyScroll.background#f5f2f3
- editorStickyScrollHover.background#f7f5f6
- editorSuggestWidget.background#fdfdfd
- editorSuggestWidget.border#e1dbdc
- editorSuggestWidget.focusHighlightForeground#993355
- editorSuggestWidget.foreground#443e3f
- editorSuggestWidget.highlightForeground#c1456f
- editorSuggestWidget.selectedBackground#b03b622e
- editorSuggestWidget.selectedForeground#443e3f
- editorWarning.foreground#8a6716
- editorWhitespace.foreground#a0929580
- editorWidget.background#fdfdfd
- editorWidget.border#e1dbdc
- editorWidget.foreground#443e3f
- errorForeground#d3222e
- extensionBadge.remoteBackground#b03b62
- extensionBadge.remoteForeground#f6f4f4
- extensionButton.prominentBackground#b03b62
- extensionButton.prominentForeground#f6f4f4
- extensionButton.prominentHoverBackground#993355
- extensionIcon.preReleaseForeground#bf1f74
- extensionIcon.starForeground#796414
- extensionIcon.verifiedForeground#147d45
- focusBorder#b03b6299
- foreground#443e3f
- gitDecoration.addedResourceForeground#198345
- gitDecoration.conflictingResourceForeground#c229c2
- gitDecoration.deletedResourceForeground#d63429
- gitDecoration.ignoredResourceForeground#98888c
- gitDecoration.modifiedResourceForeground#926a1c
- gitDecoration.renamedResourceForeground#238323
- gitDecoration.stageDeletedResourceForeground#d63429
- gitDecoration.stageModifiedResourceForeground#926a1c
- gitDecoration.submoduleResourceForeground#9152d1
- gitDecoration.untrackedResourceForeground#238323
- icon.foreground#74676a
- input.background#f8f7f7
- input.border#e1dbdc
- input.foreground#443e3f
- input.placeholderForeground#98888c
- inputOption.activeBackground#b03b623d
- inputOption.activeBorder#b03b6280
- inputOption.activeForeground#443e3f
- inputValidation.errorBackground#f5d8da
- inputValidation.errorBorder#d3222e
- inputValidation.errorForeground#443e3f
- inputValidation.infoBackground#f2dde3
- inputValidation.infoBorder#bb3e68
- inputValidation.infoForeground#443e3f
- inputValidation.warningBackground#eae3d6
- inputValidation.warningBorder#8a6716
- inputValidation.warningForeground#443e3f
- keybindingLabel.background#98888c24
- keybindingLabel.border#98888c29
- keybindingLabel.bottomBorder#98888c38
- keybindingLabel.foreground#443e3f
- list.activeSelectionBackground#b03b6233
- list.activeSelectionForeground#443e3f
- list.activeSelectionIconForeground#c1456f
- list.dropBackground#b03b6229
- list.errorForeground#d3222e
- list.focusBackground#b03b6233
- list.focusForeground#443e3f
- list.focusHighlightForeground#993355
- list.focusOutline#b03b6200
- list.highlightForeground#c1456f
- list.hoverBackground#98888c1a
- list.hoverForeground#443e3f
- list.inactiveSelectionBackground#b03b621c
- list.inactiveSelectionForeground#443e3f
- list.warningForeground#8a6716
- listFilterWidget.background#fdfdfd
- listFilterWidget.noMatchesOutline#d3222e
- listFilterWidget.outline#b03b62
- menu.background#fdfdfd
- menu.border#e1dbdc
- menu.foreground#443e3f
- menu.selectionBackground#b03b6233
- menu.selectionForeground#443e3f
- menu.separatorBackground#e1dbdc
- menubar.selectionBackground#98888c24
- menubar.selectionForeground#443e3f
- merge.border#e1dbdc00
- merge.commonContentBackground#98888c1f
- merge.commonHeaderBackground#98888c40
- merge.currentContentBackground#19834524
- merge.currentHeaderBackground#1983454d
- merge.incomingContentBackground#bb3e6824
- merge.incomingHeaderBackground#bb3e684d
- minimap.background#fcfbfb
- minimap.errorHighlight#d3222e
- minimap.findMatchHighlight#dbb724b3
- minimap.selectionHighlight#b03b6280
- minimap.warningHighlight#8a6716
- minimapGutter.addedBackground#198345
- minimapGutter.deletedBackground#d63429
- minimapGutter.modifiedBackground#926a1c
- minimapSlider.activeBackground#98888c42
- minimapSlider.background#98888c1a
- minimapSlider.hoverBackground#98888c2e
- notificationCenter.border#e1dbdc
- notificationCenterHeader.background#f7f5f6
- notificationCenterHeader.foreground#443e3f
- notificationLink.foreground#c1456f
- notifications.background#fdfdfd
- notifications.border#e1dbdc
- notifications.foreground#443e3f
- notificationsErrorIcon.foreground#d3222e
- notificationsInfoIcon.foreground#bb3e68
- notificationsWarningIcon.foreground#8a6716
- notificationToast.border#e1dbdc
- panel.background#f5f2f3
- panel.border#e1dbdc
- panel.dropBorder#b03b62
- panelInput.border#e1dbdc
- panelSection.border#e1dbdc
- panelSectionHeader.background#f5f2f3
- panelSectionHeader.foreground#443e3f
- panelTitle.activeBorder#b03b62
- panelTitle.activeForeground#443e3f
- panelTitle.inactiveForeground#938387
- peekView.border#b03b628c
- peekViewEditor.background#f8f7f7
- peekViewEditor.matchHighlightBackground#dbb72447
- peekViewResult.background#f5f2f3
- peekViewResult.fileForeground#443e3f
- peekViewResult.foreground#443e3f
- peekViewResult.lineForeground#74676a
- peekViewResult.matchHighlightBackground#dbb72447
- peekViewResult.selectionBackground#b03b622e
- peekViewResult.selectionForeground#443e3f
- peekViewTitle.background#f5f2f3
- peekViewTitleDescription.foreground#74676a
- peekViewTitleLabel.foreground#443e3f
- pickerGroup.border#e1dbdc
- pickerGroup.foreground#c1456f
- ports.iconRunningProcessForeground#147d45
- problemsErrorIcon.foreground#d3222e
- problemsInfoIcon.foreground#bb3e68
- problemsWarningIcon.foreground#8a6716
- progressBar.background#b03b62
- quickInput.background#fdfdfd
- quickInput.foreground#443e3f
- quickInputList.focusBackground#b03b6233
- quickInputList.focusForeground#443e3f
- quickInputList.focusIconForeground#c1456f
- quickInputTitle.background#f7f5f6
- sash.hoverBorder#b03b6280
- scrollbar.shadow#8b747a14
- scrollbarSlider.activeBackground#98888c73
- scrollbarSlider.background#98888c33
- scrollbarSlider.hoverBackground#98888c52
- search.resultsInfoForeground#74676a
- searchEditor.findMatchBackground#dbb72429
- selection.background#b03b6233
- settings.checkboxBackground#fdfdfd
- settings.checkboxBorder#ccc2c4
- settings.dropdownBackground#fdfdfd
- settings.dropdownBorder#e1dbdc
- settings.focusedRowBackground#b03b6212
- settings.headerForeground#443e3f
- settings.modifiedItemIndicator#b03b62
- settings.numberInputBackground#f8f7f7
- settings.numberInputBorder#e1dbdc
- settings.rowHoverBackground#98888c0f
- settings.textInputBackground#f8f7f7
- settings.textInputBorder#e1dbdc
- sideBar.background#f5f2f3
- sideBar.border#e1dbdc00
- sideBar.foreground#6f6265
- sideBarSectionHeader.background#f5f2f3
- sideBarSectionHeader.border#e1dbdc00
- sideBarSectionHeader.foreground#443e3f
- sideBarStickyScroll.background#f5f2f3
- sideBarTitle.foreground#443e3f
- statusBar.background#efecec
- statusBar.border#e1dbdc00
- statusBar.debuggingBackground#b03b62
- statusBar.debuggingBorder#e1dbdc00
- statusBar.debuggingForeground#f6f4f4
- statusBar.foreground#695d60
- statusBar.noFolderBackground#efecec
- statusBar.noFolderForeground#695d60
- statusBarItem.activeBackground#98888c38
- statusBarItem.hoverBackground#98888c24
- statusBarItem.prominentBackground#b03b623d
- statusBarItem.prominentForeground#443e3f
- statusBarItem.prominentHoverBackground#b03b6257
- statusBarItem.remoteBackground#b03b62
- statusBarItem.remoteForeground#f6f4f4
- symbolIcon.booleanForeground#bf1f74
- symbolIcon.classForeground#14717b
- symbolIcon.colorForeground#77651d
- symbolIcon.constantForeground#796414
- symbolIcon.constructorForeground#235fd7
- symbolIcon.enumeratorForeground#14717b
- symbolIcon.enumeratorMemberForeground#796414
- symbolIcon.fieldForeground#3863bb
- symbolIcon.fileForeground#74676a
- symbolIcon.folderForeground#74676a
- symbolIcon.functionForeground#235fd7
- symbolIcon.interfaceForeground#14717b
- symbolIcon.keywordForeground#bf1f74
- symbolIcon.methodForeground#235fd7
- symbolIcon.moduleForeground#b43e1d
- symbolIcon.namespaceForeground#b43e1d
- symbolIcon.numberForeground#796414
- symbolIcon.propertyForeground#3863bb
- symbolIcon.snippetForeground#77651d
- symbolIcon.stringForeground#137451
- symbolIcon.textForeground#74676a
- symbolIcon.variableForeground#443e3f
- tab.activeBackground#fcfbfb
- tab.activeBorder#fcfbfb00
- tab.activeBorderTop#b03b62
- tab.activeForeground#443e3f
- tab.activeModifiedBorder#926a1c
- tab.border#e1dbdc00
- tab.hoverBackground#f5f2f3
- tab.hoverForeground#443e3f
- tab.inactiveBackground#efecec
- tab.inactiveForeground#907f83
- tab.inactiveModifiedBorder#926a1c80
- tab.lastPinnedBorder#e1dbdc
- tab.unfocusedActiveBackground#f5f2f3
- tab.unfocusedActiveBorderTop#b03b6259
- tab.unfocusedActiveForeground#74676a
- tab.unfocusedInactiveForeground#a09295
- terminal.ansiBlack#b9acaf
- terminal.ansiBlue#336cde
- terminal.ansiBrightBlack#9e8a8f
- terminal.ansiBrightBlue#2a59b6
- terminal.ansiBrightCyan#126770
- terminal.ansiBrightGreen#116a4a
- terminal.ansiBrightMagenta#af1d6b
- terminal.ansiBrightRed#b4212b
- terminal.ansiBrightWhite#443e3f
- terminal.ansiBrightYellow#6e5b12
- terminal.ansiCyan#167d88
- terminal.ansiGreen#15815a
- terminal.ansiMagenta#d52382
- terminal.ansiRed#dc2834
- terminal.ansiWhite#6f6265
- terminal.ansiYellow#866f16
- terminal.background#f5f2f3
- terminal.border#e1dbdc
- terminal.findMatchBackground#dbb72447
- terminal.findMatchHighlightBackground#dbb72429
- terminal.foreground#3f393a
- terminal.inactiveSelectionBackground#b03b621c
- terminal.selectionBackground#b03b6233
- terminalCursor.background#f5f2f3
- terminalCursor.foreground#c1456f
- testing.iconErrored#d3222e
- testing.iconFailed#d3222e
- testing.iconPassed#147d45
- testing.iconQueued#8a6716
- testing.iconSkipped#98888c
- testing.iconUnset#98888c
- testing.message.error.decorationForeground#d3222e
- testing.runAction#147d45
- textBlockQuote.background#f5f2f3
- textBlockQuote.border#b03b6280
- textCodeBlock.background#f5f2f3
- textLink.activeForeground#993355
- textLink.foreground#c1456f
- textPreformat.background#b03b621a
- textPreformat.foreground#137451
- textSeparator.foreground#e1dbdc
- titleBar.activeBackground#efecec
- titleBar.activeForeground#695d60
- titleBar.border#e1dbdc00
- titleBar.inactiveBackground#efecec
- titleBar.inactiveForeground#a09295
- tree.inactiveIndentGuidesStroke#ece9ea
- tree.indentGuidesStroke#e5e0e2
- walkThrough.embeddedEditorBackground#f5f2f3
- welcomePage.background#fcfbfb
- welcomePage.progress.background#e8e3e4
- welcomePage.progress.foreground#b03b62
- welcomePage.tileBackground#f5f2f3
- welcomePage.tileHoverBackground#f7f5f6
- widget.border#e1dbdc
- widget.shadow#97828724
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment, string.comment | #816e73 | italic |
| comment.block.documentation storage.type, comment keyword | #816e73 | italic bold |
| punctuation, meta.brace, punctuation.definition.parameters, punctuation.separator, punctuation.terminator | #74676a | — |
| variable, variable.other.readwrite, meta.definition.variable.name, support.variable, entity.name.variable | #443e3f | — |
| variable.parameter, meta.function.parameters variable | #6b3e33 | italic |
| variable.language, variable.language.this, variable.other.constant | #b43e1d | italic |
| variable.other.property, meta.object-literal.key, support.type.property-name, variable.other.object.property | #3863bb | — |
| keyword, keyword.control, keyword.other, storage, storage.type, storage.modifier, keyword.type | #bf1f74 | — |
| keyword.operator, punctuation.accessor, storage.type.function.arrow | #b84c86 | — |
| keyword.control.import, keyword.control.export, keyword.control.from, keyword.control.default | #bf1f74 | italic |
| string, string.quoted, punctuation.definition.string, string.template | #137451 | — |
| punctuation.definition.template-expression, punctuation.section.embedded | #b84c86 | — |
| string.regexp, constant.other.character-class.regexp, keyword.operator.quantifier.regexp | #0e707b | — |
| constant.character.escape, constant.character | #b43e1d | — |
| constant.numeric, constant.language.numeric | #796414 | — |
| constant, constant.language, constant.language.boolean, constant.language.null, constant.language.undefined, support.constant | #796414 | — |
| entity.name.function, support.function, meta.function-call.generic, variable.function | #235fd7 | — |
| entity.name.method, meta.method entity.name.function | #235fd7 | — |
| entity.name.type, entity.name.class, entity.other.inherited-class, support.class, support.type, meta.type.annotation, entity.name.namespace | #14717b | — |
| meta.decorator, entity.name.function.decorator, punctuation.decorator | #77651d | italic |
| entity.name.tag, punctuation.definition.tag, meta.tag | #b43e1d | — |
| support.class.component, entity.name.tag.custom | #14717b | — |
| entity.other.attribute-name, meta.attribute | #77651d | italic |
| entity.name.selector, entity.other.attribute-name.class, entity.other.attribute-name.id | #14717b | — |
| support.type.property-name.css, support.type.property-name.scss | #3863bb | — |
| keyword.other.unit, constant.numeric.css | #796414 | — |
| support.type.property-name.json, meta.structure.dictionary.json string.quoted.double | #3863bb | — |
| entity.name.tag.yaml | #3863bb | — |
| markup.heading, entity.name.section.markdown, punctuation.definition.heading | #235fd7 | bold |
| markup.bold | #796414 | bold |
| markup.italic | #bf1f74 | italic |
| markup.strikethrough | #816e73 | strikethrough |
| markup.underline.link, string.other.link | #c1456f | underline |
| markup.quote | #816e73 | italic |
| markup.inline.raw, markup.fenced_code, markup.raw | #137451 | — |
| markup.list punctuation.definition.list, beginning.punctuation.definition.list | #b43e1d | — |
| markup.inserted | #198345 | — |
| markup.deleted | #d63429 | — |
| markup.changed | #926a1c | — |
| invalid, invalid.illegal | #d3222e | — |
| invalid.deprecated | #8a6716 | strikethrough |
| variable.other.normal.shell, string.interpolated.dollar.shell | #3863bb | — |
| keyword.other.definition.ini, entity.name.section.ini | #3863bb | — |