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
#c0c0c0
variable.parameter.function#c0c0c0
comment, punctuation.definition.comment#505050
punctuation.definition.string, punctuation.definition.variable, punctuation.definition.string, punctuation.definition.parameters, punctuation.definition.string, punctuation.definition.array#c0c0c0
none#c0c0c0
keyword.operator#c0c0c0
keyword, keyword.control#ce80a9
variable#d83431
entity.name.function, meta.require, support.function.any-method#0073ab
meta.class, support.class, entity.name.class, entity.name.type.class#d5ae34
keyword.other.special-method#0073ab
storage#ce80a9
support.function#5eb5d8
string, constant.other.symbol, entity.other.inherited-class#15a65a
constant.numeric#e98f3a
none#e98f3a
none#e98f3a
constant#e98f3a
entity.name.tag#d83431
entity.other.attribute-name#e98f3a
entity.other.attribute-name.id, punctuation.definition.entity#0073ab
meta.selector#ce80a9
none#e98f3a
markup.heading punctuation.definition.heading, entity.name.section#0073ab
keyword.other.unit#e98f3a
markup.bold, punctuation.definition.bold#d5ae34bold
markup.italic, punctuation.definition.italic#ce80a9italic
markup.raw.inline#15a65a
string.other.link#d83431
meta.link#e98f3a
markup.list#d83431
markup.quote#e98f3a
meta.separator#c0c0c0
markup.inserted#15a65a
markup.deleted#d83431
markup.changed#ce80a9
constant.other.color#5eb5d8
string.regexp#5eb5d8
constant.character.escape#5eb5d8
punctuation.section.embedded, variable.interpolation#934524
invalid.illegal#000000

Shiki preview

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

Loading...