Skip to main content
CodingTheme

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#eceef1
  • editor.foreground#34314c

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#AAAAAAitalic bold
comment.block.preprocessor#AAAAAA
comment.documentation, comment.block.documentation#448C27
invalid.illegal#660000
keyword.operator#777777
keyword, storage#30A9DEbold
storage.type, support.type#FF6347bold
constant.language, support.constant, variable.language#3fcc4bbold
variable, support.variable#FF6347italic bold
entity.name.function, support.function#9370DBbold
entity.name.type, entity.other.inherited-class, support.class#9370DBbold
entity.name.exception#660000
entity.name.sectionbold
constant.numeric, constant.character, constant#1E90FFbold
string#30A9DEbold
constant.character.escape#777777
string.regexp#4B83CD
constant.other.symbol#AB6526
punctuation#35413F
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#1758ad
entity.name.tag#4281d4bold
meta.tag entity.other.attribute-name, entity.other.attribute-name.html#eb572aitalic
constant.character.entity, punctuation.definition.entity#eb572abold
meta.selector, meta.selector entity, meta.selector entity punctuation, entity.name.tag.css#248b7ebold
meta.property-name, support.type.property-name#ee4d0dbold
meta.property-value, meta.property-value constant.other, support.constant.property-value#098171bold
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#4f83f3
markup.boldbold
markup.traceback#660000
markup.underlineunderline
markup.quote#866f94bold
markup.list#4B83CDbold
markup.bold, markup.italic#f37e4fbold
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...