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#8C634B
  • activityBar.foreground#FDF6EC
  • editor.background#73523F
  • editor.foreground#FDF6EC
  • editor.lineHighlightBackground#5E413133
  • editor.selectionBackground#5E4131
  • editorGroupHeader.tabsBackground#8C634B
  • focusBorder#E8D5C4
  • menu.background#8C634B
  • menu.foreground#FDF6EC
  • menubar.selectionBackground#5E4131
  • sideBar.background#8C634B
  • sideBar.foreground#FDF6EC
  • statusBar.background#8C634B
  • statusBar.foreground#FDF6EC
  • tab.activeBackground#73523F
  • tab.activeBorder#73523F
  • tab.activeBorderTop#73523F
  • tab.activeForeground#FDF6EC
  • tab.border#8C634B
  • tab.inactiveBackground#8C634B
  • tab.inactiveForeground#E8D5C4
  • tab.unfocusedActiveBorder#73523F
  • textLink.activeForeground#E8D5C4
  • textLink.foreground#E8D5C4
  • titleBar.activeBackground#8C634B
  • titleBar.activeForeground#FDF6EC
  • titleBar.inactiveBackground#8C634B
  • titleBar.inactiveForeground#E8D5C4
  • window.activeBorder#8C634B

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#E8D5C4italic
keyword, storage.type, storage.modifier#E8D5C4
entity.name.function, support.function#FDF6EC
string#E8D5C4
variable#FDF6EC
entity.name.type, entity.name.class, support.type#FDF6EC
Mojave Theme by CaveBearGaming - VS Code Theme