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
#D8D9D1
comment#6B6F71italic
entity.name.function#00FAF6
entity.name.type#B37FAD
constant#2DB1BCitalic
constant.language#EDB272italic bold
constant.numeric#008dd7 italic
keyword#a3aad8
storage#F6CD00 bold underline
string#72F88F
source.json meta.structure.dictionary.json string.quoted.double.json#72F88F
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json string.quoted.double.json#BBF5C8
source.json meta meta.structure.dictionary.json string.quoted.double.json#72F88F
source.json meta meta.structure.dictionary.json meta.structure.dictionary.value.json string.quoted.double.json#BBF5C8
support.function#db6dc9 italic
string source#3399ffffitalic
support#AEB4D3 italic
support.class#746dd5 bold
variable#d9c07f
invalid#F8F8F8
text source
text.html.ruby source
entity.other.inherited-class#4EE161italic
string.quoted source#9DF39F
string constant#9DF39F
string.regexp#D85404
string variable#62DECB
other.preprocessor.c#8996A8
other.preprocessor.c entity#AFC4DB
declaration.tag, declaration.tag entity, meta.tag, meta.tag entity#9EFFFF
meta.selector.css entity.name.tag#9EFFFF
meta.selector.css entity.other.attribute-name.id#ffaf43
meta.selector.css entity.other.attribute-name.class#5FE461
support.type.property-name.css#9DF39F
meta.property-group support.constant.property-value.css, meta.property-value support.constant.property-value.css#F6F080
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
meta.diff, meta.diff.header#F8F8F8italic
markup.deleted#F8F8F8
markup.changed#F8F8F8
markup.inserted#F8F8F8
sublimelinter.outline.notes
sublimelinter.outline.illegal
sublimelinter.underline.illegal
sublimelinter.outline.warning
sublimelinter.underline.warning
sublimelinter.outline.violation
sublimelinter.underline.violation
entity.other.attribute-name.id.html#FFB454
entity.other.attribute-name.html#EDF080
punctuation.definition.tag.end, punctuation.definition.tag.begin, punctuation.definition.tag#65A4A4
keyword.control.at-rule.import.css#f7f09d
variable.other.less#4EE161
entity.other.less.mixin#9DF39F
source.css.less keyword.unit.css#EB939A
entity.other.attribute-name.angular.html, source.angular.embedded.html#FF3A83
constant.character.entity.html#F1E94B
variable.other.readwrite.instance.coffee#9DF39F
meta.brace.round.coffee, meta.brace.square.coffee#F6F080
punctuation.section.embedded.coffee#4EE161
variable.assignment.coffee variable.assignment.coffee#FFFFFF
meta.delimiter.method.period.coffee#FFAA00
meta.brace.curly.coffee#9DF39F
meta.tag.sgml.doctype.xml, declaration.sgml.html declaration.doctype, declaration.sgml.html declaration.doctype entity, declaration.sgml.html declaration.doctype string, declaration.xml-processing, declaration.xml-processing entity, declaration.xml-processing string, doctype#73817D