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
#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