Skip to main content
CodingTheme

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

Shiki preview

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

Loading...

ant Theme by gerane - VS Code Theme