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
#cee2e3
variable.parameter.function#cee2e3
comment, punctuation.definition.comment#676650 italic
punctuation.definition.string, punctuation.definition.variable, punctuation.definition.string, punctuation.definition.parameters, punctuation.definition.string, punctuation.definition.array#c0c0c0
none#c0c0c0
keyword.operator#c0c0c0
keyword, keyword.control#ff9900
variable#8a71a2
entity.name.function, meta.require, support.function.any-method#4fa0df
meta.class, support.class, entity.name.class, entity.name.type.class#e7b6b6
keyword.other.special-method#4fa0df
storage#ffff95
support.function#47c266
string, constant.other.symbol, entity.other.inherited-class#00ae99
constant.numeric#fa2500
none#fa2500
none#ff00ff
constant#fa2500
entity.name.tag#8a71a2
entity.other.attribute-name#fa2500
entity.other.attribute-name.id, punctuation.definition.entity#4fa0df
meta.selector#ff9900
none#fa2500
markup.heading punctuation.definition.heading, entity.name.section#4fa0df
keyword.other.unit#fa2500
markup.bold, punctuation.definition.bold#e7b6b6bold
markup.italic, punctuation.definition.italic#ff9900italic
markup.raw.inline#00ae99
string.other.link#8a71a2
meta.link#fa2500
markup.list#8a71a2
markup.quote#fa2500
meta.separator#cee2e3
markup.inserted#00ae99
markup.deleted#8a71a2
markup.changed#ff9900
constant.other.color#47c266
string.regexp#9dd92a
constant.character.escape#374da5
punctuation.section.embedded, variable.interpolation#bd8168
invalid.illegal#323232