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
#ffffff
text#dcdcdc
source#ffffff
constant.numeric#a998ff
constant#ffd24a
keyword#ff5845
keyword.operator#ff4e5e
support#ff53d7
entity#ff6476
storage#ff4037
string#9e6eff
string variable#ca65ac
string constant#d988fb
variable#ffa082
comment#949494
source.php#ffe0d6
text source#efffc3
text.html.ruby source#ffc8f5
entity.other.inherited-class#c57a43bold
string.regexp#ffa05c
string.regexp constant.character.escape, string.regexp source.ruby.embedded, string.regexp string.regexp.arbitrary-repitition#C57630
variable.other.global.safer.php#eac166
support.function#ed954d
support.constant#ff3076
meta.group.braces.round punctuation.section.scope, meta.group.braces.round meta.delimiter.object.comma, meta.brace.round#ffbbca
meta.group.braces.square punctuation.section.scope, meta.group.braces.square meta.delimiter.object.comma, meta.brace.square, punctuation.separator.array, punctuation.section.array#ffcf00
meta.preprocessor.c#ff0003
meta.preprocessor.c keyword#c20000
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#4baaff
entity.other.attribute-name, meta.attribute.smarty#00f094
entity.name.tag#35f328
declaration.tag.inline, declaration.tag.inline entity, source entity.name.tag, source entity.other.attribute-name, meta.tag.inline, meta.tag.inline entity#229600
declaration.tag, meta.tag, declaration.tag.entity, meta.tag.entity#00fffd
meta.selector.css entity.name.tag#E98662
meta.selector.css entity.other.attribute-name.pseudo-class.css, meta.selector.css entity.other.attribute-name.pseudo-element.css#9D7648
meta.selector.css entity.other.attribute-name.id#975B36
meta.selector.css entity.other.attribute-name.class#976A1C
support.type.property-name.css#517192
meta.property-group support.constant.property-value.css, meta.property-value support.constant.property-value.css#979D3D
meta.preprocessor.at-rule keyword.control.at-rule#8693A5
meta.property-value support.constant.named-color.css, meta.property-value constant#C6C857
meta.constructor.argument.css#C1A25F
meta.diff, meta.diff.header, meta.separator#5AA2A0
markup.deleted#F8F8F8italic
markup.changed#F8F8F8bold
markup.inserted#F8F8F8bold
markup.list#F9EB77
markup.heading#CF6A4C
invalid.deprecated#D24346underline
invalid.illegal#A2A2A2underline
markup.deleted.git_gutter#F9264D
markup.inserted.git_gutter#00F054
markup.changed.git_gutter#AC7EFB

Shiki preview

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

Loading...