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#d2d2d2
source#ffffff
constant.numeric#cc9bff
constant#ffce4a
keyword#ff5845
keyword.operator#ff4e5e
support#ff53d7
entity#ff6476
storage#ff4037
string#9e6eff
string variable#ca65ac
string constant#e587ff
variable#ffa082
comment#565656
source.php#ffe0d6
text source#efffc3
text.html.ruby source#ffc8f5
entity.other.inherited-class#9B5C2Ebold italic
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