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
editor.background
editor.findMatchBackground
editor.findMatchHighlightBackground
editor.foreground
editor.hoverHighlightBackground
editor.inactiveSelectionBackground
editor.lineHighlightBackground
editor.selectionBackground
editor.selectionHighlightBackground
editor.wordHighlightBackground
editor.wordHighlightStrongBackground
editorLineNumber.activeForeground
editorLineNumber.foreground

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
keyword.other.important—bold
meta.property-name, support.type.property-name#AB6526—
meta.property-value constant.other, meta.property-value, support.constant.property-value#448C27—
entity.name.tag.css, meta.selector entity punctuation, meta.selector entity, meta.selector#7A3E9D—
entity.name.type, entity.other.inherited-class, support.class#ffaa00
comment, punctuation.definition.comment#bbbbbb
comment.block.documentation, comment.documentation#448C27—
comment.block.preprocessor#bbbbbb
entity.name.exception#660000—
meta.diff.header.from-file#434343—
meta.diff.index, meta.diff.range, meta.separator#434343—
meta.diff.header.to-file#434343—
entity.name.function, support.function#ffaa00
entity.other.attribute-name.html, meta.tag entity.other.attribute-name#33aaee
meta.tag.sgml punctuation.definition.tag.html, meta.tag.sgml.doctype entity.name.tag, meta.tag.sgml.doctype string, meta.tag.sgml.doctype#AAAAAA—
constant.character.entity, punctuation.definition.entity#AB6526—
entity.name.tag#4B83CD—
meta.tag, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, punctuation.definition.tag.html#999999—
invalid.illegal#660000—
keyword, storage#0099ff—
constant.language, support.constant, variable.language#ff8866—
markup.inline.raw#AB6526
markup.list#4B83CD—
markup.quote#7A3E9D—
markup.bold, markup.italic#448C27—
markup.changed#000000—
markup.deleted#000000—
markup.italic—italic
markup.error#660000—
markup.heading#AA3731—
markup.inserted#000000—
meta.link#4B83CD—
markup.output, markup.raw#777777—
markup.prompt#777777—
markup.bold—bold
markup.traceback#660000—
markup.underline—underline
punctuation.definition.list, punctuation.definition.list.begin, punctuation.definition.list.end, punctuation.separator.arguments#999999—
constant, constant.character, constant.numeric#ff8866—
keyword.operator#777777—
punctuation.definition.parameters#999999—
punctuation.definition.string#8855ff—
punctuation#999999—
entity.name.section—
string#8855ff—
constant.character.escape#777777—
string.regexp#4B83CD—
constant.other.symbol#AB6526—
storage.type, support.type#00bbcc—
support.variable, variable#666666—