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
#F8F8F8
comment#e7c0c0ffitalic
constant#994646ff
keyword#f12727ff
entity#fec758ff
storage#ff6262ffbold
string#cd8d8dff
support#9df39fff
variable#fb9a4bffitalic
invalid#ffffffff
text source
text.html.ruby source
entity.other.inherited-class#aa5507ffunderline
string.quoted source#9df39fff
string constant#ffe862ff
string.regexp#ffb454ff
string variable#edef7dff
support.function#ffb454ff
support.constant#eb939aff
declaration.sgml.html declaration.doctype, declaration.sgml.html declaration.doctype entity, declaration.sgml.html declaration.doctype string, declaration.xml-processing, declaration.xml-processing entity, declaration.xml-processing string#73817dff
declaration.tag, declaration.tag entity, meta.tag, meta.tag entity#ec0d1eff
meta.selector.css entity.name.tag#aa5507ff
meta.selector.css entity.other.attribute-name.id#fec758ff
meta.selector.css entity.other.attribute-name.class#41a83eff
support.type.property-name.css#96dd3bff
meta.property-group support.constant.property-value.css, meta.property-value support.constant.property-value.css#ffe862ffitalic
meta.property-value support.constant.named-color.css, meta.property-value constant#ffe862ff
meta.preprocessor.at-rule keyword.control.at-rule#fd6209ff
meta.constructor.argument.css#ec9799ff
meta.diff, meta.diff.header#f8f8f8ffitalic
markup.deleted#ec9799ff
markup.changed#f8f8f8ff
markup.inserted#41a83eff