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
activityBarBadge.background
activityBarBadge.foreground
editor.background
editor.foreground
editor.lineHighlightBackground
editor.selectionBackground
editor.selectionHighlightBackground
editorCodeLens.foreground
editorCursor.foreground
editorIndentGuide.activeBackground
editorIndentGuide.background
editorLineNumber.activeForeground
editorLineNumber.foreground
editorRuler.foreground
editorWhitespace.foreground
minimap.background
panel.background
panel.border
panelTitle.activeForeground
panelTitle.inactiveForeground
scrollbarSlider.activeBackground
scrollbarSlider.background
scrollbarSlider.hoverBackground
sideBar.background
sideBar.foreground
sideBarSectionHeader.background
sideBarSectionHeader.foreground
statusBar.background
statusBar.debuggingBackground
statusBar.debuggingForeground
statusBar.foreground
statusBar.noFolderBackground
tab.activeBackground
tab.activeForeground
tab.border
tab.inactiveBackground
tab.inactiveForeground
terminal.ansiBlack
terminal.ansiBlue
terminal.ansiBrightBlack
terminal.ansiBrightBlue
terminal.ansiBrightCyan
terminal.ansiBrightGreen
terminal.ansiBrightMagenta
terminal.ansiBrightRed
terminal.ansiBrightWhite
terminal.ansiBrightYellow
terminal.ansiCyan
terminal.ansiGreen
terminal.ansiMagenta
terminal.ansiRed
terminal.ansiWhite
terminal.ansiYellow
terminal.background
terminal.foreground
titleBar.activeBackground
titleBar.activeForeground
titleBar.inactiveBackground
titleBar.inactiveForeground

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#859289italic
comment.block.preprocessor, comment.line.preprocessor#E67E80—
keyword, storage.type, storage.modifier#E67E80—
keyword.type, storage.type.primitive, support.type, entity.name.type#DBBC7F—
entity.name.function, meta.function-call, variable.function, support.function#B2C98F—
variable, variable.other, variable.parameter#D6CBB4—
support.function.builtin, support.constant.builtin, variable.language#D699B6—
constant, constant.numeric, constant.language, constant.character.escape#D699B6—
constant.numeric, constant.numeric.integer, constant.numeric.float#D699B6—
string, string.quoted, string.template#B2C98F—
string.quoted.symbol, constant.other.symbol#E69875—
keyword.operator, punctuation.separator, punctuation.terminator#7a8478—
entity.other.attribute-name, meta.attribute#D699B6bold
entity.name.tag, punctuation.definition.tag#7a8478—
entity.name, entity.other.inherited-class#DBBC7F—
entity.name.exception, support.type.exception#E67E80—
entity.name.label#E67E80—
markup.deleted, markup.deleted.diff#E67E80—
markup.inserted, markup.inserted.diff#B2C98F—
markup.heading, entity.name.section#D699B6bold
markup.heading.2, markup.heading.3, markup.heading.4, markup.heading.5, markup.heading.6#B2C98Fbold
markup.italic#6E8585—
markup.bold#D6CBB4—
invalid, invalid.illegal#252B2Ebold