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
#c9c9c9
variable.parameter.function#c9c9c9
comment, punctuation.definition.comment#838080
punctuation.definition.string, punctuation.definition.variable, punctuation.definition.string, punctuation.definition.parameters, punctuation.definition.string, punctuation.definition.array#c9c9c9
none#c9c9c9
keyword.operator#c9c9c9
keyword, keyword.control#b41e8e
variable#ed1c24
entity.name.function, meta.require, support.function.any-method#00529f
meta.class, support.class, entity.name.class, entity.name.type.class#ffd400
keyword.other.special-method#00529f
storage#b41e8e
support.function#0092b9
string, constant.other.symbol, entity.other.inherited-class#009854
constant.numeric#fbaa33
none#fbaa33
none#fbaa33
constant#fbaa33
entity.name.tag#ed1c24
entity.other.attribute-name#fbaa33
entity.other.attribute-name.id, punctuation.definition.entity#00529f
meta.selector#b41e8e
none#fbaa33
markup.heading punctuation.definition.heading, entity.name.section#00529f
keyword.other.unit#fbaa33
markup.bold, punctuation.definition.bold#ffd400bold
markup.italic, punctuation.definition.italic#b41e8eitalic
markup.raw.inline#009854
string.other.link#ed1c24
meta.link#fbaa33
markup.list#ed1c24
markup.quote#fbaa33
meta.separator#c9c9c9
markup.inserted#009854
markup.deleted#ed1c24
markup.changed#b41e8e
constant.other.color#0092b9
string.regexp#0092b9
constant.character.escape#0092b9
punctuation.section.embedded, variable.interpolation#745d32
invalid.illegal#221f1f

Shiki preview

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

Loading...