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
#1A237E
comment#9E9E9E
keyword.operator.class, keyword.operator, constant.other, source.php.embedded.line#263238
variable, support.other.variable, string.other.link, string.regexp#263238
entity.name.tag, declaration.tag#3D5AFE
entity.other.attribute-name#009B40
declaration.tag#263238
meta.section entity.name.section#D500F9
punctuation.section.embedded#263238
constant.language, constant.character, keyword.other.unit#00BEACBold
variable.parameter#546E7Abold
support.constant#F06292
constant.numeric#C62828
entity.name.class, entity.name.type, support.type, support.class#263238
support.type.property-name.json#009B40
variable.language, var.this, variable.language.this.js, variable.language.this.ts, variable.language.this.jsx, variable.language.this.tsx#E96300
support.class.console.js, support.class.console.ts, support.class.console.jsx#F06292
entity.name.type.js, entity.name.type.jsx, entity.name.type.ts, entity.name.type.tsx#5263C3bold
entity.other.inherited-class#5263C3bold
variable.other.readwrite.alias.js, variable.other.readwrite.alias.ts, variable.other.readwrite.alias.tsx, variable.other.readwrite.alias.jsx#009B40
support.type.primitive.ts, support.type.builtin.ts#009CB3
support.variable.property.dom.js#263238
string, constant.other.symbol, markup.heading#D500F9
keyword, storage, storage.type, entity.name.tag.css#3D5AFE
keyword.operator, constant.other.color#3D5AFE
entity.name.function, support.function, keyword.other.special-method, meta.block-level#009B40
meta.function-call#263238
meta.function-call.generic.python#009B40
support.function.builtin.python#F06292
invalid#FFFFFF
meta.separator#263238
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#F06292
markup.list#3D5AFE
markup.bold, markup.italic#009B40
markup.inline.raw#F06292

Shiki preview

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

Loading...