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#1A2A32
  • activityBar.foreground#D9F2FE
  • activityBar.inactiveForeground#D9F2FE60
  • activityBarBadge.background#81D4FA
  • activityBarBadge.foreground#1A2A32
  • editor.background#1A2A32
  • editor.foreground#D9F2FE
  • editor.lineHighlightBackground#17262D
  • editor.selectionBackground#81D4FA80
  • editorCursor.foreground#81D4FA
  • editorIndentGuide.activeBackground#81D4FA60
  • editorIndentGuide.background#67AAC820
  • editorWhitespace.foreground#67AAC840
  • sideBar.background#17262D
  • sideBar.foreground#D9F2FE
  • sideBarSectionHeader.background#1A2A32
  • statusBar.background#81D4FA
  • statusBar.foreground#1A2A32
  • statusBar.noFolderBackground#81D4FA
  • tab.activeBackground#1A2A32
  • tab.activeForeground#D9F2FE
  • tab.inactiveBackground#17262D
  • tab.inactiveForeground#D9F2FE80
  • terminal.background#1A2A32
  • terminal.foreground#D9F2FE
  • titleBar.activeBackground#1A2A32
  • titleBar.activeForeground#D9F2FE

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment#67AAC8
string#8198FA
string.regexp#D4FA81
constant.numeric#FAA781
constant.language#FAA781italic
keyword#81D4FAbold
storage#81D4FA
storage.type#FAA781italic
entity.name.function#FA81D4
entity.name.class#E381FAbold
entity.name.type#FAA781
variable#D9F2FE
variable.parameter#81FAE3italic
variable.other.property#FA8198
punctuation#D9F2FEB0