Skip to main content
CodingTheme

VS Code preview

Full workbench mockup using this variant's colors and tokenColors.

Loading...

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
#a8a49d
variable.parameter.function#a8a49d
comment, punctuation.definition.comment#726e6a
punctuation.definition.string, punctuation.definition.variable, punctuation.definition.string, punctuation.definition.parameters, punctuation.definition.string, punctuation.definition.array#a8a49d
none#a8a49d
keyword.operator#a8a49d
keyword, keyword.control#b296c6
variable#f8b63f
entity.name.function, meta.require, support.function.any-method#489e48
meta.class, support.class, entity.name.class, entity.name.type.class#d6da25
keyword.other.special-method#489e48
storage#b296c6
support.function#ae93c3
string, constant.other.symbol, entity.other.inherited-class#7fb5e1
constant.numeric#f05932
none#f05932
none#f05932
constant#f05932
entity.name.tag#f8b63f
entity.other.attribute-name#f05932
entity.other.attribute-name.id, punctuation.definition.entity#489e48
meta.selector#b296c6
none#f05932
markup.heading punctuation.definition.heading, entity.name.section#489e48
keyword.other.unit#f05932
markup.bold, punctuation.definition.bold#d6da25bold
markup.italic, punctuation.definition.italic#b296c6italic
markup.raw.inline#7fb5e1
string.other.link#f8b63f
meta.link#f05932
markup.list#f8b63f
markup.quote#f05932
meta.separator#a8a49d
markup.inserted#7fb5e1
markup.deleted#f8b63f
markup.changed#b296c6
constant.other.color#ae93c3
string.regexp#ae93c3
constant.character.escape#ae93c3
punctuation.section.embedded, variable.interpolation#d1a22e
invalid.illegal#010101

Shiki preview

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

Loading...

Harper Theme by gerane - VS Code Theme