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
#00bb00
variable.parameter.function#ffffff
comment, punctuation.definition.comment#f2f636
punctuation.definition.string, punctuation.definition.variable, punctuation.definition.string, punctuation.definition.parameters, punctuation.definition.string, punctuation.definition.array#00ff00ff
none#00ff00ff
keyword.operator#d51313 bold
keyword#f608ee bold
variable#0e8114
entity.name.function, meta.require, support.function.any-method#f1f61e bold
support.class, entity.name.class, entity.name.type.class#00ff00ff bold
meta.class#4cd454
keyword.other.special-method#09520d
storage#00ff00ff
support.function#00ff00ff
string, constant.other.symbol, entity.other.inherited-class#00ff00ff
constant.numeric#00ff00ff
none#00ff00ff
none#00ff00ff
constant#00ff00ff
entity.name.tag#00ff00ff
entity.other.attribute-name#00ff00ff
entity.other.attribute-name.id, punctuation.definition.entity#00ff00ff
meta.selector#00ff00ff
none#00ff00ff
markup.heading punctuation.definition.heading, entity.name.section#00ff00ff
keyword.other.unit#00ff00ff
markup.bold, punctuation.definition.bold#00ff00ffbold
markup.italic, punctuation.definition.italic#00ff00ffitalic
markup.raw.inline#00ff00ff
string.other.link, punctuation.definition.string.end.markdown#00ff00ff
meta.link#00ff00ff
markup.list#00ff00ff
markup.quote#00ff00ff
meta.separator#00ff00ff
markup.inserted#00ff00ff
markup.deleted#00ff00ff
markup.changed#00ff00ff
constant.other.color#00ff00ff
string.regexp#00ff00ff
constant.character.escape#00ff00ff
punctuation.section.embedded, variable.interpolation#00ff00ff
invalid.illegal#00ff00ff
invalid.broken#000000ff
invalid.deprecated#00ff00ff
invalid.unimplemented#00ff00ff