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#a04f36
  • activityBar.border#c04019
  • activityBar.dropBackground#A35E4791
  • activityBar.foreground#F7F1D5
  • activityBarBadge.background#0089A7
  • activityBarBadge.foreground#fcf7e3
  • debugToolBar.background#261C29
  • dropdown.background#A35E4791
  • dropdown.border#A35E4791
  • editor.background#261C29
  • editor.foreground#F7F1D5
  • editor.lineHighlightBackground#3a2b3f
  • editor.selectionBackground#4a2a55b2
  • editorCursor.foreground#F7F1D5
  • editorGroup.dropBackground#A35E4791
  • editorWhitespace.foreground#413944
  • input.background#2f332f
  • list.activeSelectionBackground#775a3a
  • list.dropBackground#A35E4791
  • list.inactiveSelectionBackground#3b3126
  • panel.background#261C29
  • panel.border#4d3255
  • panel.dropBackground#A35E4791
  • panelTitle.activeBorder#261C29
  • panelTitle.activeForeground#F7F1D5
  • panelTitle.inactiveForeground#9c9988
  • sideBar.background#241c27
  • sideBar.border#4d3255
  • sideBar.dropBackground#A35E4791
  • sideBar.foreground#f7f1d6
  • sideBarSectionHeader.background#4d3255
  • sideBarSectionHeader.foreground#fcf6de
  • statusBar.background#60373E
  • statusBar.foreground#fcf6de
  • tab.activeBackground#967249
  • tab.activeForeground#F7F1D5
  • tab.border#533613
  • tab.inactiveBackground#4e3b26
  • tab.inactiveForeground#dfd9bf
  • titleBar.activeBackground#4e3b26
  • titleBar.activeForeground#fcf6de
  • titleBar.border#2c2216
  • titleBar.inactiveBackground#3b3328

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
#F7F1D5
comment#91989F
string#EEA9A9
constant.numeric#F596AA
constant.language#F596AA
constant.character, constant.other#F596AA
variable#8B81C3
keyword#778A33
storage#8B81C3
storage.type#EFBB24italic
entity.name.class#8B81C3underline
entity.other.inherited-class#8B81C3italic underline
entity.name.function#86C166
variable.parameter#8B81C3italic
entity.name.tag#8B81C3
entity.other.attribute-name#86C166
support.function#86C166
support.constant#F596AA
support.type, support.class#EFBB24italic
support.other.variable#8B81C3
invalid#F7F1D5
invalid.deprecated#F7F1D5
meta.attribute#9E7A7A