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
#c7c5b6
variable.parameter.function#c7c5b6
comment, punctuation.definition.comment#74736a
punctuation.definition.string, punctuation.definition.variable, punctuation.definition.string, punctuation.definition.parameters, punctuation.definition.string, punctuation.definition.array#c7c5b6
none#c7c5b6
keyword.operator#c7c5b6
keyword, keyword.control#b65098
variable#e62437
entity.name.function, meta.require, support.function.any-method#196fb3
meta.class, support.class, entity.name.class, entity.name.type.class#fdca42
keyword.other.special-method#196fb3
storage#b65098
support.function#8dd2dd
string, constant.other.symbol, entity.other.inherited-class#25a96a
constant.numeric#f38e59
none#f38e59
none#f38e59
constant#f38e59
entity.name.tag#e62437
entity.other.attribute-name#f38e59
entity.other.attribute-name.id, punctuation.definition.entity#196fb3
meta.selector#b65098
none#f38e59
markup.heading punctuation.definition.heading, entity.name.section#196fb3
keyword.other.unit#f38e59
markup.bold, punctuation.definition.bold#fdca42bold
markup.italic, punctuation.definition.italic#b65098italic
markup.raw.inline#25a96a
string.other.link#e62437
meta.link#f38e59
markup.list#e62437
markup.quote#f38e59
meta.separator#c7c5b6
markup.inserted#25a96a
markup.deleted#e62437
markup.changed#b65098
constant.other.color#8dd2dd
string.regexp#8dd2dd
constant.character.escape#8dd2dd
punctuation.section.embedded, variable.interpolation#8a653f
invalid.illegal#000000

Shiki preview

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

Loading...