Skip to main content
Coding Theme

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#5F5A60italic
constant#CF6A4C
entity#9B703F
keyword#CDA869
storage#F9EE98
string#8F9D6A
support#9B859D
variable#7587A6
invalid.deprecated#D2A8A1italic underline
invalid.illegal#F8F8F8
-----------------------------------
text source
text.html.ruby source
entity.other.inherited-class#9B5C2Eitalic
string source#DAEFA3
string constant#DDF2A4
string.regexp#E9C062
string.regexp constant.character.escape, string.regexp source.ruby.embedded, string.regexp string.regexp.arbitrary-repitition#CF7D34
string variable#8A9A95
support.function#DAD085
support.constant#CF6A4C
meta.preprocessor.c#8996A8
meta.preprocessor.c keyword#AFC4DB
meta.tag.sgml.doctype, meta.tag.sgml.doctype entity, meta.tag.sgml.doctype string, meta.tag.preprocessor.xml, meta.tag.preprocessor.xml entity, meta.tag.preprocessor.xml string#494949
declaration.tag, declaration.tag entity, meta.tag, meta.tag entity#AC885B
declaration.tag.inline, declaration.tag.inline entity, source entity.name.tag, source entity.other.attribute-name, meta.tag.inline, meta.tag.inline entity#E0C589
meta.selector.css entity.name.tag#CDA869
entity.name.function, support.function.any-method#AC885Bbold
meta.selector.css entity.other.attribute-name.tag.pseudo-class#8F9D6A
meta.selector.css entity.other.attribute-name.id#8B98AB
meta.selector.css entity.other.attribute-name.class#9B703F
support.type.property-name.css#C5AF75
meta.property-group support.constant.property-value.css, meta.property-value support.constant.property-value.css#F9EE98
meta.preprocessor.at-rule keyword.control.at-rule#8693A5
meta.property-value support.constant.named-color.css, meta.property-value constant#CA7840
meta.constructor.argument.css#8F9D6A
meta.diff, meta.diff.header, meta.separator#F8F8F8italic
markup.deleted#F8F8F8
markup.changed#F8F8F8
markup.inserted#F8F8F8
markup.list#F9EE98
markup.heading#CF6A4C

Shiki preview

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

Loading...

Twilight Theme - Coding Theme