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#F8F0F0
  • activityBar.foreground#210909
  • activityBar.inactiveForeground#21090960
  • activityBarBadge.background#A62B2B
  • activityBarBadge.foreground#F8F0F0
  • editor.background#F8F0F0
  • editor.foreground#210909
  • editor.lineHighlightBackground#F9F2F2
  • editor.selectionBackground#A62B2B80
  • editorCursor.foreground#A62B2B
  • editorIndentGuide.activeBackground#A62B2B60
  • editorIndentGuide.background#641A1A20
  • editorWhitespace.foreground#641A1A40
  • sideBar.background#F9F2F2
  • sideBar.foreground#210909
  • sideBarSectionHeader.background#F8F0F0
  • statusBar.background#A62B2B
  • statusBar.foreground#F8F0F0
  • statusBar.noFolderBackground#A62B2B
  • tab.activeBackground#F8F0F0
  • tab.activeForeground#210909
  • tab.inactiveBackground#DFD8D8
  • tab.inactiveForeground#21090980
  • terminal.background#F8F0F0
  • terminal.foreground#210909
  • titleBar.activeBackground#F8F0F0
  • titleBar.activeForeground#210909

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment#641A1A
string#A6692B
string.regexp#2B2BA6
constant.numeric#2BA6A6
constant.language#2BA6A6italic
keyword#A62B2Bbold
storage#A62B2B
storage.type#2BA6A6italic
entity.name.function#2BA62B
entity.name.class#69A62Bbold
entity.name.type#2BA6A6
variable#210909
variable.parameter#A62B69italic
variable.other.property#2BA669
punctuation#210909B0
Themixir! Elixir Themes for VS Code (and Cursor, and Antigravity, and all the folks) by Lorenzo-SF - VS Code Theme