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#F0F0F8
  • activityBar.foreground#011F27
  • activityBar.inactiveForeground#011F2760
  • activityBarBadge.background#059AC1
  • activityBarBadge.foreground#F0F0F8
  • editor.background#F0F0F8
  • editor.foreground#011F27
  • editor.lineHighlightBackground#F2F2F9
  • editor.selectionBackground#059AC180
  • editorCursor.foreground#059AC1
  • editorIndentGuide.activeBackground#059AC160
  • editorIndentGuide.background#035C7420
  • editorWhitespace.foreground#035C7440
  • sideBar.background#F2F2F9
  • sideBar.foreground#011F27
  • sideBarSectionHeader.background#F0F0F8
  • statusBar.background#059AC1
  • statusBar.foreground#F0F0F8
  • statusBar.noFolderBackground#059AC1
  • tab.activeBackground#F0F0F8
  • tab.activeForeground#011F27
  • tab.inactiveBackground#D8D8DF
  • tab.inactiveForeground#011F2780
  • terminal.background#F0F0F8
  • terminal.foreground#011F27
  • titleBar.activeBackground#F0F0F8
  • titleBar.activeForeground#011F27

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment#035C74
string#053CC1
string.regexp#9AC105
constant.numeric#C12C05
constant.language#C12C05italic
keyword#059AC1bold
storage#059AC1
storage.type#C12C05italic
entity.name.function#C1059A
entity.name.class#8A05C1bold
entity.name.type#C12C05
variable#011F27
variable.parameter#05C18Aitalic
variable.other.property#C1053C
punctuation#011F27B0
Themixir! Elixir Themes for VS Code (and Cursor, and Antigravity, and all the folks) by Lorenzo-SF - VS Code Theme