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#060A0F
  • activityBar.foreground#7DEBFF
  • activityBar.inactiveForeground#4FA3B8
  • editor.background#060A0F
  • editor.foreground#D9F2FF
  • editor.inactiveSelectionBackground#141F2A
  • editor.lineHighlightBackground#0F1620
  • editor.selectionBackground#1C2A38
  • editorCursor.foreground#7DEBFF
  • panel.background#060A0F
  • sideBar.background#0B1118
  • sideBar.border#16222E
  • sideBar.foreground#CFEFFF
  • statusBar.background#0B1118
  • statusBar.foreground#7DEBFF
  • terminal.ansiBlack#121A22
  • terminal.ansiBlue#7DEBFF
  • terminal.ansiCyan#B8F6FF
  • terminal.ansiGreen#A4F4FF
  • terminal.ansiMagenta#9ADFFF
  • terminal.ansiRed#8ED1FF
  • terminal.ansiWhite#E6FAFF
  • terminal.ansiYellow#C7F0FF
  • terminal.background#060A0F
  • terminal.foreground#D9F2FF
  • titleBar.activeBackground#0B1118
  • titleBar.activeForeground#CFEFFF

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment#6C8A9Bitalic
string#A4F4FF
keyword#7DEBFFbold
entity.name.function#8ED1FF
variable#D9F2FF
constant.numeric#C7F0FF
entity.name.type#9ADFFF