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#FFCCE9
  • activityBar.inactiveForeground#FFCCE960
  • activityBarBadge.background#FF0090
  • activityBarBadge.foreground#120A12
  • editor.background#120A12
  • editor.foreground#FFCCE9
  • editor.lineHighlightBackground#100910
  • editor.selectionBackground#FF009080
  • editorCursor.foreground#FF0090
  • editorIndentGuide.activeBackground#FF009060
  • editorIndentGuide.background#CC007320
  • editorWhitespace.foreground#CC007340
  • sideBar.background#100910
  • sideBar.foreground#FFCCE9
  • sideBarSectionHeader.background#120A12
  • statusBar.background#FF0090
  • statusBar.foreground#120A12
  • statusBar.noFolderBackground#FF0090
  • tab.activeBackground#120A12
  • tab.activeForeground#FFCCE9
  • tab.inactiveBackground#100910
  • tab.inactiveForeground#FFCCE980
  • terminal.background#120A12
  • terminal.foreground#FFCCE9
  • titleBar.activeBackground#120A12
  • titleBar.activeForeground#FFCCE9

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment#CC0073
string#FF0010
string.regexp#0090FF
constant.numeric#00FF6F
constant.language#00FF6Fitalic
keyword#FF0090bold
storage#FF0090
storage.type#00FF6Fitalic
entity.name.function#90FF00
entity.name.class#FFEF00bold
entity.name.type#00FF6F
variable#FFCCE9
variable.parameter#EF00FFitalic
variable.other.property#10FF00
punctuation#FFCCE9B0