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#310000
  • activityBar.foreground#e0ab25
  • activityBarBadge.background#ffdd87
  • activityBarBadge.foreground#232935
  • editor.background#310000
  • editor.foreground#cc6600
  • editor.lineHighlightBackground#090809
  • editor.selectionBackground#43526e
  • editor.wordHighlightBackground#141820
  • editorCursor.foreground#b10000
  • editorGroupHeader.tabsBackground#5a0000
  • editorIndentGuide.background#802f00
  • editorLineNumber.foreground#b10000
  • editorSuggestWidget.background#310000
  • editorWhitespace.foreground#3b3a32
  • editorWidget.background#310000
  • foreground#A8B2C2
  • input.background#310000
  • input.foreground#ff0000
  • list.activeSelectionBackground#5a0000
  • list.activeSelectionForeground#ad4159
  • list.focusBackground#F7D070
  • list.hoverBackground#ca002c
  • list.inactiveSelectionBackground#5a0000
  • panel.background#2b0000
  • pickerGroup.foreground#F3B61F
  • sideBar.background#4d0000
  • sideBarSectionHeader.background#310000
  • sideBarTitle.foreground#f44747
  • statusBar.background#b10000
  • tab.activeBackground#310000
  • tab.inactiveBackground#5a0000
  • titleBar.activeBackground#b10000
  • titleBar.inactiveBackground#b10000

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
#ff8000
comment#994d00
constant#85CB33
entity#19cca5
invalid#4d0000
keyword#DB9CF7
storage#85CB33
string#EF2D56
support#19cca5
variable#cc6600
markup.heading#19cca5
markup.deleted#F74545
markup.inserted#EF2D56
markup.changed#994d00
markup.underlineunderline
markup.underline.link#49ace9
markup.list#cc6600
markup.raw#85CB33

Shiki preview

TypeScript sample highlighted with this variant's colors and tokenColors.

Loading...

Sandstorm Color Theme - Coding Theme