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#ffffff
  • editor.foreground#999999
  • list.activeSelectionIconForeground#fff

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#00ff55
comment.block.preprocessor#00ff55
comment.documentation, comment.block.documentation#00ff55
invalid.illegal#00ff55
keyword.operator#cccccc
keyword, storage#884dff
storage.type, support.type#884dff
constant.language, support.constant, variable.language#ffaa00
variable, support.variable#ff00aa
entity.name.function, support.function#ffaa00
entity.name.type, entity.other.inherited-class#ffb54d
entity.name.exception#999999
entity.name.section#999999
constant.numeric, constant.character, constant#14b89d
string#20df20
constant.character.escape#999999
string.regexp#999999
constant.other.symbol#999999
punctuation#cccccc
meta.tag.sgml.doctype, meta.tag.sgml.doctype string, meta.tag.sgml.doctype entity.name.tag, meta.tag.sgml punctuation.definition.tag.html#999999
meta.tag, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html#999999
entity.name.tag#ffb54d
meta.tag entity.other.attribute-name, entity.other.attribute-name.html#ff884d
constant.character.entity, punctuation.definition.entity#ff884d
meta.selector, meta.selector entity, meta.selector entity punctuation, entity.name.tag.css#ffaa00
meta.property-name, support.type.property-name#ff884d
meta.property-value, meta.property-value constant.other, support.constant.property-value#ffaa00
keyword.other.important
markup.changed#ffaa00
markup.deleted#ffaa00
markup.italicitalic
markup.error#ff0055
markup.inserted#884dff
meta.link#884dff
markup.output, markup.raw#884dff
markup.prompt#884dff
markup.heading#884dff
markup.bold
markup.traceback#884dff
markup.underlineunderline
markup.quote#884dff
markup.list#884dff
markup.bold, markup.italic#884dff
markup.inline.raw#884dff
meta.diff.range, meta.diff.index, meta.separator#884dff
meta.diff.header.from-file#884dff
meta.diff.header.to-file#884dff