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
#77eeff
punctuation - (punctuation.definition.string || punctuation.definition.comment)#0088aa
constant#FF628Citalic
entity#aa00dd
keyword#eeeeaa
storage#FFEE80
string -string.unquoted.old-plist -string.unquoted.heredoc, string.unquoted.heredoc string#11eeaa
comment#226699italic
support#80FFBB
variable#00aaff
variable.language#FF80E1
meta.function-call#ffbbaa
invalid#F8F8F8
text source, string.unquoted.heredoc, source source#00aabb
entity.other.inherited-class#80FCFFitalic
string.quoted source#9EFF80
string constant#80FF82
string.regexp#80FFC2
string variable#EDEF7D
support.function#FFB054
support.constant#EB939A
support.type.exception#FF1E00
meta.preprocessor.c#8996A8
meta.preprocessor.c keyword#AFC4DB
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#73817D
meta.tag, meta.tag entity#ff33aa
meta.selector.css entity.name.tag#9EFFFF
meta.selector.css entity.other.attribute-name.id#FFB454
meta.selector.css entity.other.attribute-name.class#5FE461
support.type.property-name.css#44ccaa
meta.property-group support.constant.property-value.css, meta.property-value support.constant.property-value.css#0077aa
meta.preprocessor.at-rule keyword.control.at-rule#F6AA11
meta.property-value support.constant.named-color.css, meta.property-value constant#EDF080
meta.constructor.argument.css#EB939A
entity.other.attribute-name.id.css#dd33ff
entity.other.attribute-name.class#ffeeaa
entity.other.less.mixin#ff33aa
variable.declaration.less#ff33aa
meta.diff, meta.diff.header#F8F8F8
markup.deleted#F8F8F8
markup.changed#F8F8F8
markup.inserted#F8F8F8
markup.raw
markup.quote
markup.list
markup.bold#C1AFFFbold
markup.italic#B8FFD9italic
markup.heading#C8E4FDbold