Skip to main content
Coding Theme

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
#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#b5e4f4
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#b5e4f4
string.regexp#b5e4f4
constant.character.escape#b5e4f4
punctuation.section.embedded, variable.interpolation#cdab53
invalid.illegal#f7f7f7

Shiki preview

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

Loading...