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#0DE9DD
entity.other.attribute-name#FFA726
declaration.tag#FFFFFF
meta.section entity.name.section#FAFA37
punctuation.section.embedded#FFFFFF
constant.language, constant.character, keyword.other.unit#FE7367
constant.numeric#EA80FC
support.constant#00E5FF
variable.parameter#90CAF9bold
support.type.property-name.json#0DE9DD
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#00E5FF
entity.name.type.js, entity.name.type.jsx, entity.name.type.ts, entity.name.type.tsx#FFA726
entity.other.inherited-class#FFA726bold
variable.other.readwrite.alias.js, variable.other.readwrite.alias.ts, variable.other.readwrite.alias.tsx, variable.other.readwrite.alias.jsx#FFA726
support.type.primitive.ts, support.type.builtin.ts#FF8A80
support.variable.property.dom.js#FFFFFF
string, constant.other.symbol, markup.heading#AEEA00
variable.language, var.this, variable.language.this.js, variable.language.this.ts, variable.language.this.jsx, variable.language.this.tsx#64FFDA
keyword.operator, constant.other.color#0DE9DD
entity.name.function, support.function, keyword.other.special-method, meta.block-level#FFD600
meta.function-call#FFFFFF
meta.function-call.generic.python#FFA726
support.function.builtin.python#FFD600
source.python#FFFFFF
keyword, storage, storage.type, entity.name.tag.css#0DE9DD
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