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
#F5F1F2
string#91E1FF
variable.parameter#9FB2BC
variable.parameter#F5F1F2AFitalic
constant.numeric#FFD74A
constant.language#9dbad2
comment#FFFFFF3A
comment punctuation#FFFFFF20
support
keyword#C6F56A
storage#C6F56Aitalic
keyword.operator#FFFFFF6F
entityitalic
entity.name.functionnone
entity.name.tag#C6F56A
entity.other.attribute-name
punctuation - comment - constant - string, meta.delimiter#FFFFFFAF
string.regexp#FF8BFF
string.regexp constant.character.escape, string.regexp source.ruby.embedded, string.regexp string.regexp.arbitrary-repitition#A082BD
invalid#FFFFFF
invalid.deprecated#F8F8F0
meta.selector.css#FFFFFF
meta.selector.css punctuation#F8F8F08F
support.type.property-name.css#F8F8F088
meta.property-value support.constant.named-color.css, meta.property-value constant#BBD2DE
meta.brace, paren#FFFFFF8F
markup.deleted#F92672
markup.inserted#A6E22E
markup.changed#967EFB
brackethighlighter.default, brackethighlighter.unmatched, brackethighlighter.curly, brackethighlighter.round, brackethighlighter.square, brackethighlighter.angle, brackethighlighter.tag, brackethighlighter.quote#FFFFFF40

Shiki preview

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

Loading...

Chelevra Theme by gerane - VS Code Theme