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
#D5D5D5
comment#898989
constant#A1F7B5
entity#D5D5D5
keyword#9A7FD5
storage#D2C057
string#F29766
support, support.constant#D7BAD9
variable#5DB0D7
invalid.deprecated#FD5FF1italic underline
invalid.illegal#FD5FF1
entity.name.type.class#F0E8BC
entity.other.inherited-class#F0E8BCitalic
string.quoted source, string constant#D7BAD9
string.regexp, string.regexp keyword.operator.regexp, string.regexp constant.character.escape#E9C062
string variable#6F93A5
support.function#D2C057
support.constant#CFA7D1
variable.other.property.php#9BBBDC
string.quoted.double.sql.php source.sql.embedded.php support.function.aggregate.sql#9A7FD5
meta.function-call.static.phpitalic
meta.function.php entity.name.function.php#BFDBE8
string.quoted.double.sql.php source.sql.embedded.php constant.numeric.sql#F071BC
string.quoted.double.sql.php source.sql.embedded.php string.quoted.single.sql#F071BC
meta.tag.sgml.doctype#C0C0C0
meta.tag, meta.tag entity, entity.name.tag.script.html, entity.name.tag.style.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, punctuation.definition.tag.html#5DB0D7
entity.other.attribute-name.html, meta.attribute-with-value.id.html entity.other.attribute-name.id#9BBBDC
text.xml meta.tag.preprocessor.xml entity.name.tag.xml, text.xml meta.tag.preprocessor.xml punctuation.definition.tag.begin.xml#D5D5D5
text.xml meta.tag.preprocessor.xml entity.other.attribute-name.xml, text.xml meta.tag.xml entity.other.attribute-name.localname.xml#9BBBDC
text.xml string.unquoted.cdata.xml punctuation.definition.string.begin.xml, text.xml string.unquoted.cdata.xml punctuation.definition.string.end.xml#F0E8BC
keyword.other.unit.css, constant.numeric.css, constant.other.color.rgb-value.css, support.constant.property-value.css, keyword.other.important.css, support.constant.font-name.css#D5D5D5
support.type.property-name.css, meta.property-name.css#8CF0FF
meta.selector.css entity.name.tag, meta.selector.css entity.other.attribute-name.class, meta.selector.css entity.other.attribute-name.id#3288B3
meta.selector.css entity.other.attribute-name.pseudo-class.css#89BFD8
meta.at-rule.media.css keyword.control.at-rule.media.css#F29766
meta.at-rule.media.css support.type.property-name.media.css, meta.at-rule.media.css support.constant.media.css#D2C057
meta.at-rule.media.css keyword.operator.logic.media.css#F29766
meta.diff, meta.diff.header#F8F8F8italic
markup.deleted#F8F8F8
markup.changed#F8F8F8
markup.inserted#F8F8F8

Shiki preview

TypeScript sample highlighted with this variant's colors and tokenColors.

Loading...