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
#c7c5b6
variable.parameter.function#c7c5b6
comment, punctuation.definition.comment#74736a
punctuation.definition.string, punctuation.definition.variable, punctuation.definition.string, punctuation.definition.parameters, punctuation.definition.string, punctuation.definition.array#c7c5b6
none#c7c5b6
keyword.operator#c7c5b6
keyword, keyword.control#b65098
variable#e62437
entity.name.function, meta.require, support.function.any-method#196fb3
meta.class, support.class, entity.name.class, entity.name.type.class#fdca42
keyword.other.special-method#196fb3
storage#b65098
support.function#8dd2dd
string, constant.other.symbol, entity.other.inherited-class#25a96a
constant.numeric#f38e59
none#f38e59
none#f38e59
constant#f38e59
entity.name.tag#e62437
entity.other.attribute-name#f38e59
entity.other.attribute-name.id, punctuation.definition.entity#196fb3
meta.selector#b65098
none#f38e59
markup.heading punctuation.definition.heading, entity.name.section#196fb3
keyword.other.unit#f38e59
markup.bold, punctuation.definition.bold#fdca42bold
markup.italic, punctuation.definition.italic#b65098italic
markup.raw.inline#25a96a
string.other.link#e62437
meta.link#f38e59
markup.list#e62437
markup.quote#f38e59
meta.separator#c7c5b6
markup.inserted#25a96a
markup.deleted#e62437
markup.changed#b65098
constant.other.color#8dd2dd
string.regexp#8dd2dd
constant.character.escape#8dd2dd
punctuation.section.embedded, variable.interpolation#8a653f
invalid.illegal#000000