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#E7E7EA
  • activityBar.foreground#1F1F21
  • activityBarBadge.background#3B6EBB
  • activityBarBadge.foreground#FFFFFF
  • button.background#A8863B
  • button.foreground#FFFFFF
  • button.hoverBackground#927535
  • editor.background#F5F5F7
  • editor.foreground#1F1F21
  • editor.inactiveSelectionBackground#E3E7F4
  • editor.selectionBackground#D8DFF0
  • editor.selectionHighlightBackground#EDF0FA
  • editorIndentGuide.activeBackground1#B1B1B6
  • editorIndentGuide.background1#D1D1D4
  • editorSuggestWidget.background#FFFFFF
  • editorSuggestWidget.border#C7C7CC
  • editorSuggestWidget.foreground#1F1F21
  • editorSuggestWidget.selectedBackground#DDE4F3
  • input.background#FFFFFF
  • input.border#CECED3
  • input.placeholderForeground#7B7B81
  • list.activeSelectionBackground#D0D8EB
  • list.hoverBackground#E5EAF6
  • list.inactiveSelectionBackground#E3E8F4
  • menu.background#FFFFFF
  • menu.border#CECED3
  • menu.foreground#1F1F21
  • panel.background#F4F4F6
  • panel.border#D4D4D8
  • sideBar.background#F5F5F7
  • sideBar.border#D6D6DA
  • sideBar.foreground#2A2A2C
  • statusBar.background#D4D4D8
  • statusBar.border#C8C8CC
  • statusBar.foreground#1F1F21
  • tab.activeBackground#FFFFFF
  • tab.activeForeground#1F1F21
  • tab.border#CECED3
  • tab.inactiveBackground#EFEFF2
  • terminal.ansiBlack#2A2A2C
  • terminal.ansiBlue#3B6EBB
  • terminal.ansiBrightBlack#3A3A3C
  • terminal.ansiBrightBlue#437CCF
  • terminal.ansiBrightCyan#61A4BA
  • terminal.ansiBrightGreen#B99745
  • terminal.ansiBrightMagenta#7765A6
  • terminal.ansiBrightRed#815935
  • terminal.ansiBrightWhite#FFFFFF
  • terminal.ansiBrightYellow#CFBB6C
  • terminal.ansiCyan#568FA8
  • terminal.ansiGreen#A8863B
  • terminal.ansiMagenta#6C5A96
  • terminal.ansiRed#6D4A2E
  • terminal.ansiWhite#ECECEE
  • terminal.ansiYellow#C0A95C
  • terminal.background#F5F5F7
  • terminal.foreground#1F1F21
  • terminalCursor.background#1F1F21
  • terminalCursor.foreground#1F1F21
  • titleBar.activeBackground#EFEFF2
  • titleBar.activeForeground#1F1F21
  • titleBar.inactiveBackground#E8E8EC
  • titleBar.inactiveForeground#7B7B81

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment#7C7C80italic
keyword#3B6EBB
variable#1F1F21
string, constant.character#6D4A2E
constant.numeric, constant.language#A8863B
storage.type#6C5A96
entity.name.function#3B6EBB
entity.name.tag, punctuation.definition.tag#6C5A96
Sigmaris Universal Accessibility Themes by Kaisei-Yasuzaki - VS Code Theme