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#FFF0E6
  • activityBar.foreground#1C0E04
  • activityBar.inactiveForeground#1C0E0460
  • activityBarBadge.background#8B4513
  • activityBarBadge.foreground#FFF0E6
  • editor.background#FFF0E6
  • editor.foreground#1C0E04
  • editor.lineHighlightBackground#FFF2E9
  • editor.selectionBackground#8B451380
  • editorCursor.foreground#8B4513
  • editorIndentGuide.activeBackground#8B451360
  • editorIndentGuide.background#53290B20
  • editorWhitespace.foreground#53290B40
  • sideBar.background#FFF2E9
  • sideBar.foreground#1C0E04
  • sideBarSectionHeader.background#FFF0E6
  • statusBar.background#8B4513
  • statusBar.foreground#FFF0E6
  • statusBar.noFolderBackground#8B4513
  • tab.activeBackground#FFF0E6
  • tab.activeForeground#1C0E04
  • tab.inactiveBackground#E6D8CF
  • tab.inactiveForeground#1C0E0480
  • terminal.background#FFF0E6
  • terminal.foreground#1C0E04
  • titleBar.activeBackground#FFF0E6
  • titleBar.activeForeground#1C0E04

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment#53290B
string#8B8113
string.regexp#45138B
constant.numeric#13598B
constant.language#13598Bitalic
keyword#8B4513bold
storage#8B4513
storage.type#13598Bitalic
entity.name.function#138B45
entity.name.class#1D8B13bold
entity.name.type#13598B
variable#1C0E04
variable.parameter#8B131Ditalic
variable.other.property#138B81
punctuation#1C0E04B0