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
#d9d8d8
variable.parameter.function#d9d8d8
comment, punctuation.definition.comment#737171
punctuation.definition.string, punctuation.definition.variable, punctuation.definition.string, punctuation.definition.parameters, punctuation.definition.string, punctuation.definition.array#d9d8d8
none#d9d8d8
keyword.operator#d9d8d8
keyword, keyword.control#98005d
variable#ee2e24
entity.name.function, meta.require, support.function.any-method#009ddc
meta.class, support.class, entity.name.class, entity.name.type.class#ffd204
keyword.other.special-method#009ddc
storage#98005d
support.function#85cebc
string, constant.other.symbol, entity.other.inherited-class#00853e
constant.numeric#f386a1
none#f386a1
none#f386a1
constant#f386a1
entity.name.tag#ee2e24
entity.other.attribute-name#f386a1
entity.other.attribute-name.id, punctuation.definition.entity#009ddc
meta.selector#98005d
none#f386a1
markup.heading punctuation.definition.heading, entity.name.section#009ddc
keyword.other.unit#f386a1
markup.bold, punctuation.definition.bold#ffd204bold
markup.italic, punctuation.definition.italic#98005ditalic
markup.raw.inline#00853e
string.other.link#ee2e24
meta.link#f386a1
markup.list#ee2e24
markup.quote#f386a1
meta.separator#d9d8d8
markup.inserted#00853e
markup.deleted#ee2e24
markup.changed#98005d
constant.other.color#85cebc
string.regexp#85cebc
constant.character.escape#85cebc
punctuation.section.embedded, variable.interpolation#b06110
invalid.illegal#231f20

Shiki preview

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

Loading...