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.activeBorder#CE1126
  • activityBar.background#FAFAFA
  • activityBar.foreground#006400
  • activityBar.inactiveForeground#757575
  • activityBarBadge.background#CE1126
  • activityBarBadge.foreground#FFFFFF
  • editor.background#FFFFFF
  • editor.foreground#212121
  • editor.lineHighlightBackground#F0F0F0
  • editor.selectionBackground#0064001A
  • editorCursor.foreground#006400
  • editorGroupHeader.tabsBackground#FAFAFA
  • editorLineNumber.activeForeground#006400
  • editorLineNumber.foreground#BDBDBD
  • focusBorder#006400
  • foreground#212121
  • selection.background#FFD70044
  • sideBar.background#F5F5F5
  • sideBar.border#EEEEEE
  • sideBar.foreground#424242
  • sideBarTitle.foreground#006400
  • statusBar.background#CE1126
  • statusBar.foreground#FFFFFF
  • tab.activeBackground#FFFFFF
  • tab.activeForeground#006400
  • tab.inactiveBackground#FAFAFA
  • tab.inactiveForeground#757575
  • titleBar.activeBackground#FAFAFA
  • titleBar.activeForeground#212121

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment#9E9E9Eitalic
keyword, storage.type#CE1126bold
string#006400
entity.name.function#0D47A1
variable#212121
constant.numeric#E65100
support.type, entity.name.type#006400