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
badge.background
badge.foreground
debugToolBar.background
diffEditor.insertedTextBackground
diffEditor.removedTextBackground
dropdown.background
dropdown.listBackground
editor.background
editor.foreground
editor.inactiveSelectionBackground
editor.selectionBackground
editor.selectionHighlightBackground
editor.wordHighlightBackground
editor.wordHighlightStrongBackground
editorCursor.foreground
editorGroup.border
editorGroup.dropBackground
editorGroupHeader.tabsBackground
editorHoverWidget.background
editorHoverWidget.border
editorIndentGuide.activeBackground
editorIndentGuide.background
editorLineNumber.activeForeground
editorLineNumber.foreground
editorSuggestWidget.background
editorSuggestWidget.border
editorWhitespace.foreground
editorWidget.background
focusBorder
input.placeholderForeground
inputOption.activeBackground
inputOption.activeBorder
inputValidation.errorBackground
inputValidation.errorBorder
inputValidation.infoBackground
inputValidation.infoBorder
inputValidation.warningBackground
inputValidation.warningBorder
list.activeSelectionBackground
list.dropBackground
list.highlightForeground
list.hoverBackground
list.inactiveSelectionBackground
menu.background
menu.foreground
minimap.selectionHighlight
panel.border
panelTitle.activeBorder
panelTitle.activeForeground
panelTitle.inactiveForeground
peekView.border
peekViewEditor.background
peekViewEditor.matchHighlightBackground
peekViewResult.background
peekViewResult.matchHighlightBackground
peekViewResult.selectionBackground
peekViewTitle.background
progressBar.background
selection.background
settings.focusedRowBackground
sideBar.background
sideBarSectionHeader.background
sideBarSectionHeader.border
sideBarSectionHeader.foreground
sideBarTitle.foreground
statusBar.background
statusBar.debuggingBackground
statusBar.foreground
statusBarItem.remoteBackground
statusBarItem.remoteForeground
tab.inactiveBackground
tab.inactiveForeground
tab.lastPinnedBorder
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
titleBar.activeBackground
widget.shadow

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
meta.embedded, source.groovy.embedded#D4D4D4—
emphasis—italic
strong—bold
header#000080—
constant.regexp#646695—
entity.other.attribute-name.class.css, entity.other.attribute-name.class.mixin.css#d7ba7d—
punctuation.definition.quote.begin.markdown#6A9955—
punctuation.definition.tag#808080—
meta.preprocessor, entity.name.function.preprocessor#569cd6—
meta.preprocessor.string#ce9178—
meta.preprocessor.numeric#b5cea8—
meta.structure.dictionary.key.python#9cdcfe—
storage.modifier, keyword.operator.noexcept#569cd6—
string.tag#ce9178—
string.value#eeff05—
string.regexp#d16969—
variable.css, variable.scss, variable.other.less, source.coffee.embedded#9cdcfe—
keyword.control#4f7eff—
keyword.operator.new, keyword.operator.expression, keyword.operator.cast, keyword.operator.sizeof, keyword.operator.alignof, keyword.operator.typeid, keyword.operator.alignas, keyword.operator.instanceof, keyword.operator.logical.python, keyword.operator.wordlike#569cd6—
punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php#569cd6—
support.function.git-rebase#9cdcfe—
constant.sha.git-rebase#b5cea8—
storage.modifier.import.java, variable.language.wildcard.java, storage.modifier.package.java#d4d4d4—
support.constant.handlebars, source.powershell variable.other.member, entity.name.operator.custom-literal#DCDCAA—
meta.type.cast.expr, meta.type.new.expr, support.constant.math, support.constant.dom, support.constant.json#4EC9B0
source.cpp keyword.operator.new, keyword.operator.delete, keyword.other.using, keyword.other.operator, entity.name.operator#C586C0—
variable, meta.definition.variable.name, support.variable, entity.name.variable#9CDCFE—
meta.object-literal.key#9CDCFE—
support.constant.property-value, support.constant.font-name, support.constant.media-type, support.constant.media, constant.other.color.rgb-value, constant.other.rgb-value, support.constant.color#CE9178—
punctuation.definition.group.regexp, punctuation.definition.group.assertion.regexp, punctuation.definition.character-class.regexp, punctuation.character.set.begin.regexp, punctuation.character.set.end.regexp, keyword.operator.negation.regexp, support.other.parenthesis.regexp#CE9178—
constant.character.character-class.regexp, constant.other.character-class.set.regexp, constant.other.character-class.regexp, constant.character.set.regexp#d16969—
keyword.operator.or.regexp, keyword.control.anchor.regexp#DCDCAA—
keyword.operator.quantifier.regexp#d7ba7d—
constant.character, constant.other#b94fff—
constant.character.escape#d7ba7d—
entity.name.label#C8C8C8—
meta.embedded, source.groovy.embedded#F8F8F2—
comment#6A9955—
string, meta.embedded.assembly#E6DB74—
punctuation.definition.template-expression, punctuation.section.embedded#ffA500—
meta.template.expression#d4d4d4—
constant.numeric, variable.other.constant, variable.other.enummember, keyword.operator.plus.exponent, keyword.operator.minus.exponent#b94fff—
constant.language#b94fff—
keyword#F92672—
storage#F92672
storage.type#66D9EFitalic
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution#4EC9B0italic
entity.other.inherited-class#2ee22eitalic
entity.name.function#2ee22e
variable.parameter#FD971Fitalic
entity.name.tag#F92672
entity.other.attribute-name#2ee22e
support.function#66D9EF
support.constant#66D9EF
support.type, support.class#66D9EFitalic
support.other.variable—
invalid#F44747
invalid.deprecated#F44747—
meta.structure.dictionary.json string.quoted.double.json#CFCFC2—
meta.diff, meta.diff.header#75715E—
markup.deleted#F92672—
markup.inserted#2ee22e—
markup.changed#E6DB74—
constant.numeric.line-number.find-in-files - match#b94fffA0—
entity.name.filename.find-in-files#E6DB74—
markup.quote#F92672—
markup.list#E6DB74—
markup.bold, markup.italic#66D9EF—
markup.inline.raw#FD971F
markup.heading#2ee22e—
markup.heading.setext#2ee22ebold
markup.heading.markdown—bold
markup.quote.markdown#75715Eitalic
markup.bold.markdown—bold
string.other.link.title.markdown,string.other.link.description.markdown#b94fff—
markup.underline.link.markdown,markup.underline.link.image.markdown#E6DB74—
markup.italic.markdown—italic
markup.list.unnumbered.markdown, markup.list.numbered.markdown#f8f8f2—
punctuation.definition.list.begin.markdown#2ee22e—
token.info-token#6796e6—
token.warn-token#cd9731—
token.error-token#f44747—
token.debug-token#b267e6—
variable.language#FD971F—