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#F0F6FF
variable, support.other.variable, string.other.link, string.regexp#F0F6FF
support.constant.property-value.css, support.constant.color.w3c-standard-color-name.css, #FF80AB
entity.name.tag, declaration.tag#99EFFF
entity.other.attribute-name#8AE6A1
declaration.tag#F0F6FF
meta.section entity.name.section#FAFA37
punctuation.section.embedded#F0F6FF
constant.language, constant.character, keyword.other.unit#FF80AB
constant.numeric#D3E68A
support.constant#99EFFF
variable.parameter#E68A8Abold
support.type.property-name.json#99EFFF
entity.name.class, entity.name.type, support.type, support.class, punctuation.separator.key-value.js#F0F6FF
support.class.console.js, support.class.console.ts, support.class.console.jsx#8AE6D8
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#8AE6A1
support.type.primitive.ts, support.type.builtin.ts#8AAEE6
support.variable.property.dom.js#F0F6FF
string, constant.other.symbol, markup.heading#FFE47E
variable.language, var.this, variable.language.this.js, variable.language.this.ts, variable.language.this.jsx, variable.language.this.tsx#E2A3E5
keyword.operator, constant.other.color#99EFFF
entity.name.function, support.function, keyword.other.special-method, meta.block-level#8AE6A1
meta.function-call#F0F6FF
meta.function-call.generic.python#8AE6A1
support.function.builtin.python#FFCC80
source.python#F0F6FF
keyword, storage, storage.type, entity.name.tag.css#99EFFF
invalid#F0F6FF
meta.separator#F0F6FF
invalid.deprecated#F0F6FF
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#F0F6FF
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...