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#9d3293
variable#f0523f
entity.name.function, meta.require, support.function.any-method#0068b3
meta.class, support.class, entity.name.class, entity.name.type.class#ffd204
keyword.other.special-method#0068b3
storage#9d3293
support.function#41c4dd
string, constant.other.symbol, entity.other.inherited-class#8dc63f
constant.numeric#f89829
none#f89829
none#f89829
constant#f89829
entity.name.tag#f0523f
entity.other.attribute-name#f89829
entity.other.attribute-name.id, punctuation.definition.entity#0068b3
meta.selector#9d3293
none#f89829
markup.heading punctuation.definition.heading, entity.name.section#0068b3
keyword.other.unit#f89829
markup.bold, punctuation.definition.bold#ffd204bold
markup.italic, punctuation.definition.italic#9d3293italic
markup.raw.inline#8dc63f
string.other.link#f0523f
meta.link#f89829
markup.list#f0523f
markup.quote#f89829
meta.separator#c0c0c0
markup.inserted#8dc63f
markup.deleted#f0523f
markup.changed#9d3293
constant.other.color#41c4dd
string.regexp#41c4dd
constant.character.escape#41c4dd
punctuation.section.embedded, variable.interpolation#cf7019
invalid.illegal#000000

Shiki preview

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

Loading...