Skip to main content
Coding Theme

VS Code preview

Full workbench mockup using this variant's colors and tokenColors.

Loading...

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
#D4D4D4
comment#5A5A5A
string#91B859
constant.numeric#F77669
constant.language#F77669
constant.character, constant.other#F77669
variable#B2CCD6
keyword#C792EA
storage#C792EA
storage.type#C792EA
entity.name.class#FFCB6B
entity.other.inherited-class#91B859
entity.name.function#82AAFF
variable.parameter
entity.name.tag#FF5370
entity.other.attribute-name#FFCB6B
support.function#82AAFF
support.constant#89DDFF
support.type, support.class#FFCB6B
support.other.variable
invalid#F8F8F0
invalid.deprecated#F8F8F0
markup.quote#F77669
markup.bold, markup.italic#F77669
markup.inline.raw#F1E655
markup.heading.setext#ddbb88
meta.toc-list.id, meta.attribute-with-value.id punctuation.definition.string.begin.html, meta.attribute-with-value.id punctuation.definition.string.end.html#7DC9E3
meta.property-name, support.type.property-name#80CBC4
keyword.other.unit#FFEB95
variable.language.this.js#FFCB6B
support.type#FFEB95
variable.css#B7E1DF
meta.selector#FFCB6B
support.type.property-name.variable#CEF2EF
string.quoted#B0CD89

Shiki preview

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

Loading...

Material Syntax - Dark - Coding Theme