Skip to main content
Coding Theme

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.

keyHEXRGBRGBA
activityBar.background
activityBar.border
activityBar.dropBackground
activityBar.foreground
activityBarBadge.background
activityBarBadge.foreground
badge.background
badge.foreground
button.background
button.hoverBackground
debugExceptionWidget.background
debugExceptionWidget.border
debugToolBar.background
diffEditor.insertedTextBackground
diffEditor.removedTextBackground
dropdown.background
dropdown.border
editor.background
editor.findMatchBackground
editor.findMatchBorder
editor.findMatchHighlightBackground
editor.foreground
editor.hoverHighlightBackground
editor.lineHighlightBackground
editor.lineHighlightBorder
editor.rangeHighlightBackground
editor.selectionBackground
editor.selectionHighlightBackground
editor.wordHighlightBackground
editor.wordHighlightStrongBackground
editorBracketMatch.background
editorBracketMatch.border
editorCodeLens.foreground
editorCursor.foreground
editorError.foreground
editorGroup.background
editorGroup.dropBackground
editorGroupHeader.tabsBackground
editorGutter.addedBackground
editorGutter.deletedBackground
editorGutter.modifiedBackground
editorHoverWidget.background
editorHoverWidget.border
editorIndentGuide.activeBackground
editorIndentGuide.background
editorLineNumber.foreground
editorLink.activeForeground
editorOverviewRuler.border
editorRuler.foreground
editorSuggestWidget.background
editorSuggestWidget.border
editorSuggestWidget.selectedBackground
editorWarning.foreground
editorWhitespace.foreground
editorWidget.background
errorForeground
extensionButton.prominentBackground
extensionButton.prominentHoverBackground
focusBorder
foreground
gitDecoration.ignoredResourceForeground
input.background
input.placeholderForeground
inputOption.activeBorder
inputValidation.errorBackground
inputValidation.errorBorder
inputValidation.infoBackground
inputValidation.infoBorder
inputValidation.warningBackground
inputValidation.warningBorder
list.activeSelectionBackground
list.activeSelectionForeground
list.dropBackground
list.focusBackground
list.focusForeground
list.hoverBackground
list.hoverForeground
list.inactiveSelectionBackground
list.inactiveSelectionForeground
merge.currentContentBackground
merge.currentHeaderBackground
merge.incomingContentBackground
merge.incomingHeaderBackground
notification.background
notification.buttonBackground
notification.buttonHoverBackground
notification.errorBackground
notification.infoBackground
notification.warningBackground
panel.background
panel.border
panelTitle.activeBorder
panelTitle.inactiveForeground
peekView.border
peekViewEditor.background
peekViewEditor.matchHighlightBackground
peekViewResult.background
peekViewResult.matchHighlightBackground
peekViewResult.selectionBackground
peekViewTitle.background
peekViewTitleDescription.foreground
pickerGroup.border
pickerGroup.foreground
progressBar.background
scrollbar.shadow
scrollbarSlider.activeBackground
scrollbarSlider.background
scrollbarSlider.hoverBackground
selection.background
sideBar.background
sideBar.border
sideBar.foreground
sideBarSectionHeader.background
sideBarTitle.foreground
statusBar.background
statusBar.debuggingBackground
statusBar.noFolderBackground
statusBarItem.activeBackground
statusBarItem.hoverBackground
statusBarItem.prominentBackground
statusBarItem.prominentHoverBackground
tab.activeBackground
tab.activeForeground
tab.inactiveBackground
tab.inactiveForeground
terminal.ansiBlue
terminal.ansiBrightBlue
terminal.ansiBrightCyan
terminal.ansiBrightGreen
terminal.ansiBrightMagenta
terminal.ansiBrightRed
terminal.ansiBrightYellow
terminal.ansiCyan
terminal.ansiGreen
terminal.ansiMagenta
terminal.ansiRed
terminal.ansiYellow
terminalCursor.background
terminalCursor.foreground
titleBar.activeBackground
walkThrough.embeddedEditorBackground
widget.shadow

tokenColors

Foregrounds this theme assigns to the token scope catalog. A rule with only a font style is skipped, and a longer matching scope wins. Italic and bold rules are not listed — the preview above shows them in the code.

scopeHEXRGBRGBA
comment
LIGHT_0——
comment.block
LIGHT_0——
comment.block.documentation
LIGHT_0——
comment.line
LIGHT_0——
constant
RED——
constant.character
PURPLE——
constant.character.escape
PURPLE——
constant.numeric
ORANGE——
constant.numeric.integer
ORANGE——
constant.numeric.float
ORANGE——
constant.numeric.hex
ORANGE——
constant.numeric.octal
ORANGE——
constant.other
PURPLE——
constant.other.placeholder
PURPLE——
entity
TEAL——
entity.name
ORANGE——
entity.name.class
ORANGE——
entity.name.function
TEAL——
entity.name.method
ORANGE——
entity.name.namespace
ORANGE——
entity.name.section
ORANGE——
entity.name.selector
ORANGE——
entity.name.tag
RED——
entity.name.type
ORANGE——
entity.name.type.enum
ORANGE——
entity.name.type.interface
ORANGE——
entity.name.type.struct
ORANGE——
entity.other
PURPLE——
entity.other.attribute-name
PURPLE——
entity.other.inherited-class
TEAL——
invalid
RED——
invalid.deprecated
ORANGE——
invalid.illegal
RED——
keyword
PURPLE——
keyword.control
PURPLE——
keyword.control.flow
PURPLE——
keyword.operator
CORAL——
keyword.operator.new
PURPLE——
keyword.operator.assignment
CORAL——
keyword.operator.arithmetic
CORAL——
keyword.operator.logical
CORAL——
keyword.other
PURPLE——
markup
ORANGE——
markup.changed
ORANGE——
markup.deleted
RED——
markup.inline.raw
PURPLE——
markup.inserted
MINT——
markup.list
MINT——
markup.list.numbered
MINT——
markup.underline
BLUE——
markup.underline.link
BLUE——
meta
BLUE——
meta.function-call
BLUE——
punctuation.definition.bracket
TEAL——
punctuation.definition.comment
LIGHT_0——
punctuation.definition.string.begin
TEAL——
punctuation.definition.string.end
TEAL——
punctuation.separator
LIGHT_0——
punctuation.separator.continuation
LIGHT_0——
punctuation.terminator
LIGHT_0——
storage
RED——
storage.modifier
RED——
storage.type
PURPLE——
string
MINT——
string.interpolated
MINT——
string.other
MINT——
string.quoted
MINT——
string.quoted.double
MINT——
string.quoted.other
MINT——
string.quoted.single
MINT——
string.quoted.triple
MINT——
string.regexp
MINT——
string.template
MINT——
string.unquoted
LIGHT_1——
support
LIGHT_1——
support.class
BLUE——
support.constant
PURPLE——
support.function
BLUE——
support.type
BLUE——
support.type.primitive
BLUE——
support.type.property-name
LIGHT_1——
variable
BLUE——
variable.function
BLUE——
variable.language
RED——
variable.other
TEAL——
variable.parameter
ORANGE——