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
#FFFFFF
text#FFFFFF
source.ruby.rails.embedded.html
text.html.ruby#FFFFFF
invalid, invalid.deprecated#CCFF33
constant.numeric#99CC99
source.ruby
source#FFFFFF
comment#9933CC
constant#339999
keyword#FF6600
keyword.preprocessor#EDF8F9
keyword.preprocessor directive#FFFFFF
entity.name.function, storage.type.function.js#FFCC00
variable.parameteritalic
source comment.block#772CB7
variable.other#FFFFFF
support.function#FFCC00
string#66FF00
string constant.character.escape#AAAAAA
string.interpolated#000000
string.regexp#44B4CC
string.literal#CCCC33
string.interpolated constant.character.escape#555555
entity.name.class, support.class.jsunderline
entity.other.inherited-classitalic underline
entity.name.tag
meta.tag.inline.any.html, meta.tag.block.any.html#FF6600
entity.other.attribute-name#99CC99italic
keyword.other#DDE93D
meta.selector.css, entity.other.attribute-name.pseudo-class.css, entity.name.tag.wildcard.css, entity.other.attribute-name.id.css, entity.other.attribute-name.class.css#FF6600
support.type.property-name.css#999966
keyword.other.unit.css, constant.other.rgb-value.css, constant.numeric.css#FFFFFF
support.function.event-handler.js#FFFFFF
keyword.operator.js#FFFFFF
keyword.control.js#CCCC66
support.class.prototype.js#FFFFFF
object.property.function.prototype.js#FF6600