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
#FFF5EE
comment#7285B7
keyword.operator.class, keyword.operator, constant.other, source.php.embedded.line#FFFFFF
variable, support.other.variable, string.other.link, string.regexp#FFFFFF
support.constant.property-value.css, support.constant.color.w3c-standard-color-name.css, #FF80AB
entity.name.tag, declaration.tag#B083FF
entity.other.attribute-name#00E2FF
declaration.tag#FFFFFF
meta.section entity.name.section#1CECA7
punctuation.section.embedded#FFFFFF
constant.language, constant.character, keyword.other.unit#FF80AB
variable.parameter#FF9800bold
support.constant#FFCC80
constant.numeric#CDDC39
entity.name.class, entity.name.type, support.type, support.class#FFFFFF
string, constant.other.symbol, entity.other.inherited-class, markup.heading#1CECA7
support.type.property-name.json#B083FF
entity.name.class, entity.name.type, support.type, support.class, punctuation.separator.key-value.js#FFFFFF
support.class.console.js, support.class.console.ts, support.class.console.jsx#FFCC80
entity.name.type.js, entity.name.type.jsx, entity.name.type.ts, entity.name.type.tsx#7AF0D2
entity.other.inherited-class#7AF0D2bold
variable.other.readwrite.alias.js, variable.other.readwrite.alias.ts, variable.other.readwrite.alias.tsx, variable.other.readwrite.alias.jsx#00E2FF
support.type.primitive.ts, support.type.builtin.ts#8C9EFF
support.variable.property.dom.js#FFFFFF
string, constant.other.symbol, markup.heading#FFCA00
variable.language, var.this, variable.language.this.js, variable.language.this.ts, variable.language.this.jsx, variable.language.this.tsx#00E676
keyword.operator, constant.other.color#B083FF
keyword, storage, storage.type, entity.name.tag.css#B083FF
entity.name.function, support.function, keyword.other.special-method, meta.block-level#00E2FF
meta.function-call#FFFFFF
meta.function-call.generic.python#00E2FF
support.function.builtin.python#FFCC80
invalid#FFFFFF
meta.separator#FFFFFF
invalid.deprecated#FFFFFF
markup.inserted.diff, meta.diff.header.to-file#718c00
markup.deleted.diff, meta.diff.header.from-file#c82829
meta.diff.header.from-file, meta.diff.header.to-file#FFFFFF
meta.diff.range#3e999fitalic
markup.quote#FFC58F
markup.list#BBDAFF
markup.bold, markup.italic#FFC58F
markup.inline.raw#FF9DA4

Shiki preview

TypeScript sample highlighted with this variant's colors and tokenColors.

Loading...

JetJet-theme - Coding Theme