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#FFFFDD
  • activityBar.border#000000
  • activityBar.dropBackground#99994c
  • activityBar.foreground#000000
  • activityBarBadge.background#8888cc
  • activityBarBadge.foreground#000000
  • badge.background#8888cc
  • badge.foreground#000000
  • button.background#FFFFDD
  • button.foreground#000000
  • editor.background#FFFFDD
  • editor.foreground#000000
  • editor.hoverHighlightBackground#FFFFDD
  • editor.inactiveSelectionBackground#D4D4C6
  • editor.selectionBackground#B2D7F0
  • editor.selectionHighlightBackground#B2D7F0
  • editorBracketHighlight.foreground1#000000
  • editorBracketHighlight.foreground2#000000
  • editorBracketHighlight.foreground3#000000
  • editorBracketHighlight.foreground4#000000
  • editorBracketHighlight.foreground5#000000
  • editorBracketHighlight.foreground6#000000
  • editorBracketHighlight.unexpectedBracket.foreground#db6165
  • editorGroupHeader.tabsBackground#FFFFDD
  • editorSuggestWidget.selectedForeground#FFFFDD
  • input.background#FFFFDD
  • input.border#000000
  • input.foreground#000000
  • input.placeholderForeground#000000
  • list.focusHighlightForeground#FFFFDD
  • panel.background#FFFFDD
  • quickInputList.focusForeground#FFFFDD
  • scrollbarSlider.activeBackground#99994c
  • scrollbarSlider.background#99994c
  • scrollbarSlider.hoverBackground#99994c
  • selection.background#FFFFDD
  • sideBar.background#FFFFDD
  • sideBar.border#000000
  • sideBar.dropBackground#99994c
  • sideBar.foreground#000000
  • sideBarSectionHeader.background#FFFFDD
  • statusBar.background#FFFFDD
  • statusBar.border#000000
  • statusBar.foreground#000000
  • tab.activeBackground#FFFFDD
  • tab.activeBorder#000000
  • tab.activeBorderTop#FFFFDD
  • tab.activeForeground#000000
  • tab.border#FFFFDD
  • tab.hoverBackground#FFFFDD
  • tab.hoverBorder#FFFFDD
  • tab.inactiveBackground#FFFFDD
  • tab.inactiveForeground#000000
  • terminal.ansiBlack#000000
  • terminal.ansiBlue#000000
  • terminal.ansiBrightBlack#D4D4C6
  • terminal.ansiBrightBlue#000000
  • terminal.ansiBrightCyan#000000
  • terminal.ansiBrightGreen#000000
  • terminal.ansiBrightMagenta#000000
  • terminal.ansiBrightRed#000000
  • terminal.ansiBrightWhite#000000
  • terminal.ansiBrightYellow#000000
  • terminal.ansiCyan#000000
  • terminal.ansiGreen#000000
  • terminal.ansiMagenta#000000
  • terminal.ansiRed#000000
  • terminal.ansiWhite#000000
  • terminal.ansiYellow#000000
  • terminal.background#FFFFDD
  • terminal.foreground#000000

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle