Skip to main content
Coding Theme

Color themes

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
ThemeDatabase All Themes by enes ozturk - VS Code Theme