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#F0F0F0
  • activityBar.foreground#007ACC
  • editor.background#F7F7F7
  • editor.findMatchBackground#FFBC5D
  • editor.findMatchHighlightBackground#FFD86381
  • editor.foreground#000
  • editor.lineHighlightBackground#F0F0F0
  • editor.selectionBackground#BFDBFE
  • editor.selectionHighlightBackground#CFCFCF81
  • editorCursor.foreground#007ACC
  • editorGroupHeader.tabsBackground#F0F0F0
  • editorLineNumber.foreground#9DA39A
  • editorSuggestWidget.focusHighlightForeground#000000
  • editorSuggestWidget.highlightForeground#000000
  • editorSuggestWidget.selectedBackground#DDDDDD
  • editorSuggestWidget.selectedForeground#000000
  • focusBorder#CCCCCC
  • list.activeSelectionBackground#DDDDDD
  • list.activeSelectionForeground#000000
  • list.focusHighlightForeground#007ACC
  • list.inactiveSelectionBackground#E6E6E6
  • panel.background#F0F0F0
  • quickInputList.focusBackground#DDDDDD
  • quickInputList.focusForeground#000000
  • sideBar.background#F0F0F0
  • statusBar.background#DDDDDD
  • statusBar.debuggingBackground#FFBC5D
  • statusBar.debuggingForeground#000
  • statusBar.foreground#474747
  • statusBar.noFolderBackground#7A3E9D
  • statusBar.noFolderForeground#fff
  • terminal.ansiBlack#000000
  • terminal.ansiBlue#325CC0
  • terminal.ansiBrightBlack#777777
  • terminal.ansiBrightBlue#007ACC
  • terminal.ansiBrightCyan#00AACB
  • terminal.ansiBrightGreen#60CB00
  • terminal.ansiBrightMagenta#E64CE6
  • terminal.ansiBrightRed#F05050
  • terminal.ansiBrightWhite#FFFFFF
  • terminal.ansiBrightYellow#FFBC5D
  • terminal.ansiCyan#0083B2
  • terminal.ansiGreen#448C27
  • terminal.ansiMagenta#7A3E9D
  • terminal.ansiRed#AA3731
  • terminal.ansiWhite#BBBBBB
  • terminal.ansiYellow#CB9000

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#AA3731
string, string.regexp, constant.other.symbol#448C27
constant.character.escape#777777
constant.numeric, constant.character, constant.keyword, constant#7A3E9D
entity.name#325CC0
punctuation#777777
invalid#660000
meta.diff.range, meta.diff.index, meta.separator#434343
meta.diff.header.from-file#434343
meta.diff.header.to-file#434343

Shiki preview

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

Loading...

Alabaster Theme - Coding Theme