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
#bcbcbd
variable.parameter.function#bcbcbd
comment, punctuation.definition.comment#939395
punctuation.definition.string, punctuation.definition.variable, punctuation.definition.string, punctuation.definition.parameters, punctuation.definition.string, punctuation.definition.array#bcbcbd
none#bcbcbd
keyword.operator#bcbcbd
keyword, keyword.control#8179b0
variable#c1001f
entity.name.function, meta.require, support.function.any-method#24a6e0
meta.class, support.class, entity.name.class, entity.name.type.class#eec200
keyword.other.special-method#24a6e0
storage#8179b0
support.function#b6cc71
string, constant.other.symbol, entity.other.inherited-class#77aa38
constant.numeric#dc931a
none#dc931a
none#dc931a
constant#dc931a
entity.name.tag#c1001f
entity.other.attribute-name#dc931a
entity.other.attribute-name.id, punctuation.definition.entity#24a6e0
meta.selector#8179b0
none#dc931a
markup.heading punctuation.definition.heading, entity.name.section#24a6e0
keyword.other.unit#dc931a
markup.bold, punctuation.definition.bold#eec200bold
markup.italic, punctuation.definition.italic#8179b0italic
markup.raw.inline#77aa38
string.other.link#c1001f
meta.link#dc931a
markup.list#c1001f
markup.quote#dc931a
meta.separator#bcbcbd
markup.inserted#77aa38
markup.deleted#c1001f
markup.changed#8179b0
constant.other.color#b6cc71
string.regexp#b6cc71
constant.character.escape#b6cc71
punctuation.section.embedded, variable.interpolation#6f141e
invalid.illegal#1f1e21

Shiki preview

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

Loading...