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. A key in the color catalog links to its detail page.

keyHEXRGBRGBA
activeLinkForeground
background
button.background
button.foreground
button.secondaryBackground
button.secondaryBoreground
caret
currentFindMatchHighlight
editor.background
editor.foldBackground
editor.foreground
editor.selectionBackground
findMatchHighlight
findRangeHighlight
foreground
gotoDefinitionLinkForeground
guide
hoverHighlight
inactiveSelection
input.background
input.border
input.foreground
invisibles
lineHighlight
panel.background
rangeHighlight
referenceHighlight
selection
selectionHighlight
sideBar.background
sideBar.border
statusBar.background
statusBar.border
statusBar.debuggingBackground
statusBar.debuggingForeground
statusBar.foreground
statusBar.noFolderBackground
statusBarItem.activeBackground
statusBarItem.hoverBackground
statusBarItem.prominentBackground
statusBarItem.prominentHoverBackground
wordHighlight
wordHighlightStrong

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment#5C6370—
string#886624—
constant.numeric#eaca8d—
constant.language#65c1cd—
constant.character, constant.other#65c1cd—
variable#e78287
keyword#eb6d5a—
storage#eb6d5a
storage.type#eb6d5a—
entity.name.class#eaca8d—
entity.other.inherited-class#886624italic underline
entity.name.function#676b78
variable.parameter#eaca8ditalic
entity.name.tag#e78287
entity.other.attribute-name#eaca8d
support.function#65c1cd
support.constant#eaca8d
entity.other.attribute-name#c8a35a—
support.type, support.class#c8a35aitalic
support.other.variable#886624—
invalid#ff8f95
invalid.deprecated#484a53—
markup.quote#eaca8d—
markup.bold#eaca8dbold
markup.italic#eaca8ditalic
markup.inline.raw#886624—
markup.heading.setext#d190e3—