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
#FFFEF4
comment#9C7D72italic
constant#5CFF26
constant.numeric#FF5C26
entity#FFCD08
entity.other.inherited-class#9B5C2Eitalic
entity.other.attribute-name#78E087
keyword#a9ca35
keyword.other.unit#FF5C26
storage.type#FBB473
storage.type.functionitalic
storage.modifier#FE6D27italic
string#DCDC71
string constant#DDF2A4
string.regexp#E9C062
string.regexp constant.character.escape, string.regexp source.ruby.embedded, string.regexp string.regexp.arbitrary-repitition#CF7D34
support#cfb38b
support.function#DAD085
support.function.construct#EEE7BB
support.constant#CF6A4C
support.constant.media#FF9326
support.type.property-name.media, meta.at-rule.media#FFBF00
variable.other#b7eb98
meta.function meta.function.arguments#B1F567
meta.brace.round#B1F567
punctuation.section.embedded#F86B3D
invalid.deprecated#e73c32underline italic
invalid.illegal#F8F8F8 underline italic
meta.tag.sgml.doctype, meta.tag.sgml.doctype entity, meta.tag.sgml.doctype string, meta.tag.sgml.doctype.xml keyword, meta.tag.sgml punctuation.definition.tag, meta.tag.preprocessor.xml, meta.tag.preprocessor.xml entity, meta.tag.preprocessor.xml string, meta.tag.preprocessor.xml punctuation.definition.tag, meta.tag.preprocessor.xml doctype, meta.tag.preprocessor.xml entity.other.attribute-name#CA9180
meta.tag, declaration.tag, punctuation.definition.tag#FFCD08
markup.list#F9EE98
markup.heading#e19b6c
meta.selector.css#BDEC5B
meta.selector.css entity.name.tag#FFCD08
meta.selector.css entity.other.attribute-name.id#FF9326
meta.selector.css entity.other.attribute-name.class#BDEC5B
support.type.property-name.css, meta.property-list.css meta.property-name.css#d89872
meta.property-list.css meta.property-value.css#F9EE98
meta.property-value support.constant.named-color.css, meta.property-value constant#CA7840
meta.at-rule.media keyword.control.at-rule.media, meta.at-rule.media keyword.operator.logic.media#FFFF00
meta.function-call#FFF86F
meta.diff, meta.diff.header, meta.separator#F8F8F8italic
markup.deleted#F8F8F8
markup.changed#F8F8F8
markup.inserted#F8F8F8