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#f5f5f5
  • editor.foreground#00a2ff

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
#333333ff
comment, punctuation.definition.comment#AAAAAAitalic
comment.block.preprocessor#AAAAAA
comment.documentation, comment.block.documentation#fc4a4a
invalid.deprecated
invalid.illegal#660000
keyword.operator#777777
keyword, storage#0278ff
storage.type, support.type#9316db
constant.language, support.constant, variable.language#e06a02bold
variable, support.variable#003f88
entity.name.function, support.function#e2008bbold
entity.name.type, entity.other.inherited-class, support.class#8600d3bold
entity.name.exception#660000
entity.name.sectionbold
constant.numeric, constant.character, constant#f57200
string#00b818
constant.character.escape#00b818
string.regexp#1c7eff
constant.other.symbol#ff7700
punctuation#ff00aabold
string source, text source
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#f00f65
entity.name.tag#f00f65
meta.tag entity.other.attribute-name, entity.other.attribute-name.html#a80041italic
constant.character.entity, punctuation.definition.entity#AB6526
meta.selector, meta.selector entity, meta.selector entity punctuation, entity.name.tag.css#7A3E9D
meta.property-name, support.type.property-name#e26a00
meta.property-value, meta.property-value constant.other, support.constant.property-value#329c09
keyword.other.importantbold
markup.changed#000000
markup.deleted#000000
markup.italicitalic
markup.error#660000
markup.inserted#000000
meta.link#4B83CD
markup.output, markup.raw#777777
markup.prompt#777777
markup.heading#AA3731
markup.boldbold
markup.traceback#660000
markup.underlineunderline
markup.quote#7A3E9D
markup.list#4B83CD
markup.bold, markup.italic#448C27
markup.inline.raw#AB6526
meta.diff.range, meta.diff.index, meta.separator#434343
meta.diff.header.from-file#434343
meta.diff.header.to-file#434343

Shiki preview

TypeScript sample highlighted with this variant's colors and tokenColors.

Loading...