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
activityBar.background
activityBar.foreground
editor.background
editor.foreground
editor.lineHighlightBackground
editorGroupHeader.tabsBackground
editorLineNumber.foreground
list.activeSelectionBackground
list.activeSelectionForeground
list.activeSelectionIconForeground
list.hoverBackground
list.inactiveSelectionBackground
list.inactiveSelectionForeground
sideBar.background
sideBar.foreground
statusBar.background
statusBar.debuggingBackground
statusBar.debuggingForeground
statusBar.foreground
tab.activeBackground
tab.activeForeground
tab.inactiveBackground
tab.inactiveForeground
titleBar.activeBackground
titleBar.inactiveBackground

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#dc90a5italic
string#b090dc—
invalid.illegal#FF5733cc—
keyword.operator#7f95a1—
keyword, storage#7f95a1bold
storage.type, support.type#7f95a1—
constant.language, support.constant, variable.language#7f95a1—
variable, support.variable#7f95a1—
entity.name.function, support.function#7f95a1bold
entity.name.type, entity.other.inherited-class, support.class#7f95a1bold
entity.name.exception#FF5733cc—
entity.name.section#7f95a1bold
constant.numeric, constant.character, constant#7f95a1—
constant.character.escape#7f95a1—
string.regexp#b090dc—
constant.other.symbol#b090dc—
punctuation#7f95a1—
markup.quote#b090dc—
markup.inline.raw#b090dcitalic