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.

  • editor.background#fff
  • editor.foreground#000
  • list.activeSelectionIconForeground#fff

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#669966
comment.block.preprocessor#333
comment.documentation, comment.block.documentation#333
invalid.illegal#333
support.type.property-name.json#667f99
meta.structure.dictionary.value.json string.quoted.double#000
meta.structure.dictionary.json meta.structure.dictionary.value constant.language#000
keyword.operator#000
keyword, storage#666699
storage.type, support.type#666699
constant.language, support.constant, variable.language#666699
variable, support.variable#667f99
entity.name.function, support.function#996699
entity.name.type, entity.other.inherited-class, support.class#667f99
entity.name.exception#333
entity.name.sectionbold
constant.numeric, constant.character, constant#7f667f
string#000
constant.character.escape#333
string.regexp#333
constant.other.symbol#333
punctuation#000
meta.tag.sgml.doctype, meta.tag.sgml.doctype string, meta.tag.sgml.doctype entity.name.tag, meta.tag.sgml punctuation.definition.tag.html#333
meta.tag, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html#000
entity.name.tag#667f99
meta.tag entity.other.attribute-name, entity.other.attribute-name.html#666699
constant.character.entity, punctuation.definition.entity#000
meta.selector, meta.selector entity, meta.selector entity punctuation, entity.name.tag.css#667f99
meta.property-name, support.type.property-name#000
meta.property-value, meta.property-value constant.other, support.constant.property-value#996699
keyword.other.important
markup.changed#333
markup.deleted#333
markup.italicitalic
markup.error#333
markup.inserted#333
meta.link#333
markup.output, markup.raw#333
markup.prompt#333
markup.heading#333
markup.boldbold
markup.traceback#333
markup.underlineunderline
markup.quote#333
markup.list#333
markup.bold, markup.italic#333
markup.inline.raw#333
meta.diff.range, meta.diff.index, meta.separator#333
meta.diff.header.from-file#333
meta.diff.header.to-file#333