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
#95A2BB
text, source#95A288
variable.parameter.function#EDEDED
comment, punctuation.definition.comment#5F6B85
punctuation.definition.string, punctuation.definition.variable, punctuation.definition.string, punctuation.definition.parameters, punctuation.definition.string, punctuation.definition.array#95A2BB
none#EDEDED
keyword.operator#B27ECD
keyword#B27ECD
variable#BF6E7C
entity.name.function, meta.require, support.function.any-method#9B5C2E
support.class, entity.name.class, entity.name.type.class#FFD2A7
meta.class#EDEDED
keyword.other.special-method#795DA3
storage#88B379
support.function#F9EE98
string, constant.other.symbol, entity.other.inherited-class#88B379
constant.numeric#D49A67
none#D49A67
none#0086B3
constant#D49A67
entity.name.tag#BF6E7C
entity.other.attribute-name#D49A67
entity.other.attribute-name.id, punctuation.definition.entity#88B379
meta.selector#88B379
none#795DA3
markup.heading punctuation.definition.heading, entity.name.section#795DA3
keyword.other.unit#5C9966
markup.bold, punctuation.definition.bold#795DA3bold
markup.italic, punctuation.definition.italic#88B379italic
markup.raw.inline#88B379
string.other.link#ED6A43
meta.link#795DA3
markup.list#ED6A43
markup.quotes#795DA3
meta.separator#EDEDED
markup.inserted#A1DF8A
markup.deleted#EB5368
markup.changed#F0C36F
markup.ignored#565656
markup.untracked#565656
constant.other.color#87C38A
string.regexp#795DA3
constant.character.escape#795DA3
punctuation.section.embedded, variable.interpolation#AB7967
invalid.illegal#FD5FF1

Shiki preview

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

Loading...

Primer Theme by Jeremy Bolding - VS Code Theme