Skip to main content
CodingTheme

Color themes

VS Code preview

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

Loading...

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
#938c6c
comment#524f45ffitalic
string, support.constant.font-name#50744cff
constant.numeric, keyword.other.unit#4d708aff
constant.language, entity.other.attribute-name.id#9f3232ffbold
constant.character, constant.other#7752b8ff
variable, support.constant.property-value.css#7f6c33ff
keyword, support.type.property-name, meta.property-name, support.type.vendored.property-name#9b5252ff
storage#9b2828ffbold
storage.type, entity.name.tag#887720bold
entity.name.class#a934b8ffunderline
entity.other.inherited-class#7e7e7effitalic underline
entity.name.function, entity.other.attribute-name.class#81562dffbold
variable.parameter#538080ff
entity.name.tag, punctuation.definition.tag#477382ffbold
entity.other.attribute-name#907111ff
support.function, meta.property-value, support.constant.property-value#707e28ff
support.constant, entity.other.attribute-name.pseudo-element#9344a7
support.type, support.class#815393ff
support.other.variable
invalid#aeaea3ff
invalid.deprecated#aeaea3ff
punctuation.terminator.rule, punctuation.separator.key-value#938c6c

Shiki preview

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

Loading...