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
#bbd0ef
comment#B63099
string#65E6B8
constant.numeric#ffcc41
constant.language#e9ee00
constant.character, constant.other#4cbbff
variable#effbff
keyword#a3c1e8
storage#ffffff
storage.type#36aaf1italic
entity.name.class#95CC5Eunderline
entity.other.inherited-class#95CC5Eitalic underline
entity.name.function#effbff
variable.parameter#95CC5Eitalic
entity.name.tag#FFFFFF
entity.other.attribute-name#7a9bc2
support.function#36aaf1
support.constant#36aaf1
support.type, support.class#36aaf1italic
support.other.variable
invalid#F8F8F0
invalid.deprecated#F8F8F0
meta.structure.dictionary.json string.quoted.double.json#CFCFC2
meta.diff, meta.diff.header#75715E
markup.deleted#00A8C6
markup.inserted#A6E22E
markup.changed#E6DB74
constant.numeric.line-number.find-in-files - match#8FBE00A0
entity.name.filename.find-in-files#E6DB74
meta.selector.css entity.name.tag#d35924
meta.selector.css entity.other.attribute-name.id#56c5c0
meta.selector.css entity.other.attribute-name.class#f1d969 underline
support.type.property-name.css#216ba7
meta.property-group support.constant.property-value.css, meta.property-value support.constant.property-value.css#0694e7
meta.preprocessor.at-rule keyword.control.at-rule#F6AA11
meta.property-value support.constant.named-color.css, meta.property-value constant#FFAA41
meta.constructor.argument.css#EB939A