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
#424242
comment#B3B3B3
constant#f90bff
keyword#a62e2e bold
storage#a62e2e bold
string#f90bff
entity#242424
support#242424
variable#0b8f90
invalid.deprecated#D2A8A1italic underline
invalid.illegal#F8F8F8
-----------------------------------
text source
text.html.ruby source
entity.other.inherited-class#424242
string source#C5D894
string constant#B6C886
string.regexp#E9C062
string.regexp constant.character.escape, string.regexp source.ruby.embedded, string.regexp string.regexp.arbitrary-repitition#CF7D34
string variable#5E828D
support.function#242424
support.constant#D77261
meta.preprocessor.c#8996A8
meta.preprocessor.c keyword#AFC4DB
meta.tag.sgml.doctype, meta.tag.sgml.doctype entity, meta.tag.sgml.doctype string, meta.tag.preprocessor.xml, meta.tag.preprocessor.xml entity, meta.tag.preprocessor.xml string#494949
declaration.tag, declaration.tag entity, meta.tag, meta.tag entity#0b8f90
declaration.tag.inline, declaration.tag.inline entity, source entity.name.tag, source entity.other.attribute-name, meta.tag.inline, meta.tag.inline entity#B19366
meta.selector.css entity.name.tag#726656
meta.selector.css entity.other.attribute-name.tag.pseudo-class#7B7E4F
meta.selector.css entity.other.attribute-name.id#7CA7DA
meta.selector.css entity.other.attribute-name.class#83B65A
support.type.property-name.css#756A57
meta.property-group support.constant.property-value.css, meta.property-value support.constant.property-value.css#C19F71
meta.preprocessor.at-rule keyword.control.at-rule#8693A5
meta.property-value support.constant.named-color.css, meta.property-value constant#C9584F
meta.constructor.argument.css#9BAB73
meta.diff, meta.diff.header, meta.separator#F8F8F8
markup.deleted#F8F8F8
markup.changed#F8F8F8
markup.inserted#F8F8F8
markup.list#C0B776
markup.heading#CF6A4C