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
#c2baaa
variable.parameter.function#c2baaa
comment, punctuation.definition.comment#968e83
punctuation.definition.string, punctuation.definition.variable, punctuation.definition.string, punctuation.definition.parameters, punctuation.definition.string, punctuation.definition.array#c2baaa
none#c2baaa
keyword.operator#c2baaa
keyword, keyword.control#994493
variable#e8424a
entity.name.function, meta.require, support.function.any-method#186eb1
meta.class, support.class, entity.name.class, entity.name.type.class#fdd24b
keyword.other.special-method#186eb1
storage#994493
support.function#81bd51
string, constant.other.symbol, entity.other.inherited-class#219b5c
constant.numeric#f0813b
none#f0813b
none#f0813b
constant#f0813b
entity.name.tag#e8424a
entity.other.attribute-name#f0813b
entity.other.attribute-name.id, punctuation.definition.entity#186eb1
meta.selector#994493
none#f0813b
markup.heading punctuation.definition.heading, entity.name.section#186eb1
keyword.other.unit#f0813b
markup.bold, punctuation.definition.bold#fdd24bbold
markup.italic, punctuation.definition.italic#994493italic
markup.raw.inline#219b5c
string.other.link#e8424a
meta.link#f0813b
markup.list#e8424a
markup.quote#f0813b
meta.separator#c2baaa
markup.inserted#219b5c
markup.deleted#e8424a
markup.changed#994493
constant.other.color#81bd51
string.regexp#81bd51
constant.character.escape#81bd51
punctuation.section.embedded, variable.interpolation#ae7029
invalid.illegal#221f1f

Shiki preview

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

Loading...