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—