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#231D1B
  • badge.background#8B6E5A
  • badge.foreground#E8E1D9
  • button.background#8B6E5A
  • button.foreground#E8E1D9
  • dropdown.background#3A332F
  • editor.background#2A2321
  • editor.foreground#E8E1D9
  • editorGroupHeader.tabsBackground#231D1B
  • input.background#3A332F
  • panel.background#2A2321
  • sideBar.background#2A2321
  • sideBar.foreground#D4C3B8
  • statusBar.background#9E7967
  • statusBar.foreground#E8E1D9
  • tab.activeBackground#3A332F
  • tab.inactiveBackground#2A2321
  • titleBar.activeBackground#9E7967

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#7A6B62
string, string.quoted#C4A788
keyword, storage.type, storage.modifier#B88E6E
entity.name.function, support.function#D4B4A1
variable, variable.other#E8D5C8
entity.name.type, entity.name.class#CFAA8C
constant, variable.other.constant#BF9B7A
Mocha Mousse Theme by shieldsworks - VS Code Theme