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
#cbcbcb
punctuation - (punctuation.definition.string || punctuation.definition.comment)#e7eff9
constant#e1809a
entity#40bb6f
entity.other.attribute-name
keyword#4292a0
storage#4590ae
string -string.unquoted.old-plist -string.unquoted.heredoc, string.unquoted.heredoc string#b1e1a8
comment#757575italic
support#98e7bd
variable#769ec9
variable.language#e798d4
meta.function-call#e7dc98
invalid#f8f8f8
text source, string.unquoted.heredoc, source source#ffffff
entity.other.inherited-class#50c7e7italic
string.quoted source#738f98
string constant#98e799
string.regexp#98e7c1
string variable#d2d399
support.function#dfae74
support.constant#d3abae
support.type.exception#cf4330
meta.preprocessor.c#989898
meta.preprocessor.c keyword#c5c5c5
meta.sgml.html meta.doctype, meta.sgml.html meta.doctype entity, meta.sgml.html meta.doctype string, meta.xml-processing, meta.xml-processing entity, meta.xml-processing string#7a7a7a
meta.tag entity#5aa5c7
meta.selector.css entity.name.tag#b0eded
meta.selector.css entity.other.attribute-name.id#dfb074
meta.selector.css entity.other.attribute-name.class#2eebc2
support.type.property-name.css#41a1b3
meta.property-group support.constant.property-value.css, meta.property-value support.constant.property-value.css#c95141
meta.preprocessor.at-rule keyword.control.at-rule#ec6e40
meta.property-value support.constant.named-color.css, meta.property-value constant#edc4b1
meta.constructor.argument.css#45abae
meta.diff, meta.diff.header#f8f8f8
markup.deleted#f8f8f8
markup.changed#f8f8f8
markup.inserted#f8f8f8
markup.raw
markup.quote
markup.list
markup.bold#c9bef0bold
markup.italic#c5f2daitalic
markup.heading#d3e3f2bold
sublimelinter.annotations#ffffff
sublimelinter.outline.illegal#ffffff
sublimelinter.underline.illegal
sublimelinter.outline.warning#ffffff
sublimelinter.underline.warning
sublimelinter.outline.violation#ffffff
sublimelinter.underline.violation
entity.name.type.class.php#98e7c1
entity.name.function.php
markup.deleted.git_gutter#cf507e
markup.inserted.git_gutter#97b55b
markup.changed.git_gutter#a697e2
markup.ignored.git_gutter#565656
markup.untracked.git_gutter#565656
brackethighlighter.tag#384249
brackethighlighter.curly#cfb930
brackethighlighter.round#cfb930
brackethighlighter.square#cfb930
brackethighlighter.angle#cfb930
brackethighlighter.quote#cfb930
brackethighlighter.unmatched#cf507e
meta.tag#22bb92
entity.other.attribute-name#c26e6a