Skip to main content
Coding Theme

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#21252B
  • activityBar.foreground#FFFFFF
  • activityBarBadge.background#E06C75
  • activityBarBadge.foreground#FFFFFF
  • editor.background#21252B
  • editor.findMatchBackground#d19a6680
  • editor.findMatchHighlightBackground#D19A6640
  • editor.foreground#ABB2BF
  • editor.lineHighlightBackground#A9B2C31A
  • editor.selectionBackground#A9B2C31A
  • editor.selectionHighlightBackground#A9B2C31A
  • editorCursor.foreground#A9B2C3
  • editorGroupHeader.tabsBackground#181A1F
  • editorLineNumber.foreground#5F6672
  • panel.background#181A1F
  • sideBar.background#181A1F
  • statusBar.background#21252B
  • statusBar.debuggingBackground#181A1F
  • statusBar.debuggingForeground#A9B2C3
  • statusBar.foreground#A9B2C3
  • statusBar.noFolderBackground#181A1F
  • statusBar.noFolderForeground#A9B2C3
  • tab.activeBackground#21252B
  • tab.activeForeground#D4D7D9
  • tab.hoverBackground#A9B2C31A
  • tab.inactiveBackground#181A1F
  • tab.inactiveForeground#5F6672
  • terminal.ansiBlack#21252B
  • terminal.ansiBlue#61AFEF
  • terminal.ansiBrightBlack#5F6672
  • terminal.ansiBrightBlue#007FFF
  • terminal.ansiBrightCyan#08E8DE
  • terminal.ansiBrightGreen#66FF00
  • terminal.ansiBrightMagenta#8B00FF
  • terminal.ansiBrightRed#E34234
  • terminal.ansiBrightWhite#D4D7D9
  • terminal.ansiBrightYellow#E5C07B
  • terminal.ansiCyan#56B6C2
  • terminal.ansiGreen#98C379
  • terminal.ansiMagenta#B57EDC
  • terminal.ansiRed#E06C75
  • terminal.ansiWhite#A9B2C3
  • terminal.ansiYellow#D19A66
  • titleBar.activeBackground#21252B
  • titleBar.inactiveBackground#21252B

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#E06C75
string, string.regexp, constant.other.symbol#98C379
constant.character.escape#737C8C
constant.numeric, constant.character, constant.keyword, constant#BF79C3
entity.name#61AFEF
punctuation#737C8C
invalid#DF334A
meta.diff.range, meta.diff.index, meta.separator#D2D6DB
meta.diff.header.from-file#D2D6DB
meta.diff.header.to-file#D2D6DB

Shiki preview

TypeScript sample highlighted with this variant's colors and tokenColors.

Loading...

Alabaster Theme Dark - Coding Theme