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.activeBackground
activityBar.activeBorder
activityBar.background
activityBar.border
activityBar.dropBackground
activityBar.foreground
activityBar.inactiveForeground
editor.background
editor.foreground
editor.hoverHighlightBackground
editor.selectionBackground
editor.selectionHighlightBackground
editor.wordHighlightBackground
editor.wordHighlightStrongBackground
editorGutter.background
editorIndentGuide.background
editorLineNumber.activeForeground
editorLineNumber.foreground
gitDecoration.addedResourceForeground
gitDecoration.ignoredResourceForeground
gitDecoration.modifiedResourceForeground
gitDecoration.untrackedResourceForeground
list.activeSelectionBackground
list.warningForeground
minimap.background
sideBar.background
sideBar.border
sideBar.foreground
sideBarSectionHeader.background
sideBarSectionHeader.border
sideBarSectionHeader.foreground
sideBarTitle.foreground
statusBar.background
statusBar.debuggingBackground
statusBar.foreground
statusBar.noFolderBackground
tab.activeBorderTop
tab.activeForeground
tab.border
tab.inactiveBackground
tab.inactiveForeground
tab.inactiveModifiedBorder
terminal.ansiBlack
terminal.ansiBlue
terminal.ansiBrightGreen
terminal.ansiCyan
terminal.ansiGreen
terminal.ansiMagenta
terminal.ansiRed
terminal.ansiYellow
terminal.background
terminal.foreground
tree.indentGuidesStroke

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#AAAAAAitalic
comment.block.preprocessor#AAAAAA
comment.documentation, comment.block.documentation#2F9080—
comment.block#2F9080—
comment.line#2f67b1italic
invalid.illegal#660000—
keyword.operator#A71D5D—
keyword, storage#D32674bold
entity.name.type.class#4105ED—
storage.type, support.type#181FA7italic
constant.language, support.constant, variable.language#007A01—
variable, support.variable#111—
variable.other.property#4b00ad—
entity.name.function, support.function#A71D5D—
entity.name.type, entity.other.inherited-class, support.class, storage.modifier.import, storage.modifier.package#181FA7
storage.type.annotation#00A29Abold italic
entity.name.exception#ce1100—
entity.name.section—bold
constant.numeric, constant.character, constant#007A01—
string#0076D6—
constant.character.escape#777777—
string.regexp#0086B3—
constant.other.symbol, keyword.other.unit#0086B3—
punctuation#777777—
meta.tag.sgml.doctype, meta.tag.sgml.doctype string, meta.tag.sgml.doctype entity.name.tag, meta.tag.sgml punctuation.definition.tag.html#AAAAAA—
meta.tag, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html#087ba8—
entity.name.tag#A71D5D—
meta.tag entity.other.attribute-name, entity.other.attribute-name.html#181FA7italic
constant.character.entity, punctuation.definition.entity#00ad82—
meta.selector, meta.selector entity, meta.selector entity punctuation, entity.name.tag.css#D32674bold
meta.property-name, support.type.property-name#7A3E9Dbold italic
meta.property-value, meta.property-value constant.other, support.constant.property-value#448C27—
keyword.other.important—bold
markup.changed#000000—
markup.deleted#000000—
markup.italic—italic
markup.error#660000—
markup.inserted#000000—
meta.link#9A5Cff—
markup.output, markup.raw#777777—
markup.prompt#777777—
markup.heading#4B00AD—
markup.bold—bold
markup.traceback#A71D5D—
markup.underline—underline
markup.quote#7A3E9D—
markup.list#087BA8—
markup.bold, markup.italic#D32674—
markup.inline.raw#A71D5D
markup.fenced_code.block#eb5600
meta.diff.range, meta.diff.index, meta.separator#434343—
meta.diff.header.from-file#434343—
meta.diff.header.to-file#434343—
ThemeDatabase All Themes by enes ozturk - VS Code Theme