Vanta black
Publisher: Mustafa ManhalThemes in package: 10
8 pure black themes with vivid colors and visible borders
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.background#000000
- activityBar.border#000000
- activityBar.foreground#FFFFFF
- activityBar.inactiveForeground#666666
- activityBarBadge.background#007ACC
- activityBarBadge.foreground#FFFFFF
- badge.background#4D4D4D
- badge.foreground#FFFFFF
- breadcrumb.activeSelectionForeground#E0E0E0
- breadcrumb.background#000000
- breadcrumb.border#000000
- breadcrumb.focusForeground#E0E0E0
- breadcrumb.foreground#C0C0C0CC
- button.background#0E639C
- button.foreground#FFFFFF
- button.hoverBackground#1177BB
- debugToolBar.background#1E1E1E
- debugToolBar.border#000000
- dropdown.background#1E1E1E
- dropdown.border#000000
- dropdown.foreground#F0F0F0
- editor.background#000000
- editor.findMatchBackground#515C6A
- editor.findMatchHighlightBackground#EA5C0055
- editor.findRangeHighlightBackground#3A3D4166
- editor.foreground#C0C0C0
- editor.hoverHighlightBackground#264F7820
- editor.lineHighlightBackground#FFFFFF0D
- editor.lineHighlightBorder#000000
- editor.selectionBackground#1E5899
- editor.selectionHighlightBackground#1E589960
- editor.wordHighlightBackground#575757B8
- editor.wordHighlightStrongBackground#004972B8
- editorBracketMatch.background#0D3A58
- editorBracketMatch.border#000000
- editorCursor.foreground#C8C8C8
- editorError.foreground#F44747
- editorGroup.border#000000
- editorGroupHeader.tabsBackground#000000
- editorGroupHeader.tabsBorder#000000
- editorGutter.addedBackground#587C0C
- editorGutter.background#000000
- editorGutter.deletedBackground#94151B
- editorGutter.modifiedBackground#0C7D9D
- editorHoverWidget.background#1E1E1E
- editorHoverWidget.border#000000
- editorIndentGuide.activeBackground1#707070
- editorIndentGuide.background1#404040
- editorInfo.foreground#75BEFF
- editorLineNumber.activeForeground#C6C6C6
- editorLineNumber.foreground#6E7681
- editorOverviewRuler.border#000000
- editorOverviewRuler.errorForeground#F44747
- editorOverviewRuler.findMatchForeground#D18616
- editorOverviewRuler.selectionHighlightForeground#A0A0A04D
- editorOverviewRuler.warningForeground#CCA700
- editorOverviewRuler.wordHighlightForeground#A0A0A04D
- editorSuggestWidget.background#1E1E1E
- editorSuggestWidget.border#000000
- editorSuggestWidget.selectedBackground#094771
- editorWarning.foreground#CCA700
- editorWhitespace.foreground#e3e4e226
- editorWidget.background#1E1E1E
- editorWidget.border#000000
- focusBorder#000000
- foreground#C0C0C0
- gitDecoration.addedResourceForeground#81B88B
- gitDecoration.conflictingResourceForeground#FF5A5F
- gitDecoration.deletedResourceForeground#C74E39
- gitDecoration.ignoredResourceForeground#8C8C8C
- gitDecoration.modifiedResourceForeground#E2C08D
- gitDecoration.untrackedResourceForeground#73C991
- input.background#1E1E1E
- input.border#000000
- input.foreground#C0C0C0
- input.placeholderForeground#A6A6A6
- inputOption.activeBorder#000000
- list.activeSelectionBackground#094771
- list.activeSelectionForeground#FFFFFF
- list.focusBackground#062F4A
- list.highlightForeground#2AAAFF
- list.hoverBackground#2A2D2E
- list.inactiveSelectionBackground#37373D
- list.inactiveSelectionForeground#C0C0C0
- menu.background#1E1E1E
- menu.border#000000
- menu.foreground#C0C0C0
- menu.selectionBackground#094771
- menu.selectionForeground#FFFFFF
- menu.separatorBackground#3C3C3C
- menubar.selectionBackground#FFFFFF12
- menubar.selectionForeground#C0C0C0
- notificationCenter.border#000000
- notifications.background#1E1E1E
- notifications.border#000000
- notificationToast.border#000000
- panel.background#000000
- panel.border#000000
- panelTitle.activeBorder#000000
- panelTitle.activeForeground#E7E7E7
- panelTitle.inactiveForeground#E7E7E799
- peekView.border#000000
- peekViewEditor.background#001F33
- peekViewEditorGutter.background#001F33
- peekViewResult.background#1E1E1E
- peekViewResult.selectionBackground#3399FF33
- peekViewResult.selectionForeground#FFFFFF
- peekViewTitle.background#1E1E1E
- peekViewTitleDescription.foreground#C0C0C0B3
- peekViewTitleLabel.foreground#FFFFFF
- progressBar.background#0E70C0
- scrollbar.shadow#000000
- scrollbarSlider.activeBackground#BFBFBF80
- scrollbarSlider.background#79797966
- scrollbarSlider.hoverBackground#64646480
- selection.background#1E5899
- settings.dropdownBorder#000000
- settings.numberInputBorder#000000
- settings.textInputBorder#000000
- sideBar.background#000000
- sideBar.border#000000
- sideBar.foreground#C0C0C0
- sideBarSectionHeader.background#000000
- sideBarSectionHeader.border#000000
- sideBarSectionHeader.foreground#BBBBBB
- statusBar.background#000000
- statusBar.border#000000
- statusBar.debuggingBackground#CC6633
- statusBar.debuggingForeground#FFFFFF
- statusBar.foreground#C0C0C0
- statusBar.noFolderBackground#000000
- statusBarItem.remoteBackground#007ACC
- statusBarItem.remoteForeground#FFFFFF
- tab.activeBackground#000000
- tab.activeBorder#000000
- tab.activeBorderTop#000000
- tab.activeForeground#FFFFFF
- tab.border#000000
- tab.inactiveBackground#000000
- tab.inactiveForeground#808080
- terminal.ansiBlack#1E1E1E
- terminal.ansiBlue#2472C8
- terminal.ansiBrightBlack#666666
- terminal.ansiBrightBlue#3B8EEA
- terminal.ansiBrightCyan#29B8DB
- terminal.ansiBrightGreen#23D18B
- terminal.ansiBrightMagenta#D670D6
- terminal.ansiBrightRed#F14C4C
- terminal.ansiBrightWhite#E5E5E5
- terminal.ansiBrightYellow#F5F543
- terminal.ansiCyan#11A8CD
- terminal.ansiGreen#0DBC79
- terminal.ansiMagenta#BC3FBC
- terminal.ansiRed#CD3131
- terminal.ansiWhite#E5E5E5
- terminal.ansiYellow#E5E510
- terminal.background#000000
- terminal.border#000000
- terminal.foreground#C0C0C0
- titleBar.activeBackground#000000
- titleBar.activeForeground#C0C0C0
- titleBar.border#000000
- titleBar.inactiveBackground#000000
- titleBar.inactiveForeground#C0C0C099
- widget.border#000000
- widget.shadow#00000066
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| variable, variable.other.readwrite, support.variable | #4FC1FF | — |
| meta.var.expr variable.other.readwrite, meta.var-single-variable variable.other.readwrite, variable.other.readwrite.alias | #79C0FF | — |
| meta.binding.pattern variable.object.variable, meta.destructuring variable.other.readwrite, meta.object-binding-pattern-variable variable.object.variable | #79C0FF | — |
| variable.parameter, meta.parameter | #56B6C2 | italic |
| meta.import variable.other.readwrite, meta.import variable.other, meta.named-exports variable.other, meta.named-imports variable.other | #E06C75 | — |
| meta.object-literal.key, meta.object.member meta.object-literal.key, string.unquoted.label | #56B6C2 | — |
| meta.property.object, variable.other.property, variable.other.object.property | #61AFEF | — |
| entity.name.function, meta.function-call entity.name.function, support.function | #61AFEF | — |
| comment, punctuation.definition.comment | #6A9955 | italic |
| string, punctuation.definition.string | #F0A070 | — |
| constant.character.escape, string source | #FFD580 | — |
| punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end | #FF79C6 | — |
| keyword, keyword.control, keyword.operator.new, keyword.operator.typeof, keyword.operator.void, keyword.operator.instanceof, keyword.operator.delete | #FF79C6 | — |
| keyword.control.import, keyword.control.export, keyword.control.from, keyword.control.as, keyword.control.default | #BD93F9 | — |
| storage, storage.type, storage.modifier | #FF79C6 | — |
| constant.language, variable.language.this, variable.language.super, constant.language.boolean, constant.language.null, constant.language.undefined | #BD93F9 | — |
| constant.numeric | #50FA7B | — |
| variable.other.constant, variable.other.enummember | #CFE2FF | — |
| entity.name.function, support.function, meta.function-call.generic | #50FA7B | — |
| keyword.operator | #FF79C6 | — |
| punctuation | #F8F8F2 | — |
| punctuation.definition.block, punctuation.section.block, meta.brace.curly, meta.brace.square, meta.brace.round | #FFD700 | — |
| entity.name.type, entity.name.class, support.class, entity.name.type.class | #8BE9FD | — |
| entity.name.type.interface | #8BE9FD | italic |
| support.type, entity.name.type.parameter, entity.name.type.primitive | #8BE9FD | — |
| entity.name.namespace, entity.name.module | #8BE9FD | — |
| meta.decorator, meta.decorator punctuation.decorator, tag.decorator entity.name.tag | #FFB86C | — |
| storage.type.function.arrow | #FF79C6 | — |
| keyword.operator.spread, keyword.operator.rest | #FF79C6 | — |
| keyword.operator.optional | #FFB86C | — |
| keyword.operator.logical.nullish | #FFB86C | — |
| entity.name.type.alias.ts, entity.name.type.alias.tsx | #8BE9FD | — |
| support.type.utility.ts | #8BE9FD | — |
| meta.type.parameters, punctuation.definition.typeparameters | #FFB86C | — |
| storage.type.class.jsdoc, punctuation.definition.block.tag.jsdoc, entity.name.type.instance.jsdoc, variable.other.jsdoc | #6272A4 | italic |
| string.quoted.double.block.python, string.quoted.single.block.python | #6A9955 | italic |
| meta.decorator.python, entity.name.function.decorator.python, punctuation.definition.decorator.python | #FFB86C | — |
| variable.language.special.self.python, variable.language.special.cls.python | #BD93F9 | italic |
| support.function.builtin.python | #50FA7B | — |
| support.type.python, support.class.python | #8BE9FD | — |
| variable.annotation.python, meta.function.annotation.python, meta.function.annotation.return.python | #8BE9FD | — |
| punctuation.section.f-expression.begin.python, punctuation.section.f-expression.end.python | #FF79C6 | — |
| support.variable.magic.python | #CFE2FF | — |
| keyword.package.go, keyword.import.go, keyword.other.package.go, keyword.other.import.go | #BD93F9 | — |
| entity.name.package.go | #8BE9FD | — |
| support.function.builtin.go | #50FA7B | — |
| support.type.predeclared.go, support.type.builtin.go | #8BE9FD | — |
| constant.language.go | #BD93F9 | — |
| string.quoted.raw.go | #FFD580 | — |
| keyword.operator.address.go, keyword.operator.pointer.go | #FF79C6 | — |
| support.type.property-name.json, meta.structure.dictionary.key.json string | #8BE9FD | — |
| meta.structure.dictionary.value.json string, string.quoted.double.json | #F0A070 | — |
| meta.structure.dictionary.value.json constant.numeric, constant.numeric.json | #50FA7B | — |
| constant.language.json | #BD93F9 | — |
| punctuation.definition.array.begin.json, punctuation.definition.array.end.json, punctuation.definition.dictionary.begin.json, punctuation.definition.dictionary.end.json | #FFD700 | — |
| markup.heading, entity.name.section.markdown, punctuation.definition.heading.markdown | #BD93F9 | bold |
| markup.heading.1.markdown, entity.name.section.markdown heading.1 | #FF79C6 | bold |
| markup.heading.2.markdown | #BD93F9 | bold |
| markup.heading.3.markdown | #8BE9FD | bold |
| markup.bold, punctuation.definition.bold | #FFB86C | bold |
| markup.italic, punctuation.definition.italic | #F0A070 | italic |
| markup.inline.raw.string, markup.fenced_code.block | #50FA7B | — |
| markup.underline.link, string.other.link | #8BE9FD | — |
| meta.link.inline.markdown | #FFB86C | — |
| markup.quote, punctuation.definition.blockquote.markdown | #6272A4 | italic |
| meta.separator.markdown | #44475A | — |
| string.regexp, constant.other.character-class.regexp, string.regexp keyword.operator | #FF5555 | — |
| punctuation.definition.group.regexp, meta.group.regexp | #FFB86C | — |
| constant.other.character-class.set.regexp, punctuation.definition.character-class.regexp | #50FA7B | — |
| keyword.operator.quantifier.regexp | #FF79C6 | — |
| support.function.builtin.shell, entity.name.command.shell | #50FA7B | — |
| variable.other.normal.shell, variable.other.bracket.shell, variable.other.special.shell | #8BE9FD | — |
| string.unquoted.argument.shell | #FFB86C | — |
| comment.line.shebang | #FF79C6 | italic |
| entity.name.lifetime.rust, storage.modifier.lifetime.rust, punctuation.definition.lifetime.rust | #FFB86C | — |
| entity.name.function.macro.rust, support.function.macro.rust | #50FA7B | — |
| meta.attribute.rust, entity.name.function.attribute.rust | #FFD580 | — |
| storage.modifier.unsafe.rust | #FF5555 | — |
| invalid.illegal, invalid.deprecated | #FF5555 | — |
| support.class.component.jsx, support.class.component.tsx, support.class.component.js, support.class.component.ts | #58C7FF | bold |
| entity.name.tag.html, entity.name.tag, entity.name.tag.tsx, entity.name.tag.jsx | #7AA2FF | — |
| punctuation.definition.tag, punctuation.definition.tag.begin, punctuation.definition.tag.end, meta.tag punctuation.definition.tag | #82C7FF | — |
| entity.other.attribute-name, meta.tag.attributes entity.other.attribute-name | #8FEFAF | — |
| string.quoted.double.html, string.quoted.single.html, meta.attribute-with-value.html string | #F5C14B | — |
| meta.tag.sgml.doctype, entity.name.tag.doctype | #8899CC | — |
| entity.other.attribute-name.id, entity.other.attribute-name.id.html | #F0C070 | — |
| entity.other.attribute-name.class, entity.other.attribute-name.class.html | #92D6FF | — |
| entity.name.selector, meta.selector | #A9F0B3 | — |
| entity.other.attribute-name.id.css, meta.selector entity.other.attribute-name.id | #F0C070 | — |
| entity.other.attribute-name.class.css, meta.selector entity.other.attribute-name.class | #92D6FF | — |
| entity.other.attribute-name.pseudo-class, entity.other.attribute-name.pseudo-element | #FF91C4 | — |
| support.type.vendored.property-name, support.type.property-name.css, meta.property-name | #8FDEFF | — |
| support.constant.property-value, meta.property-value | #F7C68A | — |
| keyword.other.unit | #A9F0B3 | — |
| constant.other.color.rgb-value.hex.css, constant.other.color | #FFE380 | — |
| variable.css, variable.argument.css, variable.other.less, variable.scss, variable.sass | #C89CFF | — |
| keyword.control.at-rule, meta.at-rule keyword.control | #FF8EC6 | — |
| keyword.other.important.css | #FF7A7A | bold |
| entity.name.function.scss, support.function.misc.scss, keyword.control.at-rule.include.scss, keyword.control.at-rule.mixin.scss | #7EF0A6 | — |
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.background#000000
- activityBar.border#1E1E1E
- activityBar.foreground#FFFFFF
- activityBar.inactiveForeground#666666
- activityBarBadge.background#444444
- activityBarBadge.foreground#FFFFFF
- badge.background#4D4D4D
- badge.foreground#FFFFFF
- breadcrumb.activeSelectionForeground#E0E0E0
- breadcrumb.background#000000
- breadcrumb.border#1E1E1E
- breadcrumb.focusForeground#E0E0E0
- breadcrumb.foreground#C0C0C0CC
- button.background#333333
- button.foreground#FFFFFF
- button.hoverBackground#444444
- debugToolBar.background#1E1E1E
- debugToolBar.border#1E1E1E
- dropdown.background#1E1E1E
- dropdown.border#3C3C3C
- dropdown.foreground#F0F0F0
- editor.background#000000
- editor.findMatchBackground#515C6A
- editor.findMatchHighlightBackground#EA5C0055
- editor.findRangeHighlightBackground#3A3D4166
- editor.foreground#C0C0C0
- editor.hoverHighlightBackground#264F7820
- editor.lineHighlightBackground#0D0D0D
- editor.lineHighlightBorder#181818
- editor.selectionBackground#222222
- editor.selectionHighlightBackground#22222260
- editor.wordHighlightBackground#575757B8
- editor.wordHighlightStrongBackground#004972B8
- editorBracketMatch.background#0D3A58
- editorBracketMatch.border#888888
- editorCursor.foreground#C8C8C8
- editorError.foreground#F44747
- editorGroup.border#1E1E1E
- editorGroupHeader.tabsBackground#000000
- editorGroupHeader.tabsBorder#1E1E1E
- editorGutter.addedBackground#587C0C
- editorGutter.background#000000
- editorGutter.deletedBackground#94151B
- editorGutter.modifiedBackground#0C7D9D
- editorHoverWidget.background#0F0F0F
- editorHoverWidget.border#1E1E1E
- editorIndentGuide.activeBackground1#333333
- editorIndentGuide.background1#1E1E1E
- editorInfo.foreground#75BEFF
- editorLineNumber.activeForeground#808080
- editorLineNumber.foreground#383838
- editorOverviewRuler.border#1E1E1E
- editorOverviewRuler.errorForeground#F44747
- editorOverviewRuler.findMatchForeground#D18616
- editorOverviewRuler.selectionHighlightForeground#A0A0A04D
- editorOverviewRuler.warningForeground#CCA700
- editorOverviewRuler.wordHighlightForeground#A0A0A04D
- editorSuggestWidget.background#0F0F0F
- editorSuggestWidget.border#1E1E1E
- editorSuggestWidget.selectedBackground#094771
- editorWarning.foreground#CCA700
- editorWhitespace.foreground#e3e4e226
- editorWidget.background#0F0F0F
- editorWidget.border#1E1E1E
- focusBorder#555555
- foreground#AAAAAA
- gitDecoration.addedResourceForeground#81B88B
- gitDecoration.conflictingResourceForeground#FF5A5F
- gitDecoration.deletedResourceForeground#C74E39
- gitDecoration.ignoredResourceForeground#8C8C8C
- gitDecoration.modifiedResourceForeground#E2C08D
- gitDecoration.untrackedResourceForeground#73C991
- input.background#1E1E1E
- input.border#3C3C3C
- input.foreground#C0C0C0
- input.placeholderForeground#A6A6A6
- inputOption.activeBorder#555555
- list.activeSelectionBackground#1C1C1C
- list.activeSelectionForeground#FFFFFF
- list.focusBackground#141414
- list.highlightForeground#AAAAAA
- list.hoverBackground#2A2D2E
- list.inactiveSelectionBackground#37373D
- list.inactiveSelectionForeground#C0C0C0
- menu.background#0F0F0F
- menu.border#1E1E1E
- menu.foreground#C0C0C0
- menu.selectionBackground#094771
- menu.selectionForeground#FFFFFF
- menu.separatorBackground#3C3C3C
- menubar.selectionBackground#FFFFFF12
- menubar.selectionForeground#C0C0C0
- notificationCenter.border#1E1E1E
- notifications.background#0F0F0F
- notifications.border#1E1E1E
- notificationToast.border#1E1E1E
- panel.background#000000
- panel.border#1E1E1E
- panelTitle.activeBorder#555555
- panelTitle.activeForeground#E7E7E7
- panelTitle.inactiveForeground#E7E7E799
- peekView.border#444444
- peekViewEditor.background#080808
- peekViewEditorGutter.background#080808
- peekViewResult.background#0F0F0F
- peekViewResult.selectionBackground#3399FF33
- peekViewResult.selectionForeground#FFFFFF
- peekViewTitle.background#1E1E1E
- peekViewTitleDescription.foreground#C0C0C0B3
- peekViewTitleLabel.foreground#FFFFFF
- progressBar.background#666666
- scrollbar.shadow#000000
- scrollbarSlider.activeBackground#BFBFBF80
- scrollbarSlider.background#79797966
- scrollbarSlider.hoverBackground#64646480
- selection.background#1E5899
- settings.dropdownBorder#3C3C3C
- settings.numberInputBorder#3C3C3C
- settings.textInputBorder#3C3C3C
- sideBar.background#000000
- sideBar.border#1E1E1E
- sideBar.foreground#C0C0C0
- sideBarSectionHeader.background#000000
- sideBarSectionHeader.border#1E1E1E
- sideBarSectionHeader.foreground#BBBBBB
- statusBar.background#000000
- statusBar.border#1E1E1E
- statusBar.debuggingBackground#CC6633
- statusBar.debuggingForeground#FFFFFF
- statusBar.foreground#C0C0C0
- statusBar.noFolderBackground#000000
- statusBarItem.remoteBackground#333333
- statusBarItem.remoteForeground#FFFFFF
- tab.activeBackground#000000
- tab.activeBorder#000000
- tab.activeBorderTop#555555
- tab.activeForeground#E8E8E8
- tab.border#1E1E1E
- tab.inactiveBackground#000000
- tab.inactiveForeground#484848
- terminal.ansiBlack#1E1E1E
- terminal.ansiBlue#2472C8
- terminal.ansiBrightBlack#666666
- terminal.ansiBrightBlue#3B8EEA
- terminal.ansiBrightCyan#29B8DB
- terminal.ansiBrightGreen#23D18B
- terminal.ansiBrightMagenta#D670D6
- terminal.ansiBrightRed#F14C4C
- terminal.ansiBrightWhite#E5E5E5
- terminal.ansiBrightYellow#F5F543
- terminal.ansiCyan#11A8CD
- terminal.ansiGreen#0DBC79
- terminal.ansiMagenta#BC3FBC
- terminal.ansiRed#CD3131
- terminal.ansiWhite#E5E5E5
- terminal.ansiYellow#E5E510
- terminal.background#000000
- terminal.border#2B2B2B
- terminal.foreground#C0C0C0
- titleBar.activeBackground#000000
- titleBar.activeForeground#C0C0C0
- titleBar.border#1E1E1E
- titleBar.inactiveBackground#000000
- titleBar.inactiveForeground#C0C0C099
- widget.border#1E1E1E
- widget.shadow#00000066
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| variable, variable.other.readwrite, support.variable | #888888 | — |
| meta.var.expr variable.other.readwrite, meta.var-single-variable variable.other.readwrite, variable.other.readwrite.alias | #909090 | — |
| meta.binding.pattern variable.object.variable, meta.destructuring variable.other.readwrite, meta.object-binding-pattern-variable variable.object.variable | #909090 | — |
| variable.parameter, meta.parameter | #848484 | italic |
| meta.import variable.other.readwrite, meta.import variable.other, meta.named-exports variable.other, meta.named-imports variable.other | #909090 | — |
| meta.object-literal.key, meta.object.member meta.object-literal.key, string.unquoted.label | #888888 | — |
| meta.property.object, variable.other.property, variable.other.object.property | #909090 | — |
| entity.name.function, meta.function-call entity.name.function, support.function | #909090 | — |
| comment, punctuation.definition.comment | #555555 | italic |
| string, punctuation.definition.string | #999999 | — |
| constant.character.escape, string source | #AAAAAA | — |
| punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end | #AAAAAA | — |
| keyword, keyword.control, keyword.operator.new, keyword.operator.typeof, keyword.operator.void, keyword.operator.instanceof, keyword.operator.delete | #AAAAAA | — |
| keyword.control.import, keyword.control.export, keyword.control.from, keyword.control.as, keyword.control.default | #A0A0A0 | — |
| storage, storage.type, storage.modifier | #AAAAAA | — |
| constant.language, variable.language.this, variable.language.super, constant.language.boolean, constant.language.null, constant.language.undefined | #A0A0A0 | — |
| constant.numeric | #B8B8B8 | — |
| variable.other.constant, variable.other.enummember | #D0D0D0 | — |
| entity.name.function, support.function, meta.function-call.generic | #B8B8B8 | — |
| keyword.operator | #AAAAAA | — |
| punctuation | #C8C8C8 | — |
| punctuation.definition.block, punctuation.section.block, meta.brace.curly, meta.brace.square, meta.brace.round | #A8A8A8 | — |
| entity.name.type, entity.name.class, support.class, entity.name.type.class | #C0C0C0 | — |
| entity.name.type.interface | #C0C0C0 | italic |
| support.type, entity.name.type.parameter, entity.name.type.primitive | #C0C0C0 | — |
| entity.name.namespace, entity.name.module | #C0C0C0 | — |
| meta.decorator, meta.decorator punctuation.decorator, tag.decorator entity.name.tag | #AAAAAA | — |
| storage.type.function.arrow | #AAAAAA | — |
| keyword.operator.spread, keyword.operator.rest | #AAAAAA | — |
| keyword.operator.optional | #AAAAAA | — |
| keyword.operator.logical.nullish | #AAAAAA | — |
| entity.name.type.alias.ts, entity.name.type.alias.tsx | #C0C0C0 | — |
| support.type.utility.ts | #C0C0C0 | — |
| meta.type.parameters, punctuation.definition.typeparameters | #AAAAAA | — |
| storage.type.class.jsdoc, punctuation.definition.block.tag.jsdoc, entity.name.type.instance.jsdoc, variable.other.jsdoc | #606060 | italic |
| string.quoted.double.block.python, string.quoted.single.block.python | #555555 | italic |
| meta.decorator.python, entity.name.function.decorator.python, punctuation.definition.decorator.python | #AAAAAA | — |
| variable.language.special.self.python, variable.language.special.cls.python | #A0A0A0 | italic |
| support.function.builtin.python | #B8B8B8 | — |
| support.type.python, support.class.python | #C0C0C0 | — |
| variable.annotation.python, meta.function.annotation.python, meta.function.annotation.return.python | #C0C0C0 | — |
| punctuation.section.f-expression.begin.python, punctuation.section.f-expression.end.python | #AAAAAA | — |
| support.variable.magic.python | #D0D0D0 | — |
| keyword.package.go, keyword.import.go, keyword.other.package.go, keyword.other.import.go | #A0A0A0 | — |
| entity.name.package.go | #C0C0C0 | — |
| support.function.builtin.go | #B8B8B8 | — |
| support.type.predeclared.go, support.type.builtin.go | #C0C0C0 | — |
| constant.language.go | #A0A0A0 | — |
| string.quoted.raw.go | #AAAAAA | — |
| keyword.operator.address.go, keyword.operator.pointer.go | #AAAAAA | — |
| support.type.property-name.json, meta.structure.dictionary.key.json string | #C0C0C0 | — |
| meta.structure.dictionary.value.json string, string.quoted.double.json | #999999 | — |
| meta.structure.dictionary.value.json constant.numeric, constant.numeric.json | #B8B8B8 | — |
| constant.language.json | #A0A0A0 | — |
| punctuation.definition.array.begin.json, punctuation.definition.array.end.json, punctuation.definition.dictionary.begin.json, punctuation.definition.dictionary.end.json | #A8A8A8 | — |
| markup.heading, entity.name.section.markdown, punctuation.definition.heading.markdown | #A0A0A0 | bold |
| markup.heading.1.markdown, entity.name.section.markdown heading.1 | #AAAAAA | bold |
| markup.heading.2.markdown | #A0A0A0 | bold |
| markup.heading.3.markdown | #C0C0C0 | bold |
| markup.bold, punctuation.definition.bold | #AAAAAA | bold |
| markup.italic, punctuation.definition.italic | #999999 | italic |
| markup.inline.raw.string, markup.fenced_code.block | #B8B8B8 | — |
| markup.underline.link, string.other.link | #C0C0C0 | — |
| meta.link.inline.markdown | #AAAAAA | — |
| markup.quote, punctuation.definition.blockquote.markdown | #606060 | italic |
| meta.separator.markdown | #404040 | — |
| string.regexp, constant.other.character-class.regexp, string.regexp keyword.operator | #B0B0B0 | — |
| punctuation.definition.group.regexp, meta.group.regexp | #AAAAAA | — |
| constant.other.character-class.set.regexp, punctuation.definition.character-class.regexp | #B8B8B8 | — |
| keyword.operator.quantifier.regexp | #AAAAAA | — |
| support.function.builtin.shell, entity.name.command.shell | #B8B8B8 | — |
| variable.other.normal.shell, variable.other.bracket.shell, variable.other.special.shell | #C0C0C0 | — |
| string.unquoted.argument.shell | #AAAAAA | — |
| comment.line.shebang | #AAAAAA | italic |
| entity.name.lifetime.rust, storage.modifier.lifetime.rust, punctuation.definition.lifetime.rust | #AAAAAA | — |
| entity.name.function.macro.rust, support.function.macro.rust | #B8B8B8 | — |
| meta.attribute.rust, entity.name.function.attribute.rust | #AAAAAA | — |
| storage.modifier.unsafe.rust | #B0B0B0 | — |
| invalid.illegal, invalid.deprecated | #B0B0B0 | — |
| support.class.component.jsx, support.class.component.tsx, support.class.component.js, support.class.component.ts | #58C7FF | bold |
| entity.name.tag.html, entity.name.tag, entity.name.tag.tsx, entity.name.tag.jsx | #7AA2FF | — |
| punctuation.definition.tag, punctuation.definition.tag.begin, punctuation.definition.tag.end, meta.tag punctuation.definition.tag | #82C7FF | — |
| entity.other.attribute-name, meta.tag.attributes entity.other.attribute-name | #8FEFAF | — |
| string.quoted.double.html, string.quoted.single.html, meta.attribute-with-value.html string | #F5C14B | — |
| meta.tag.sgml.doctype, entity.name.tag.doctype | #8899CC | — |
| entity.other.attribute-name.id, entity.other.attribute-name.id.html | #F0C070 | — |
| entity.other.attribute-name.class, entity.other.attribute-name.class.html | #92D6FF | — |
| entity.name.selector, meta.selector | #A9F0B3 | — |
| entity.other.attribute-name.id.css, meta.selector entity.other.attribute-name.id | #F0C070 | — |
| entity.other.attribute-name.class.css, meta.selector entity.other.attribute-name.class | #92D6FF | — |
| entity.other.attribute-name.pseudo-class, entity.other.attribute-name.pseudo-element | #FF91C4 | — |
| support.type.vendored.property-name, support.type.property-name.css, meta.property-name | #8FDEFF | — |
| support.constant.property-value, meta.property-value | #F7C68A | — |
| keyword.other.unit | #A9F0B3 | — |
| constant.other.color.rgb-value.hex.css, constant.other.color | #FFE380 | — |
| variable.css, variable.argument.css, variable.other.less, variable.scss, variable.sass | #C89CFF | — |
| keyword.control.at-rule, meta.at-rule keyword.control | #FF8EC6 | — |
| keyword.other.important.css | #FF7A7A | bold |
| entity.name.function.scss, support.function.misc.scss, keyword.control.at-rule.include.scss, keyword.control.at-rule.mixin.scss | #7EF0A6 | — |
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.background#0C0806
- activityBar.border#2E1E0C
- activityBar.foreground#FFFFFF
- activityBar.inactiveForeground#666666
- activityBarBadge.background#A05C28
- activityBarBadge.foreground#FFFFFF
- badge.background#4D4D4D
- badge.foreground#FFFFFF
- breadcrumb.activeSelectionForeground#E0E0E0
- breadcrumb.background#0C0806
- breadcrumb.border#2E1E0C
- breadcrumb.focusForeground#E0E0E0
- breadcrumb.foreground#C0C0C0CC
- button.background#7A4418
- button.foreground#FFFFFF
- button.hoverBackground#904E1E
- debugToolBar.background#1E1E1E
- debugToolBar.border#2E1E0C
- dropdown.background#1E1E1E
- dropdown.border#3C3C3C
- dropdown.foreground#F0F0F0
- editor.background#0C0806
- editor.findMatchBackground#515C6A
- editor.findMatchHighlightBackground#EA5C0055
- editor.findRangeHighlightBackground#3A3D4166
- editor.foreground#D4B898
- editor.hoverHighlightBackground#264F7820
- editor.lineHighlightBackground#180E06
- editor.lineHighlightBorder#241408
- editor.selectionBackground#4A2C10
- editor.selectionHighlightBackground#4A2C1060
- editor.wordHighlightBackground#575757B8
- editor.wordHighlightStrongBackground#004972B8
- editorBracketMatch.background#0D3A58
- editorBracketMatch.border#888888
- editorCursor.foreground#C8C8C8
- editorError.foreground#F44747
- editorGroup.border#2E1E0C
- editorGroupHeader.tabsBackground#0C0806
- editorGroupHeader.tabsBorder#2E1E0C
- editorGutter.addedBackground#587C0C
- editorGutter.background#0C0806
- editorGutter.deletedBackground#94151B
- editorGutter.modifiedBackground#0C7D9D
- editorHoverWidget.background#1A1208
- editorHoverWidget.border#2E1E0C
- editorIndentGuide.activeBackground1#707070
- editorIndentGuide.background1#404040
- editorInfo.foreground#75BEFF
- editorLineNumber.activeForeground#C6C6C6
- editorLineNumber.foreground#6E7681
- editorOverviewRuler.border#2E1E0C
- editorOverviewRuler.errorForeground#F44747
- editorOverviewRuler.findMatchForeground#D18616
- editorOverviewRuler.selectionHighlightForeground#A0A0A04D
- editorOverviewRuler.warningForeground#CCA700
- editorOverviewRuler.wordHighlightForeground#A0A0A04D
- editorSuggestWidget.background#1A1208
- editorSuggestWidget.border#2E1E0C
- editorSuggestWidget.selectedBackground#094771
- editorWarning.foreground#CCA700
- editorWhitespace.foreground#e3e4e226
- editorWidget.background#1A1208
- editorWidget.border#2E1E0C
- focusBorder#C87840
- foreground#C8A880
- gitDecoration.addedResourceForeground#81B88B
- gitDecoration.conflictingResourceForeground#FF5A5F
- gitDecoration.deletedResourceForeground#C74E39
- gitDecoration.ignoredResourceForeground#8C8C8C
- gitDecoration.modifiedResourceForeground#E2C08D
- gitDecoration.untrackedResourceForeground#73C991
- input.background#1E1E1E
- input.border#3C3C3C
- input.foreground#C0C0C0
- input.placeholderForeground#A6A6A6
- inputOption.activeBorder#C87840
- list.activeSelectionBackground#4A2C10
- list.activeSelectionForeground#FFFFFF
- list.focusBackground#301A08
- list.highlightForeground#E09050
- list.hoverBackground#2A2D2E
- list.inactiveSelectionBackground#37373D
- list.inactiveSelectionForeground#C0C0C0
- menu.background#1A1208
- menu.border#2E1E0C
- menu.foreground#C0C0C0
- menu.selectionBackground#094771
- menu.selectionForeground#FFFFFF
- menu.separatorBackground#3C3C3C
- menubar.selectionBackground#FFFFFF12
- menubar.selectionForeground#C0C0C0
- notificationCenter.border#2E1E0C
- notifications.background#1A1208
- notifications.border#2E1E0C
- notificationToast.border#2E1E0C
- panel.background#0C0806
- panel.border#2E1E0C
- panelTitle.activeBorder#C87840
- panelTitle.activeForeground#E7E7E7
- panelTitle.inactiveForeground#E7E7E799
- peekView.border#C87840
- peekViewEditor.background#0C0806
- peekViewEditorGutter.background#0C0806
- peekViewResult.background#1A1208
- peekViewResult.selectionBackground#3399FF33
- peekViewResult.selectionForeground#FFFFFF
- peekViewTitle.background#1E1E1E
- peekViewTitleDescription.foreground#C0C0C0B3
- peekViewTitleLabel.foreground#FFFFFF
- progressBar.background#C87840
- scrollbar.shadow#000000
- scrollbarSlider.activeBackground#BFBFBF80
- scrollbarSlider.background#79797966
- scrollbarSlider.hoverBackground#64646480
- selection.background#1E5899
- settings.dropdownBorder#3C3C3C
- settings.numberInputBorder#3C3C3C
- settings.textInputBorder#3C3C3C
- sideBar.background#0C0806
- sideBar.border#2E1E0C
- sideBar.foreground#C0C0C0
- sideBarSectionHeader.background#0C0806
- sideBarSectionHeader.border#2E1E0C
- sideBarSectionHeader.foreground#BBBBBB
- statusBar.background#0C0806
- statusBar.border#2E1E0C
- statusBar.debuggingBackground#CC6633
- statusBar.debuggingForeground#FFFFFF
- statusBar.foreground#C0C0C0
- statusBar.noFolderBackground#000000
- statusBarItem.remoteBackground#7A4418
- statusBarItem.remoteForeground#FFFFFF
- tab.activeBackground#0C0806
- tab.activeBorder#000000
- tab.activeBorderTop#C87840
- tab.activeForeground#FFFFFF
- tab.border#2E1E0C
- tab.inactiveBackground#0C0806
- tab.inactiveForeground#808080
- terminal.ansiBlack#1E1E1E
- terminal.ansiBlue#2472C8
- terminal.ansiBrightBlack#666666
- terminal.ansiBrightBlue#3B8EEA
- terminal.ansiBrightCyan#29B8DB
- terminal.ansiBrightGreen#23D18B
- terminal.ansiBrightMagenta#D670D6
- terminal.ansiBrightRed#F14C4C
- terminal.ansiBrightWhite#E5E5E5
- terminal.ansiBrightYellow#F5F543
- terminal.ansiCyan#11A8CD
- terminal.ansiGreen#0DBC79
- terminal.ansiMagenta#BC3FBC
- terminal.ansiRed#CD3131
- terminal.ansiWhite#E5E5E5
- terminal.ansiYellow#E5E510
- terminal.background#0C0806
- terminal.border#2B2B2B
- terminal.foreground#C0C0C0
- titleBar.activeBackground#0C0806
- titleBar.activeForeground#C0C0C0
- titleBar.border#2E1E0C
- titleBar.inactiveBackground#0C0806
- titleBar.inactiveForeground#C0C0C099
- widget.border#2E1E0C
- widget.shadow#00000066
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| variable, variable.other.readwrite, support.variable | #70A0C0 | — |
| meta.var.expr variable.other.readwrite, meta.var-single-variable variable.other.readwrite, variable.other.readwrite.alias | #6090B0 | — |
| meta.binding.pattern variable.object.variable, meta.destructuring variable.other.readwrite, meta.object-binding-pattern-variable variable.object.variable | #6090B0 | — |
| variable.parameter, meta.parameter | #508090 | italic |
| meta.import variable.other.readwrite, meta.import variable.other, meta.named-exports variable.other, meta.named-imports variable.other | #CC7766 | — |
| meta.object-literal.key, meta.object.member meta.object-literal.key, string.unquoted.label | #90A870 | — |
| meta.property.object, variable.other.property, variable.other.object.property | #B09060 | — |
| entity.name.function, meta.function-call entity.name.function, support.function | #B09060 | — |
| comment, punctuation.definition.comment | #6A5840 | italic |
| string, punctuation.definition.string | #D48858 | — |
| constant.character.escape, string source | #E8B840 | — |
| punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end | #E87060 | — |
| keyword, keyword.control, keyword.operator.new, keyword.operator.typeof, keyword.operator.void, keyword.operator.instanceof, keyword.operator.delete | #E87060 | — |
| keyword.control.import, keyword.control.export, keyword.control.from, keyword.control.as, keyword.control.default | #C07860 | — |
| storage, storage.type, storage.modifier | #E87060 | — |
| constant.language, variable.language.this, variable.language.super, constant.language.boolean, constant.language.null, constant.language.undefined | #C07860 | — |
| constant.numeric | #C8B840 | — |
| variable.other.constant, variable.other.enummember | #EEDCB8 | — |
| entity.name.function, support.function, meta.function-call.generic | #C8B840 | — |
| keyword.operator | #E87060 | — |
| punctuation | #EED8B8 | — |
| punctuation.definition.block, punctuation.section.block, meta.brace.curly, meta.brace.square, meta.brace.round | #D4A030 | — |
| entity.name.type, entity.name.class, support.class, entity.name.type.class | #D4AA70 | — |
| entity.name.type.interface | #D4AA70 | italic |
| support.type, entity.name.type.parameter, entity.name.type.primitive | #D4AA70 | — |
| entity.name.namespace, entity.name.module | #D4AA70 | — |
| meta.decorator, meta.decorator punctuation.decorator, tag.decorator entity.name.tag | #E09050 | — |
| storage.type.function.arrow | #E87060 | — |
| keyword.operator.spread, keyword.operator.rest | #E87060 | — |
| keyword.operator.optional | #E09050 | — |
| keyword.operator.logical.nullish | #E09050 | — |
| entity.name.type.alias.ts, entity.name.type.alias.tsx | #D4AA70 | — |
| support.type.utility.ts | #D4AA70 | — |
| meta.type.parameters, punctuation.definition.typeparameters | #E09050 | — |
| storage.type.class.jsdoc, punctuation.definition.block.tag.jsdoc, entity.name.type.instance.jsdoc, variable.other.jsdoc | #7A6040 | italic |
| string.quoted.double.block.python, string.quoted.single.block.python | #6A5840 | italic |
| meta.decorator.python, entity.name.function.decorator.python, punctuation.definition.decorator.python | #E09050 | — |
| variable.language.special.self.python, variable.language.special.cls.python | #C07860 | italic |
| support.function.builtin.python | #C8B840 | — |
| support.type.python, support.class.python | #D4AA70 | — |
| variable.annotation.python, meta.function.annotation.python, meta.function.annotation.return.python | #D4AA70 | — |
| punctuation.section.f-expression.begin.python, punctuation.section.f-expression.end.python | #E87060 | — |
| support.variable.magic.python | #EEDCB8 | — |
| keyword.package.go, keyword.import.go, keyword.other.package.go, keyword.other.import.go | #C07860 | — |
| entity.name.package.go | #D4AA70 | — |
| support.function.builtin.go | #C8B840 | — |
| support.type.predeclared.go, support.type.builtin.go | #D4AA70 | — |
| constant.language.go | #C07860 | — |
| string.quoted.raw.go | #E8B840 | — |
| keyword.operator.address.go, keyword.operator.pointer.go | #E87060 | — |
| support.type.property-name.json, meta.structure.dictionary.key.json string | #D4AA70 | — |
| meta.structure.dictionary.value.json string, string.quoted.double.json | #D48858 | — |
| meta.structure.dictionary.value.json constant.numeric, constant.numeric.json | #C8B840 | — |
| constant.language.json | #C07860 | — |
| punctuation.definition.array.begin.json, punctuation.definition.array.end.json, punctuation.definition.dictionary.begin.json, punctuation.definition.dictionary.end.json | #D4A030 | — |
| markup.heading, entity.name.section.markdown, punctuation.definition.heading.markdown | #C07860 | bold |
| markup.heading.1.markdown, entity.name.section.markdown heading.1 | #E87060 | bold |
| markup.heading.2.markdown | #C07860 | bold |
| markup.heading.3.markdown | #D4AA70 | bold |
| markup.bold, punctuation.definition.bold | #E09050 | bold |
| markup.italic, punctuation.definition.italic | #D48858 | italic |
| markup.inline.raw.string, markup.fenced_code.block | #C8B840 | — |
| markup.underline.link, string.other.link | #D4AA70 | — |
| meta.link.inline.markdown | #E09050 | — |
| markup.quote, punctuation.definition.blockquote.markdown | #7A6040 | italic |
| meta.separator.markdown | #504030 | — |
| string.regexp, constant.other.character-class.regexp, string.regexp keyword.operator | #CC5544 | — |
| punctuation.definition.group.regexp, meta.group.regexp | #E09050 | — |
| constant.other.character-class.set.regexp, punctuation.definition.character-class.regexp | #C8B840 | — |
| keyword.operator.quantifier.regexp | #E87060 | — |
| support.function.builtin.shell, entity.name.command.shell | #C8B840 | — |
| variable.other.normal.shell, variable.other.bracket.shell, variable.other.special.shell | #D4AA70 | — |
| string.unquoted.argument.shell | #E09050 | — |
| comment.line.shebang | #E87060 | italic |
| entity.name.lifetime.rust, storage.modifier.lifetime.rust, punctuation.definition.lifetime.rust | #E09050 | — |
| entity.name.function.macro.rust, support.function.macro.rust | #C8B840 | — |
| meta.attribute.rust, entity.name.function.attribute.rust | #E8B840 | — |
| storage.modifier.unsafe.rust | #CC5544 | — |
| invalid.illegal, invalid.deprecated | #CC5544 | — |
| support.class.component.jsx, support.class.component.tsx, support.class.component.js, support.class.component.ts | #58C7FF | bold |
| entity.name.tag.html, entity.name.tag, entity.name.tag.tsx, entity.name.tag.jsx | #7AA2FF | — |
| punctuation.definition.tag, punctuation.definition.tag.begin, punctuation.definition.tag.end, meta.tag punctuation.definition.tag | #82C7FF | — |
| entity.other.attribute-name, meta.tag.attributes entity.other.attribute-name | #8FEFAF | — |
| string.quoted.double.html, string.quoted.single.html, meta.attribute-with-value.html string | #F5C14B | — |
| meta.tag.sgml.doctype, entity.name.tag.doctype | #8899CC | — |
| entity.other.attribute-name.id, entity.other.attribute-name.id.html | #F0C070 | — |
| entity.other.attribute-name.class, entity.other.attribute-name.class.html | #92D6FF | — |
| entity.name.selector, meta.selector | #A9F0B3 | — |
| entity.other.attribute-name.id.css, meta.selector entity.other.attribute-name.id | #F0C070 | — |
| entity.other.attribute-name.class.css, meta.selector entity.other.attribute-name.class | #92D6FF | — |
| entity.other.attribute-name.pseudo-class, entity.other.attribute-name.pseudo-element | #FF91C4 | — |
| support.type.vendored.property-name, support.type.property-name.css, meta.property-name | #8FDEFF | — |
| support.constant.property-value, meta.property-value | #F7C68A | — |
| keyword.other.unit | #A9F0B3 | — |
| constant.other.color.rgb-value.hex.css, constant.other.color | #FFE380 | — |
| variable.css, variable.argument.css, variable.other.less, variable.scss, variable.sass | #C89CFF | — |
| keyword.control.at-rule, meta.at-rule keyword.control | #FF8EC6 | — |
| keyword.other.important.css | #FF7A7A | bold |
| entity.name.function.scss, support.function.misc.scss, keyword.control.at-rule.include.scss, keyword.control.at-rule.mixin.scss | #7EF0A6 | — |
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.background#000000
- activityBar.border#1A2B1A
- activityBar.foreground#FFFFFF
- activityBar.inactiveForeground#666666
- activityBarBadge.background#00CC66
- activityBarBadge.foreground#FFFFFF
- badge.background#4D4D4D
- badge.foreground#FFFFFF
- breadcrumb.activeSelectionForeground#E0E0E0
- breadcrumb.background#000000
- breadcrumb.border#1A2B1A
- breadcrumb.focusForeground#E0E0E0
- breadcrumb.foreground#C0C0C0CC
- button.background#008844
- button.foreground#FFFFFF
- button.hoverBackground#00AA55
- debugToolBar.background#1E1E1E
- debugToolBar.border#1A2B1A
- dropdown.background#1E1E1E
- dropdown.border#3C3C3C
- dropdown.foreground#F0F0F0
- editor.background#000000
- editor.findMatchBackground#515C6A
- editor.findMatchHighlightBackground#EA5C0055
- editor.findRangeHighlightBackground#3A3D4166
- editor.foreground#C8FFC8
- editor.hoverHighlightBackground#264F7820
- editor.lineHighlightBackground#00110800
- editor.lineHighlightBorder#001A0D
- editor.selectionBackground#003322
- editor.selectionHighlightBackground#00332260
- editor.wordHighlightBackground#575757B8
- editor.wordHighlightStrongBackground#004972B8
- editorBracketMatch.background#0D3A58
- editorBracketMatch.border#888888
- editorCursor.foreground#C8C8C8
- editorError.foreground#F44747
- editorGroup.border#1A2B1A
- editorGroupHeader.tabsBackground#000000
- editorGroupHeader.tabsBorder#1A2B1A
- editorGutter.addedBackground#587C0C
- editorGutter.background#000000
- editorGutter.deletedBackground#94151B
- editorGutter.modifiedBackground#0C7D9D
- editorHoverWidget.background#0D0D0D
- editorHoverWidget.border#1A2B1A
- editorIndentGuide.activeBackground1#707070
- editorIndentGuide.background1#404040
- editorInfo.foreground#75BEFF
- editorLineNumber.activeForeground#00FF88
- editorLineNumber.foreground#2A5A2A
- editorOverviewRuler.border#1A2B1A
- editorOverviewRuler.errorForeground#F44747
- editorOverviewRuler.findMatchForeground#D18616
- editorOverviewRuler.selectionHighlightForeground#A0A0A04D
- editorOverviewRuler.warningForeground#CCA700
- editorOverviewRuler.wordHighlightForeground#A0A0A04D
- editorSuggestWidget.background#0D0D0D
- editorSuggestWidget.border#1A2B1A
- editorSuggestWidget.selectedBackground#094771
- editorWarning.foreground#CCA700
- editorWhitespace.foreground#e3e4e226
- editorWidget.background#0D0D0D
- editorWidget.border#1A2B1A
- focusBorder#00FF88
- foreground#B0D8B0
- gitDecoration.addedResourceForeground#81B88B
- gitDecoration.conflictingResourceForeground#FF5A5F
- gitDecoration.deletedResourceForeground#C74E39
- gitDecoration.ignoredResourceForeground#8C8C8C
- gitDecoration.modifiedResourceForeground#E2C08D
- gitDecoration.untrackedResourceForeground#73C991
- input.background#1E1E1E
- input.border#3C3C3C
- input.foreground#C0C0C0
- input.placeholderForeground#A6A6A6
- inputOption.activeBorder#00FF88
- list.activeSelectionBackground#003322
- list.activeSelectionForeground#FFFFFF
- list.focusBackground#001A11
- list.highlightForeground#00FF88
- list.hoverBackground#2A2D2E
- list.inactiveSelectionBackground#37373D
- list.inactiveSelectionForeground#C0C0C0
- menu.background#0D0D0D
- menu.border#1A2B1A
- menu.foreground#C0C0C0
- menu.selectionBackground#094771
- menu.selectionForeground#FFFFFF
- menu.separatorBackground#3C3C3C
- menubar.selectionBackground#FFFFFF12
- menubar.selectionForeground#C0C0C0
- notificationCenter.border#1A2B1A
- notifications.background#0D0D0D
- notifications.border#1A2B1A
- notificationToast.border#1A2B1A
- panel.background#000000
- panel.border#1A2B1A
- panelTitle.activeBorder#00FF88
- panelTitle.activeForeground#E7E7E7
- panelTitle.inactiveForeground#E7E7E799
- peekView.border#00FF88
- peekViewEditor.background#000D06
- peekViewEditorGutter.background#000D06
- peekViewResult.background#0D0D0D
- peekViewResult.selectionBackground#3399FF33
- peekViewResult.selectionForeground#FFFFFF
- peekViewTitle.background#1E1E1E
- peekViewTitleDescription.foreground#C0C0C0B3
- peekViewTitleLabel.foreground#FFFFFF
- progressBar.background#00FF88
- scrollbar.shadow#000000
- scrollbarSlider.activeBackground#BFBFBF80
- scrollbarSlider.background#79797966
- scrollbarSlider.hoverBackground#64646480
- selection.background#1E5899
- settings.dropdownBorder#3C3C3C
- settings.numberInputBorder#3C3C3C
- settings.textInputBorder#3C3C3C
- sideBar.background#000000
- sideBar.border#1A2B1A
- sideBar.foreground#C0C0C0
- sideBarSectionHeader.background#000000
- sideBarSectionHeader.border#1A2B1A
- sideBarSectionHeader.foreground#BBBBBB
- statusBar.background#000000
- statusBar.border#1A2B1A
- statusBar.debuggingBackground#CC6633
- statusBar.debuggingForeground#FFFFFF
- statusBar.foreground#C0C0C0
- statusBar.noFolderBackground#000000
- statusBarItem.remoteBackground#008844
- statusBarItem.remoteForeground#FFFFFF
- tab.activeBackground#000000
- tab.activeBorder#000000
- tab.activeBorderTop#00FF88
- tab.activeForeground#FFFFFF
- tab.border#1A2B1A
- tab.inactiveBackground#000000
- tab.inactiveForeground#808080
- terminal.ansiBlack#1E1E1E
- terminal.ansiBlue#2472C8
- terminal.ansiBrightBlack#666666
- terminal.ansiBrightBlue#3B8EEA
- terminal.ansiBrightCyan#66FFEE
- terminal.ansiBrightGreen#66FFB2
- terminal.ansiBrightMagenta#FF66CC
- terminal.ansiBrightRed#F14C4C
- terminal.ansiBrightWhite#E5E5E5
- terminal.ansiBrightYellow#F5F543
- terminal.ansiCyan#00FFEE
- terminal.ansiGreen#00FF88
- terminal.ansiMagenta#FF00AA
- terminal.ansiRed#CD3131
- terminal.ansiWhite#E5E5E5
- terminal.ansiYellow#E5E510
- terminal.background#000000
- terminal.border#2B2B2B
- terminal.foreground#C0C0C0
- titleBar.activeBackground#000000
- titleBar.activeForeground#C0C0C0
- titleBar.border#1A2B1A
- titleBar.inactiveBackground#000000
- titleBar.inactiveForeground#C0C0C099
- widget.border#1A2B1A
- widget.shadow#00000066
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| variable, variable.other.readwrite, support.variable | #00CCFF | — |
| meta.var.expr variable.other.readwrite, meta.var-single-variable variable.other.readwrite, variable.other.readwrite.alias | #44DDFF | — |
| meta.binding.pattern variable.object.variable, meta.destructuring variable.other.readwrite, meta.object-binding-pattern-variable variable.object.variable | #44DDFF | — |
| variable.parameter, meta.parameter | #00EEDD | italic |
| meta.import variable.other.readwrite, meta.import variable.other, meta.named-exports variable.other, meta.named-imports variable.other | #FF2255 | — |
| meta.object-literal.key, meta.object.member meta.object-literal.key, string.unquoted.label | #00FFCC | — |
| meta.property.object, variable.other.property, variable.other.object.property | #00AAFF | — |
| entity.name.function, meta.function-call entity.name.function, support.function | #00AAFF | — |
| comment, punctuation.definition.comment | #228822 | italic |
| string, punctuation.definition.string | #FFCC00 | — |
| constant.character.escape, string source | #FFEE00 | — |
| punctuation.definition.template-expression.begin, punctuation.definition.template-expression.end | #FF00AA | — |
| keyword, keyword.control, keyword.operator.new, keyword.operator.typeof, keyword.operator.void, keyword.operator.instanceof, keyword.operator.delete | #FF00AA | — |
| keyword.control.import, keyword.control.export, keyword.control.from, keyword.control.as, keyword.control.default | #AA44FF | — |
| storage, storage.type, storage.modifier | #FF00AA | — |
| constant.language, variable.language.this, variable.language.super, constant.language.boolean, constant.language.null, constant.language.undefined | #AA44FF | — |
| constant.numeric | #00FF66 | — |
| variable.other.constant, variable.other.enummember | #AAFFEE | — |
| entity.name.function, support.function, meta.function-call.generic | #00FF66 | — |
| keyword.operator | #FF00AA | — |
| punctuation | #EEFFEE | — |
| punctuation.definition.block, punctuation.section.block, meta.brace.curly, meta.brace.square, meta.brace.round | #FFFF00 | — |
| entity.name.type, entity.name.class, support.class, entity.name.type.class | #00EEFF | — |
| entity.name.type.interface | #00EEFF | italic |
| support.type, entity.name.type.parameter, entity.name.type.primitive | #00EEFF | — |
| entity.name.namespace, entity.name.module | #00EEFF | — |
| meta.decorator, meta.decorator punctuation.decorator, tag.decorator entity.name.tag | #FF9900 | — |
| storage.type.function.arrow | #FF00AA | — |
| keyword.operator.spread, keyword.operator.rest | #FF00AA | — |
| keyword.operator.optional | #FF9900 | — |
| keyword.operator.logical.nullish | #FF9900 | — |
| entity.name.type.alias.ts, entity.name.type.alias.tsx | #00EEFF | — |
| support.type.utility.ts | #00EEFF | — |
| meta.type.parameters, punctuation.definition.typeparameters | #FF9900 | — |
| storage.type.class.jsdoc, punctuation.definition.block.tag.jsdoc, entity.name.type.instance.jsdoc, variable.other.jsdoc | #4466AA | italic |
| string.quoted.double.block.python, string.quoted.single.block.python | #228822 | italic |
| meta.decorator.python, entity.name.function.decorator.python, punctuation.definition.decorator.python | #FF9900 | — |
| variable.language.special.self.python, variable.language.special.cls.python | #AA44FF | italic |
| support.function.builtin.python | #00FF66 | — |
| support.type.python, support.class.python | #00EEFF | — |
| variable.annotation.python, meta.function.annotation.python, meta.function.annotation.return.python | #00EEFF | — |
| punctuation.section.f-expression.begin.python, punctuation.section.f-expression.end.python | #FF00AA | — |
| support.variable.magic.python | #AAFFEE | — |
| keyword.package.go, keyword.import.go, keyword.other.package.go, keyword.other.import.go | #AA44FF | — |
| entity.name.package.go | #00EEFF | — |
| support.function.builtin.go | #00FF66 | — |
| support.type.predeclared.go, support.type.builtin.go | #00EEFF | — |
| constant.language.go | #AA44FF | — |
| string.quoted.raw.go | #FFEE00 | — |
| keyword.operator.address.go, keyword.operator.pointer.go | #FF00AA | — |
| support.type.property-name.json, meta.structure.dictionary.key.json string | #00EEFF | — |
| meta.structure.dictionary.value.json string, string.quoted.double.json | #FFCC00 | — |
| meta.structure.dictionary.value.json constant.numeric, constant.numeric.json | #00FF66 | — |
| constant.language.json | #AA44FF | — |
| punctuation.definition.array.begin.json, punctuation.definition.array.end.json, punctuation.definition.dictionary.begin.json, punctuation.definition.dictionary.end.json | #FFFF00 | — |
| markup.heading, entity.name.section.markdown, punctuation.definition.heading.markdown | #AA44FF | bold |
| markup.heading.1.markdown, entity.name.section.markdown heading.1 | #FF00AA | bold |
| markup.heading.2.markdown | #AA44FF | bold |
| markup.heading.3.markdown | #00EEFF | bold |
| markup.bold, punctuation.definition.bold | #FF9900 | bold |
| markup.italic, punctuation.definition.italic | #FFCC00 | italic |
| markup.inline.raw.string, markup.fenced_code.block | #00FF66 | — |
| markup.underline.link, string.other.link | #00EEFF | — |
| meta.link.inline.markdown | #FF9900 | — |
| markup.quote, punctuation.definition.blockquote.markdown | #4466AA | italic |
| meta.separator.markdown | #1A3322 | — |
| string.regexp, constant.other.character-class.regexp, string.regexp keyword.operator | #FF0044 | — |
| punctuation.definition.group.regexp, meta.group.regexp | #FF9900 | — |
| constant.other.character-class.set.regexp, punctuation.definition.character-class.regexp | #00FF66 | — |
| keyword.operator.quantifier.regexp | #FF00AA | — |
| support.function.builtin.shell, entity.name.command.shell | #00FF66 | — |
| variable.other.normal.shell, variable.other.bracket.shell, variable.other.special.shell | #00EEFF | — |
| string.unquoted.argument.shell | #FF9900 | — |
| comment.line.shebang | #FF00AA | italic |
| entity.name.lifetime.rust, storage.modifier.lifetime.rust, punctuation.definition.lifetime.rust | #FF9900 | — |
| entity.name.function.macro.rust, support.function.macro.rust | #00FF66 | — |
| meta.attribute.rust, entity.name.function.attribute.rust | #FFEE00 | — |
| storage.modifier.unsafe.rust | #FF0044 | — |
| invalid.illegal, invalid.deprecated | #FF0044 | — |
| support.class.component.jsx, support.class.component.tsx, support.class.component.js, support.class.component.ts | #58C7FF | bold |
| entity.name.tag.html, entity.name.tag, entity.name.tag.tsx, entity.name.tag.jsx | #7AA2FF | — |
| punctuation.definition.tag, punctuation.definition.tag.begin, punctuation.definition.tag.end, meta.tag punctuation.definition.tag | #82C7FF | — |
| entity.other.attribute-name, meta.tag.attributes entity.other.attribute-name | #8FEFAF | — |
| string.quoted.double.html, string.quoted.single.html, meta.attribute-with-value.html string | #F5C14B | — |
| meta.tag.sgml.doctype, entity.name.tag.doctype | #8899CC | — |
| entity.other.attribute-name.id, entity.other.attribute-name.id.html | #F0C070 | — |
| entity.other.attribute-name.class, entity.other.attribute-name.class.html | #92D6FF | — |
| entity.name.selector, meta.selector | #A9F0B3 | — |
| entity.other.attribute-name.id.css, meta.selector entity.other.attribute-name.id | #F0C070 | — |
| entity.other.attribute-name.class.css, meta.selector entity.other.attribute-name.class | #92D6FF | — |
| entity.other.attribute-name.pseudo-class, entity.other.attribute-name.pseudo-element | #FF91C4 | — |
| support.type.vendored.property-name, support.type.property-name.css, meta.property-name | #8FDEFF | — |
| support.constant.property-value, meta.property-value | #F7C68A | — |
| keyword.other.unit | #A9F0B3 | — |
| constant.other.color.rgb-value.hex.css, constant.other.color | #FFE380 | — |
| variable.css, variable.argument.css, variable.other.less, variable.scss, variable.sass | #C89CFF | — |
| keyword.control.at-rule, meta.at-rule keyword.control | #FF8EC6 | — |
| keyword.other.important.css | #FF7A7A | bold |
| entity.name.function.scss, support.function.misc.scss, keyword.control.at-rule.include.scss, keyword.control.at-rule.mixin.scss | #7EF0A6 | — |