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
#dcdcde
variable.parameter.function#dcdcde
comment, punctuation.definition.comment#818284
punctuation.definition.string, punctuation.definition.variable, punctuation.definition.string, punctuation.definition.parameters, punctuation.definition.string, punctuation.definition.array#dcdcde
none#dcdcde
keyword.operator#dcdcde
keyword, keyword.control#8174aa
variable#e82536
entity.name.function, meta.require, support.function.any-method#1da0cf
meta.class, support.class, entity.name.class, entity.name.type.class#fed243
keyword.other.special-method#1da0cf
storage#8174aa
support.function#28a596
string, constant.other.symbol, entity.other.inherited-class#59ae52
constant.numeric#e68539
none#e68539
none#e68539
constant#e68539
entity.name.tag#e82536
entity.other.attribute-name#e68539
entity.other.attribute-name.id, punctuation.definition.entity#1da0cf
meta.selector#8174aa
none#e68539
markup.heading punctuation.definition.heading, entity.name.section#1da0cf
keyword.other.unit#e68539
markup.bold, punctuation.definition.bold#fed243bold
markup.italic, punctuation.definition.italic#8174aaitalic
markup.raw.inline#59ae52
string.other.link#e82536
meta.link#e68539
markup.list#e82536
markup.quote#e68539
meta.separator#dcdcde
markup.inserted#59ae52
markup.deleted#e82536
markup.changed#8174aa
constant.other.color#28a596
string.regexp#28a596
constant.character.escape#28a596
punctuation.section.embedded, variable.interpolation#c28851
invalid.illegal#000000

Shiki preview

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

Loading...