Skip to main content
Coding Theme

VS Code preview

Full workbench mockup using this variant's colors and tokenColors.

Loading...

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
#383A42
comment#a0a1a7
comment markup.link#a0a1a7
entity.name.type#c18401
entity.other.inherited-class#50a14f
keyword#a626a4
keyword.control#a626a4
keyword.operator#383a42
keyword.other.special-method#4078f2
keyword.other.unit#986801
storage#a626a4
storage.type#a626a4
storage.modifier.package, storage.modifier.import#383a42
constant#986801
constant.variable#986801
constant.character.escape#0184bc
constant.numeric#986801
constant.other.color#0184bc
constant.other.symbol#0184bc
variable#e45649
variable.interpolation#ca1243
variable.parameter#383a42
string#50a14f
string.regexp#0184bc
string.regexp source.ruby.embedded#c18401
string.other.link#e45649
punctuation.definition.comment#a0a1a7
punctuation.definition.method-parameters, punctuation.definition.function-parameters, punctuation.definition.parameters, punctuation.definition.separator, punctuation.definition.seperator, punctuation.definition.array#383a42
punctuation.definition.heading, punctuation.definition.identity#4078f2
punctuation.definition.bold#c18401
punctuation.definition.italic#a626a4
punctuation.section.embedded#ca1243
punctuation.section.method, punctuation.section.class, punctuation.section.inner-class#383a42
support.class#c18401
support.type#0184bc
support.function#0184bc
support.function.any-method#4078f2
entity.name.function#4078f2
entity.name.class, entity.name.type.class#c18401
entity.name.section#4078f2
entity.name.tag#e45649
entity.other.attribute-name#986801
entity.other.attribute-name.id#4078f2
meta.class#c18401
meta.class.body#383a42
meta.method-call, meta.method#383a42
meta.definition.variable#e45649
meta.link#986801
meta.require#4078f2
meta.selector#a626a4
meta.separator#383a42
meta.tag#383a42
underline
none#383a42
invalid.deprecated#000000
invalid.illegalred
markup.bold#986801
markup.changed#a626a4
markup.deleted#e45649
markup.italic#a626a4
markup.heading#e45649
markup.heading punctuation.definition.heading#4078f2
markup.link#0184bc
markup.inserted#50a14f
markup.quote#986801
markup.raw#50a14f
source.c keyword.operator#a626a4
source.cpp keyword.operator#a626a4
source.cs keyword.operator#a626a4
source.css property-name, source.css property-value#696c77
source.css property-name.support, source.css property-value.support#383a42
source.gfm markup
source.gfm link entity#4078f2
source.go storage.type.string#a626a4
source.ini keyword.other.definition.ini#e45649
source.java storage.modifier.import#c18401
source.java storage.type#c18401
source.java keyword.operator.instanceof#a626a4
source.java-properties meta.key-pair#e45649
source.java-properties meta.key-pair > punctuation#383a42
source.js keyword.operator#0184bc
source.js keyword.operator.delete, source.js keyword.operator.in, source.js keyword.operator.of, source.js keyword.operator.instanceof, source.js keyword.operator.new, source.js keyword.operator.typeof, source.js keyword.operator.void#a626a4
source.json meta.structure.dictionary.json > string.quoted.json#e45649
source.json meta.structure.dictionary.json > string.quoted.json > punctuation.string#e45649
source.json meta.structure.dictionary.json > value.json > string.quoted.json, source.json meta.structure.array.json > value.json > string.quoted.json, source.json meta.structure.dictionary.json > value.json > string.quoted.json > punctuation, source.json meta.structure.array.json > value.json > string.quoted.json > punctuation#50a14f
source.json meta.structure.dictionary.json > constant.language.json, source.json meta.structure.array.json > constant.language.json#0184bc
source.ruby constant.other.symbol > punctuationinherit
source.python keyword.operator.logical.python#a626a4
source.python variable.parameter#986801
support.type.property-name#383a42
string.quoted.double punctuation#0184bc
support.constant#986801
support.type.property-name.json#e45649
support.type.property-name.json punctuation#e45649
punctuation.separator.key-value.ts, punctuation.separator.key-value.js#56B6C2
source.js.embedded.html keyword.operator, source.ts.embedded.html keyword.operator#56B6C2
variable.other.readwrite.js, variable.other.readwrite.ts#383a42
support.variable.dom.js, support.variable.dom.ts#e45649
support.variable.property.dom.js, support.variable.property.dom.ts#e45649
meta.template.expression.js punctuation.definition, meta.template.expression.ts punctuation.definition#BE5046
source.ts punctuation.definition.typeparameters, source.js punctuation.definition.typeparameters#383a42
source.ts punctuation.definition.block, source.js punctuation.definition.block#383a42
source.ts punctuation.separator.comma, source.js punctuation.separator.comma#383a42
support.constant.property-value.css#383a42
punctuation.definition.constant.css#986801
punctuation.separator.key-value.scss#e45649
punctuation.definition.constant.scss#986801
meta.property-list.scss punctuation.separator.key-value.scss#383a42
storage.type.primitive.array.java#c18401

Shiki preview

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

Loading...

Atom One Light Theme - Coding Theme