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
#b9b5b8
variable.parameter.function#b9b5b8
comment, punctuation.definition.comment#797379
punctuation.definition.string, punctuation.definition.variable, punctuation.definition.string, punctuation.definition.parameters, punctuation.definition.string, punctuation.definition.array#b9b5b8
none#b9b5b8
keyword.operator#b9b5b8
keyword#c85e7c
variable#dd464c
entity.name.function, meta.require, support.function.any-method#1290bf
support.class, entity.name.class, entity.name.type.class#fdcc59
meta.class#ffffff
keyword.other.special-method#1290bf
storage#c85e7c
support.function#149b93
string, constant.other.symbol, entity.other.inherited-class#8fc13e
constant.numeric#fd8b19
none#fd8b19
none#fd8b19
constant#fd8b19
entity.name.tag#dd464c
entity.other.attribute-name#fd8b19
entity.other.attribute-name.id, punctuation.definition.entity#1290bf
meta.selector#c85e7c
none#fd8b19
markup.heading punctuation.definition.heading, entity.name.section#1290bf
keyword.other.unit#fd8b19
markup.bold, punctuation.definition.bold#fdcc59bold
markup.italic, punctuation.definition.italic#c85e7citalic
markup.raw.inline#8fc13e
string.other.link, punctuation.definition.string.end.markdown#dd464c
meta.link#fd8b19
markup.list#dd464c
markup.quote#fd8b19
meta.separator#b9b5b8
markup.inserted#8fc13e
markup.deleted#dd464c
markup.changed#c85e7c
constant.other.color#149b93
string.regexp#149b93
constant.character.escape#149b93
punctuation.section.embedded, variable.interpolation#b33508
invalid.illegal#ffffff
invalid.broken#322931
invalid.deprecated#ffffff
invalid.unimplemented#ffffff

Shiki preview

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

Loading...

Hopscotch Theme by gerane - VS Code Theme