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#0A0A12
  • activityBar.foreground#CDF0F6
  • activityBar.inactiveForeground#CDF0F660
  • activityBarBadge.background#06B6D4
  • activityBarBadge.foreground#0A0A12
  • editor.background#0A0A12
  • editor.foreground#CDF0F6
  • editor.lineHighlightBackground#090910
  • editor.selectionBackground#06B6D480
  • editorCursor.foreground#06B6D4
  • editorIndentGuide.activeBackground#06B6D460
  • editorIndentGuide.background#0592AA20
  • editorWhitespace.foreground#0592AA40
  • sideBar.background#090910
  • sideBar.foreground#CDF0F6
  • sideBarSectionHeader.background#0A0A12
  • statusBar.background#06B6D4
  • statusBar.foreground#0A0A12
  • statusBar.noFolderBackground#06B6D4
  • tab.activeBackground#0A0A12
  • tab.activeForeground#CDF0F6
  • tab.inactiveBackground#090910
  • tab.inactiveForeground#CDF0F680
  • terminal.background#0A0A12
  • terminal.foreground#CDF0F6
  • titleBar.activeBackground#0A0A12
  • titleBar.activeForeground#CDF0F6

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment#0592AA
string#064FD4
string.regexp#B6D406
constant.numeric#D42406
constant.language#D42406italic
keyword#06B6D4bold
storage#06B6D4
storage.type#D42406italic
entity.name.function#D406B6
entity.name.class#8B06D4bold
entity.name.type#D42406
variable#CDF0F6
variable.parameter#06D48Bitalic
variable.other.property#D4064F
punctuation#CDF0F6B0
Themixir! Elixir Themes for VS Code (and Cursor, and Antigravity, and all the folks) by Lorenzo-SF - VS Code Theme