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
#A6776FEB
variable.parameter.function#60D18D
comment, punctuation.definition.comment#996E7D91
punctuation.definition.string, punctuation.definition.variable, punctuation.definition.string, punctuation.definition.parameters, punctuation.definition.string, punctuation.definition.array#4C9C98
none#dce1e6ff
keyword.operator#79ADF2
keyword#B5324D
variable#5B9C9C
entity.name.function, meta.require, support.function.any-method#C2B56D
support.class, entity.name.class, entity.name.type.class#669CE3
meta.class#8AA4C2
keyword.other.special-method#E68637
storage#B5E6E6
support.function#C78E44
string, constant.other.symbol, entity.other.inherited-class#B7C2C799
constant.numeric#BD7D74
none#CC4E56
none#379AE6
constant#8F8CBD
entity.name.tag#98A161C7
entity.other.attribute-name#BDA460
entity.other.attribute-name.id, punctuation.definition.entity#62B362
meta.selector#E9EBB3
none#338ACC
markup.heading punctuation.definition.heading, entity.name.section#BF8256
keyword.other.unit#8F6361
markup.bold, punctuation.definition.bold#6da8ffffbold
markup.italic, punctuation.definition.italic#e9ebb3ffitalic
markup.raw.inline#8E7DBA
string.other.link, punctuation.definition.string.end.markdown#39cddaff
meta.link#338accff
markup.list#39cddaff
markup.quote#338accff
meta.separator#d6e1ebff
markup.inserted#7c61c2ff
markup.deleted#39cddaff
markup.changed#e9ebb3ff
constant.other.color#4DBAA4
string.regexp#9d509fff
constant.character.escape#9d509fff
punctuation.section.embedded, variable.interpolation#8C61BA
invalid.illegal#f3f5f9ff
invalid.broken#2b2b2bff
invalid.deprecated#f3f5f9ff
invalid.unimplemented#f3f5f9ff