Skip to main content
Coding Theme

VS Code preview

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

Loading...

colors

Workbench UI color keys from the theme JSON colors map.

  • activityBar.background#212121
  • activityBarBadge.background#66b5bc
  • activityBarBadge.foreground#212121
  • editor.background#212121
  • editor.foreground#c6d1d2
  • editor.lineHighlightBackground#2A2C2E
  • editor.lineHighlightBorder#2A2C2E
  • list.activeSelectionBackground#2D5053
  • list.focusOutline#2D5053
  • sideBar.background#212121
  • sideBar.border#333333
  • statusBar.background#212121
  • statusBar.debuggingBackground#ca781e
  • statusBar.foreground#c6d1d2

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#758084italic
variable, string constant.other.placeholder, punctuation, meta.function-call.arguments, constant.character#c6d1d2
constant.other.color#c6d1d2
invalid, invalid.illegal#cc7268
keyword, storage.type, storage.modifier#a7ce67
keyword.control, constant.other.color, meta.tag, punctuation.definition.tag, punctuation.separator.inheritance.php, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, punctuation.section.embedded, keyword.other.template, keyword.other.substitution, keyword.other.unit, keyword.other#a7ce67
entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method, entity.other.inherited-class, punctuation.separator.inheritance.php#66b5bc
meta.block variable.other, variable.#c6d1d2
constant.numeric, constant.language, support.constant, constant.escape#08b065
string, constant.other.symbol, constant.other.key, markup.heading, punctuation.definition.string.begin, punctuation.definition.string.end, markup.inserted.git_gutter, meta.group.braces.curly constant.other.object.key.js string.unquoted.label.js#ca781e
entity.name, support.type, support.class, support.orther.namespace.use.php, meta.use.php, support.other.namespace.php, markup.changed.git_gutter, support.type.sys-types#66b5bc
support.type#66b5bc
variable.language#08b065
string.regexp#08b065
constant.character.escape#66b5bc
support.function.builtin.python#08b065
entity.name.function.decorator.python, punctuation.definition.decorator.python#08b065
meta.object-literal.key.js#66b5bc
support.class.component.js#a7ce67
meta.jsx.children.js, meta.tag.attributes.js keyword.operator.assignment.js#c6d1d2
punctuation.section.embedded#c6d1d2
storage.type.annotation.java, punctuation.definition.annotation.java#08b065
storage.modifier.import.java, storage.modifier.package.java#66b5bc
keyword.other.import.java, keyword.other.package.java#a7ce67
variable.language.this.php punctuation.definition.variable.php#08b065
entity.name.tag#08b065
punctuation.definition.tag, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html#758084
meta.tag#66b5bc
source.css support.type.property-name, source.sass support.type.property-name, source.scss support.type.property-name, source.less support.type.property-name, source.stylus support.type.property-name, source.postcss support.type.property-name#c6d1d2
entity.other.attribute-name.class, punctuation.definition.entity.css#66b5bc
punctuation.definition.keyword.css, punctuation.definition.constant.css, punctuation.definition.keyword.scss#a7ce67
source.css keyword.other.unit#08b065
support.type.property-name.json, punctuation.support.type.property-name.begin.json, punctuation.support.type.property-name.end.json#a7ce67
string.quoted.double.json, punctuation.definition.string.end.json, punctuation.definition.string.begin.json#66b5bc
entity.tag.tagbraces.django#a7ce67
string.unquoted.tag-string.django#c6d1d2
keyword.blade, support.function.construct.begin.blade, support.function.construct.end.blade#a7ce67

Shiki preview

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

Loading...

Pharo Theme - Coding Theme