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
#4a4543
variable.parameter.function#4a4543
comment, punctuation.definition.comment#807d7c
punctuation.definition.string, punctuation.definition.variable, punctuation.definition.string, punctuation.definition.parameters, punctuation.definition.string, punctuation.definition.array#4a4543
none#4a4543
keyword.operator#4a4543
keyword, keyword.control#ea2470
variable#ea2470
entity.name.function, meta.require, support.function.any-method#01a0e4
meta.class, support.class, entity.name.class, entity.name.type.class#ed0c8c
keyword.other.special-method#01a0e4
storage#eaae1d
support.function#00a0e4
string, constant.other.symbol, entity.other.inherited-class#ed0d8c
constant.numeric#00ab56
none#ed0c8c
none#ed0c8c
constant#00ab56
entity.name.tag#029fe3
entity.other.attribute-name#00ab56
entity.other.attribute-name.id, punctuation.definition.entity#01a0e4
meta.selector#a16a94
none#ed0c8c
markup.heading punctuation.definition.heading, entity.name.section#01a0e4
keyword.other.unit#00ab56
markup.bold, punctuation.definition.bold#ed0c8cbold
markup.italic, punctuation.definition.italic#a16a94italic
markup.raw.inline#00ab56
string.other.link#db2d20
meta.link#ed0c8c
markup.list#db2d20
markup.quote#ed0c8c
meta.separator#4a4543
markup.inserted#00ab56
markup.deleted#db2d20
markup.changed#a16a94
constant.other.color#00ab56
string.regexp#eaae1d
constant.character.escape#27b1ea
punctuation.section.embedded, variable.interpolation#cdab53
invalid.illegal#f7f7f7
sublimelinter.mark.warning#DDB700
sublimelinter.mark.error#D02000
sublimelinter.gutter-mark#FFFFFF