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
#C5C8C6
By uonick
comment#9A9B99
string#9AA83A
string source#D08442
constant.numeric#6089B4
constant.language#408080
constant.character, constant.other#8080FF
keyword#6089B4
support#C7444A
storage#9872A2
entity.name.class, entity.name.type.class, entity.name.type.module#9B0000
entity.other.inherited-class#C7444A
entity.name.function#CE6700
variable.parameter#6089B4
entity.name.tag#9872A2
entity.other.attribute-name#9872A2
support.function#9872A2
keyword#676867
variable.other, variable.js, punctuation.separator.variable#6089B4
constant.language#FF0080
punctuation.section.embedded -(source string source punctuation.section.embedded), meta.brace.erb.html#008200
invalid#FF0B00
variable.other.php, variable.other.normal#6089B4
meta.function-call#0080FF
meta.function-call.object#9872A2
variable.other.property#9872A2
keyword.control#9872A2
meta.tag#D0B344
entity.name.tag#6089B4
meta.doctype, meta.tag.sgml-declaration.doctype, meta.tag.sgml.doctype#9AA83A
meta.tag.inline source, text.html.php.source#9AA83A
meta.tag.other, entity.name.tag.style, entity.name.tag.script, meta.tag.block.script, source.js.embedded punctuation.definition.tag.html, source.css.embedded punctuation.definition.tag.html#9872A2
entity.other.attribute-name, meta.tag punctuation.definition.string#D0B344
meta.tag string -source -punctuation, text source text meta.tag string -punctuation#6089B4
punctuation.section.embedded -(source string source punctuation.section.embedded), meta.brace.erb.html#D0B344
meta.toc-list.id#9AA83A
string.quoted.double.html, punctuation.definition.string.begin.html, punctuation.definition.string.end.html#9AA83A
punctuation.definition.tag.html, punctuation.definition.tag.begin, punctuation.definition.tag.end#6089B4
meta.selector.css entity.other.attribute-name.id#9872A2
support.type.property-name.css#676867
meta.property-group support.constant.property-value.css, meta.property-value support.constant.property-value.css#C7444A
variable.language.js#CC555A
meta.function-call.object.php#D0B344
punctuation.definition.string.end.php, punctuation.definition.string.begin.php#9AA83A
source.php.embedded.line.html#676867
punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php#D08442
constant.other.symbol.ruby#9AA83A
variable.language.ruby#D0B344
keyword.other.special-method.ruby#D9B700
source.ruby.embedded.source#D08442
keyword.other.DML.sql#D0B344