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
#4a4543
variable.parameter.function#4a4543
comment, punctuation.definition.comment#807d7c
punctuation.definition.string, punctuation.definition.variable, punctuation.definition.string, punctuation.definition.parameters, punctuation.definition.string, punctuation.definition.array#4a4543
none#4a4543
keyword.operator#4a4543
keyword, keyword.control#a16a94
variable#db2d20
entity.name.function, meta.require, support.function.any-method#01a0e4
meta.class, support.class, entity.name.class, entity.name.type.class#ed0c8c
keyword.other.special-method#01a0e4
storage#a16a94
support.function#01a0e4
string, constant.other.symbol, entity.other.inherited-class#01a252
constant.numeric#ed0c8c
none#ed0c8c
none#ed0c8c
constant#ed0c8c
entity.name.tag#db2d20
entity.other.attribute-name#ed0c8c
entity.other.attribute-name.id, punctuation.definition.entity#01a0e4
meta.selector#a16a94
none#ed0c8c
markup.heading punctuation.definition.heading, entity.name.section#01a0e4
keyword.other.unit#ed0c8c
markup.bold, punctuation.definition.bold#ed0c8cbold
markup.italic, punctuation.definition.italic#a16a94italic
markup.raw.inline#01a252
string.other.link#db2d20
meta.link#ed0c8c
markup.list#db2d20
markup.quote#ed0c8c
meta.separator#4a4543
markup.inserted#01a252
markup.deleted#db2d20
markup.changed#a16a94
constant.other.color#01a0e4
string.regexp#01a0e4
constant.character.escape#01a0e4
punctuation.section.embedded, variable.interpolation#cdab53
invalid.illegal#f7f7f7

Shiki preview

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

Loading...

3024Day Theme by gerane - VS Code Theme