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#161617
  • activityBar.border#4e4e4e
  • activityBarBadge.background#273053
  • commandCenter.activeBackground#3f4d85
  • commandCenter.activeForeground#ffffff
  • commandCenter.background#273053
  • commandCenter.border#5d72c5
  • commandCenter.foreground#ffffffe8
  • editor.background#0e0e0f
  • menubar.selectionBackground#a7a7f5
  • menubar.selectionForeground#ffffff
  • sideBar.background#161617
  • statusBar.background#273053
  • statusBar.border#5d72c5
  • terminal.background#0e0e0f
  • terminal.foreground#5d72c5
  • titleBar.activeBackground#273053
  • titleBar.border#7893ff
  • titleBar.inactiveBackground#273053

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#7fedcfbold
string.quoted#9fffddbold
keyword, storage.type, storage.modifier, variable.language.this, variable.language.super, constant.language, keyword.other.typedef#f62e7ebold
variable.other.property, variable.other.object.property#b4a4ef
constant.numeric#a0f9bc
variable.parameter#d8d7d7
entity.name.class, entity.name.type.class, entity.name.type.module, entity.name.function, entity.name.method, entity.other.inherited-class#83b0f9bold
support.type#83b0f9bold
storage.type.function.arrow, keyword.operator.assignment, keyword.operator.arithmetic#ffffd8bold
Cafe Neuro by branb00m - VS Code Theme