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
#a5a2a2
variable.parameter.function#a5a2a2
comment, punctuation.definition.comment#5c5855
punctuation.definition.string, punctuation.definition.variable, punctuation.definition.string, punctuation.definition.parameters, punctuation.definition.string, punctuation.definition.array#a5a2a2
none#a5a2a2
keyword.operator#a5a2a2
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#fded02
keyword.other.special-method#01a0e4
storage#a16a94
support.function#b5e4f4
string, constant.other.symbol, entity.other.inherited-class#01a252
constant.numeric#e8bbd0
none#e8bbd0
none#e8bbd0
constant#e8bbd0
entity.name.tag#db2d20
entity.other.attribute-name#e8bbd0
entity.other.attribute-name.id, punctuation.definition.entity#01a0e4
meta.selector#a16a94
none#e8bbd0
markup.heading punctuation.definition.heading, entity.name.section#01a0e4
keyword.other.unit#e8bbd0
markup.bold, punctuation.definition.bold#fded02bold
markup.italic, punctuation.definition.italic#a16a94italic
markup.raw.inline#01a252
string.other.link#db2d20
meta.link#e8bbd0
markup.list#db2d20
markup.quote#e8bbd0
meta.separator#a5a2a2
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#090300

Shiki preview

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

Loading...

3024 Theme Kit - Coding Theme