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
#8a8b8a
variable.parameter.function#8a8b8a
comment, punctuation.definition.comment#686b6b
punctuation.definition.string, punctuation.definition.variable, punctuation.definition.string, punctuation.definition.parameters, punctuation.definition.string, punctuation.definition.array#8a8b8a
none#8a8b8a
keyword.operator#8a8b8a
keyword, keyword.control#d574a1
variable#d93e3c
entity.name.function, meta.require, support.function.any-method#0073aa
meta.class, support.class, entity.name.class, entity.name.type.class#f3b63b
keyword.other.special-method#0073aa
storage#d574a1
support.function#00a4d8
string, constant.other.symbol, entity.other.inherited-class#33a958
constant.numeric#e88639
none#e88639
none#e88639
constant#e88639
entity.name.tag#d93e3c
entity.other.attribute-name#e88639
entity.other.attribute-name.id, punctuation.definition.entity#0073aa
meta.selector#d574a1
none#e88639
markup.heading punctuation.definition.heading, entity.name.section#0073aa
keyword.other.unit#e88639
markup.bold, punctuation.definition.bold#f3b63bbold
markup.italic, punctuation.definition.italic#d574a1italic
markup.raw.inline#33a958
string.other.link#d93e3c
meta.link#e88639
markup.list#d93e3c
markup.quote#e88639
meta.separator#8a8b8a
markup.inserted#33a958
markup.deleted#d93e3c
markup.changed#d574a1
constant.other.color#00a4d8
string.regexp#00a4d8
constant.character.escape#00a4d8
punctuation.section.embedded, variable.interpolation#9b592c
invalid.illegal#1a1919

Shiki preview

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

Loading...

Subway (dark) by idleberg - VS Code Theme