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#120A12
  • activityBar.foreground#E8DEFD
  • activityBar.inactiveForeground#E8DEFD60
  • activityBarBadge.background#8B5CF6
  • activityBarBadge.foreground#120A12
  • editor.background#120A12
  • editor.foreground#E8DEFD
  • editor.lineHighlightBackground#100910
  • editor.selectionBackground#8B5CF680
  • editorCursor.foreground#8B5CF6
  • editorIndentGuide.activeBackground#8B5CF660
  • editorIndentGuide.background#6F4AC520
  • editorWhitespace.foreground#6F4AC540
  • sideBar.background#100910
  • sideBar.foreground#E8DEFD
  • sideBarSectionHeader.background#120A12
  • statusBar.background#8B5CF6
  • statusBar.foreground#120A12
  • statusBar.noFolderBackground#8B5CF6
  • tab.activeBackground#120A12
  • tab.activeForeground#E8DEFD
  • tab.inactiveBackground#100910
  • tab.inactiveForeground#E8DEFD80
  • terminal.background#120A12
  • terminal.foreground#E8DEFD
  • titleBar.activeBackground#120A12
  • titleBar.activeForeground#E8DEFD

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment#6F4AC5
string#D85CF6
string.regexp#5CF68B
constant.numeric#C7F65C
constant.language#C7F65Citalic
keyword#8B5CF6bold
storage#8B5CF6
storage.type#C7F65Citalic
entity.name.function#F68B5C
entity.name.class#F65C7Abold
entity.name.type#C7F65C
variable#E8DEFD
variable.parameter#5C7AF6italic
variable.other.property#F6D85C
punctuation#E8DEFDB0