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
—#9015f3—
comment#ffffffff
string#ffffffff
constant.numeric#ff00ffff—
constant.language#ffffc0ff
constant.character, constant.other#ffffffff—
variable.language, variable.other#ffa000ff
keyword, support.constant.property-value, constant.other.color#ff00ffff bold
keyword.other.unit#ffffffff—
keyword.operator#ffffffff—
storage#46f14a bold
entity.name.class#ffff00ff bold
entity.other.inherited-class#ffffffff
entity.name.function#00ffffff bold
variable.parameter——
entity.name.tag#ffffffff
constant.character.entity#ffffffff—
support.class.js#ffffffff—
entity.other.attribute-name#ffffffff
meta.selector.css, entity.name.tag.css, entity.other.attribute-name.id.css, entity.other.attribute-name.class.css#23ac2e
meta.property-name.css#ffffffff—
support.function#0fa70d—
support.constant——
support.type, support.class——
support.other.variable—
invalid——
punctuation.section.embedded#a000ffff
punctuation.definition.tag#ffffffff
constant.other.color.rgb-value.css, support.constant.property-value.css#ffffffff—