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#35C7FF
entity.other.attribute-name#32EB98
declaration.tag#FFFFFF
meta.section entity.name.section#FAFA37
punctuation.section.embedded#FFFFFF
constant.language, constant.character, keyword.other.unit#FF80AB
constant.numeric#CDDC39
support.constant#FFCC80
variable.parameter#FF9800bold
support.type.property-name.json#35C7FF
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#32EB98
support.type.primitive.ts, support.type.builtin.ts#FFE57F
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#EA80FC
keyword.operator, constant.other.color#35C7FF
entity.name.function, support.function, keyword.other.special-method, meta.block-level#32EB98
meta.function-call#FFFFFF
meta.function-call.generic.python#32EB98
support.function.builtin.python#FFCC80
keyword, storage, storage.type, entity.name.tag.css#35C7FF
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