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
editor.background
editor.foreground
editor.lineHighlightBackground
editorBracketMatch.background
editorBracketMatch.border
editorGroupHeader.tabsBackground
editorGroupHeader.tabsBorder
editorIndentGuide.background
editorLineNumber.foreground
focusBorder
inputOption.activeBorder
scrollbar.shadow
sideBar.background
sideBar.border
sideBar.foreground
sideBarSectionHeader.background
sideBarSectionHeader.foreground
sideBarTitle.foreground
statusBar.background
statusBar.border
statusBar.debuggingBackground
statusBar.debuggingForeground
statusBar.foreground
statusBar.noFolderBackground
statusBar.noFolderForeground
tab.activeBackground
tab.activeBorder
tab.border
tab.inactiveBackground
tab.inactiveForeground
titleBar.activeBackground
titleBar.border

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
keyword.operator.accessor, meta.group.braces.round.function.arguments, meta.template.expression, markup.fenced_code meta.embedded.block#24292eff—
emphasis—italic
strong, markup.heading.markdown, markup.bold.markdown—bold
markup.italic.markdown—italic
meta.link.inline.markdown#005cc5underline
comment, markup.fenced_code, markup.inline#29c7ac—
string#032f62—
constant.numeric, constant.language, variable.language.this, variable.other.class, variable.other.constant, meta.property-name, meta.property-value, support#005cc5—
keyword, storage.modifier, storage.type, storage.control.clojure, entity.name.function.clojure, support.function.node, support.type.property-name.json, punctuation.separator.key-value, punctuation.definition.template-expression#f64b3c—
variable.parameter.function#E27F2D—
entity.name.type, entity.other.inherited-class, meta.function-call, meta.instance.constructor, entity.other.attribute-name, entity.name.function, constant.keyword.clojure#916dd5—
string.quoted, string.template, string.regexp, string.interpolated, keyword.other.template#f76a8c—
token.info-token, entity.name.tag#316bcd—
token.warn-token#cd9731—
token.error-token, invalid#cd3131—
token.debug-token#800080—
markup.inserted#22863a—
markup.deleted#d73a49—
markup.changed#005cc5—
meta.diff.header#6a737d—