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
#F8F8F8
comment#798188
string.quoted.double.block.python#798188
constant#b8d977
entity#72AACA
keyword#fa9a4b
storage#F6F080
string#C4E2F2
support#72AACA
variable#FB9A4B
invalid#F8F8F8
text source
text.html.ruby source
entity.other.inherited-class#B7D877
string.quoted source#B7D877
string constant#B7D877
string.regexp#FFB454
string variable#EDEF7D
support.function#FFB454
support.constant#B7D877
other.preprocessor.c#8996A8
other.preprocessor.c entity#AFC4DB
declaration.tag, declaration.tag entity, meta.tag, meta.tag entity#B7D877
meta.selector.css entity.name.tag#f5f080
meta.selector.css entity.other.attribute-name.id#FFB454
meta.selector.css entity.other.attribute-name.class#b6d877
support.type.property-name.css#72AACA
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#F8F8F8
markup.deleted#EB939A
markup.changed#72AACA
markup.inserted#B7D877
markup.deleted.git_gutter#EB939A
markup.changed.git_gutter#72AACA
markup.inserted.git_gutter#B7D877
markup.ignored.git_gutter#798188
markup.untracked.git_gutter#798188
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#b6d877
entity.other.less.mixin#b6d877
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#b6d877
meta.brace.round.coffee, meta.brace.square.coffee#F6F080
punctuation.section.embedded.coffee#b6d877
variable.assignment.coffee variable.assignment.coffee#FFFFFF
meta.delimiter.method.period.coffee#FFAA00
meta.brace.curly.coffee#b6d877
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
brackethighlighter.default#72AACA
level-1#452323
level0#234523
level1#232345
level2#454523
level3#452345
level4#234545
level5#634141
level6#416341
level7#414163
level8#636341
level9#634163
level10#416363