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#282828
  • activityBarBadge.background#4e4eff
  • editor.background#141414
  • editor.foreground#d8d8d8
  • editor.selectionBackground#323232
  • editorCursor.foreground#ffc7b2
  • sideBarTitle.foreground#d8d8d8
  • statusBar.background#282828

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
entity.name.type#e1d3bb
comment, punctuation.definition.comment#e0bcbcitalic
variable, variable.parameter, string constant.other.placeholder#d8d8d8
constant.other.color#d8d8d8
invalid, invalid.illegal#c3a6d6
keyword.control#f9f9f9
entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method, entity.name.method.js, meta.class-method.js entity.name.function.js, variable.function.constructor#adaddb
constant.numeric, constant.language, support.constant, constant.character, constant.escape, keyword.other.unit, source.js constant.other.object.key.js string.unquoted.label.js#e4c2e4
string#bfe7e7
support.type, support.class, support.orther.namespace.use.php, meta.use.php, support.other.namespace.php, markup.changed.git_gutter, support.type.sys-types, tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js#d8d8d8
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, support.type#d8d8d8
entity.name.module.js, variable.import.parameter.js, variable.other.class.js#d8d8d8
entity.other.attribute-name#d8d8d8
text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name#d8d8d8
entity.other.attribute-name.class#d8d8d8
source.sass keyword.control, entity.other.attribute-name.id.css#d8d8d8
markup.inserted#7dae4e
markup.deleted#ca8893
markup.changed#c3a6d6
string.regexp#89DDFF
constant.character.escape#89DDFF
*url*, *link*, *uri*underline