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#0D0D0D
  • activityBar.foreground#C0C0C0
  • activityBarBadge.background#6A3FCC
  • editor.background#0A0A0A
  • editor.foreground#C0C0C0
  • editor.lineHighlightBackground#15151580
  • editor.selectionBackground#6A3FCC40
  • editorBracketHighlight.foreground1#C0A060
  • editorBracketHighlight.foreground2#B060B0
  • editorBracketHighlight.foreground3#6090C0
  • editorBracketHighlight.foreground4#C06060
  • editorBracketHighlight.foreground5#60B060
  • editorBracketHighlight.foreground6#C08040
  • editorCursor.foreground#D0D0D0
  • editorIndentGuide.activeBackground1#6A3FCC
  • editorLineNumber.activeForeground#D0D0D0
  • editorLineNumber.foreground#505050
  • focusBorder#6A3FCC
  • gitDecoration.addedResourceForeground#50B050
  • gitDecoration.deletedResourceForeground#C05050
  • gitDecoration.modifiedResourceForeground#C0A050
  • sideBar.background#101010
  • sideBar.foreground#B0B0B0
  • statusBar.background#6A3FCC
  • statusBar.foreground#FFFFFF
  • tab.activeBackground#0A0A0A
  • tab.activeBorder#6A3FCC
  • tab.activeForeground#D0D0D0
  • tab.inactiveBackground#151515
  • tab.inactiveForeground#707070
  • terminal.ansiBlue#5090C0
  • terminal.ansiGreen#50B050
  • terminal.ansiMagenta#B050B0
  • terminal.ansiRed#C05050
  • terminal.ansiYellow#C0A050

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment#6A9A6Aitalic
keyword, storage#A070CC
string#5090C0
constant.numeric#C09060
variable#C0A060
entity.name.function#6090C0
entity.name.type.class#60B090
entity.name.tag#C06070