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
#00bbbb
punctuation - (punctuation.definition.string || punctuation.definition.comment)#55ff55
constant#55ffff
entity#55ffff
keyword#ff55ff
storage#ff55ff
string -string.unquoted.old-plist -string.unquoted.heredoc, string.unquoted.heredoc string#00bb00
comment#bbbb00italic
support#55ffff
variable#55ff55
variable.language#55ff55
meta.function-call#55ffff
invalid#F8F8F8
text source, string.unquoted.heredoc, source source#ffffff
entity.other.inherited-class#ffffffitalic
string.quoted source#ffffff
string constant#ffffff
string.regexp#00bb00
string variable#ff0000
support.function#ffff55
support.constant#ffffff
support.type.exception#ff0000
meta.preprocessor.c#ffffff
meta.preprocessor.c keyword#ffffff
meta.sgml.html meta.doctype, meta.sgml.html meta.doctype entity, meta.sgml.html meta.doctype string, meta.xml-processing, meta.xml-processing entity, meta.xml-processing string#00ff00
meta.tag, meta.tag entity#ffffff
meta.selector.css entity.name.tag#ffffff
meta.selector.css entity.other.attribute-name.id#55ffff
meta.selector.css entity.other.attribute-name.class#55ffff
support.type.property-name.css#bbbbbb
meta.property-group support.constant.property-value.css, meta.property-value support.constant.property-value.css#ffffff
meta.preprocessor.at-rule keyword.control.at-rule#ff55ff
meta.property-value support.constant.named-color.css, meta.property-value constant#55ff55
meta.constructor.argument.css#ff0000
meta.diff, meta.diff.header#ffffff
markup.deleted#F8F8F8
markup.changed#F8F8F8
markup.inserted#F8F8F8
markup.raw
markup.quote
markup.list
markup.bold#55ffffbold
markup.italic#55ffffitalic
markup.heading#55ffffbold