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.activeBackground#6f00ff
  • activityBar.background#1c1c1c
  • activityBar.inactiveForeground#6f00ff
  • activityBarBadge.background#6f00ff
  • button.background#6f00ff
  • editor.background#1c1c1c
  • editor.foreground#ffffff
  • focusBorder#ff1e74
  • icon.foreground#6f00ff
  • sideBarTitle.foreground#bbbbbb
  • statusBar.background#1A1A1A
  • statusBar.debuggingBackground#263238
  • statusBar.noFolderBackground#212121
  • textLink.foreground#9340ff
  • welcomePage.progress.foreground#6f00ff

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
support.type.property-name.json#6f00ff
string.quoted.double.json#ffd700
comment, punctuation.definition.comment#5d5d5d
storage.type#ff3b97
variable#ffffff
entity.name.variable#ffffff
variable.other.object.property, meta.property-name#b06fff
keyword#ff3b97
string#ffd700
punctuation#00c7ff
entity.name.function#6f00ff
punctuation.definition.string#ffd700
constant.language#00c7ff
storage.modifier#b06fff
entity.name.type#6f00ff
entity.name.tag#6f00ffbold
entity.other.attribute-name#ff3b97

Shiki preview

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

Loading...

Cats Purple - Coding Theme