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
#cee2e3
variable.parameter.function#cee2e3
comment, punctuation.definition.comment#676650 italic
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#ff9900
variable#8a71a2
entity.name.function, meta.require, support.function.any-method#4fa0df
meta.class, support.class, entity.name.class, entity.name.type.class#e7b6b6
keyword.other.special-method#4fa0df
storage#ffff95
support.function#47c266
string, constant.other.symbol, entity.other.inherited-class#00ae99
constant.numeric#fa2500
none#fa2500
none#ff00ff
constant#fa2500
entity.name.tag#8a71a2
entity.other.attribute-name#fa2500
entity.other.attribute-name.id, punctuation.definition.entity#4fa0df
meta.selector#ff9900
none#fa2500
markup.heading punctuation.definition.heading, entity.name.section#4fa0df
keyword.other.unit#fa2500
markup.bold, punctuation.definition.bold#e7b6b6bold
markup.italic, punctuation.definition.italic#ff9900italic
markup.raw.inline#00ae99
string.other.link#8a71a2
meta.link#fa2500
markup.list#8a71a2
markup.quote#fa2500
meta.separator#cee2e3
markup.inserted#00ae99
markup.deleted#8a71a2
markup.changed#ff9900
constant.other.color#47c266
string.regexp#9dd92a
constant.character.escape#374da5
punctuation.section.embedded, variable.interpolation#bd8168
invalid.illegal#323232

Shiki preview

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

Loading...