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#E6E9EF
  • activityBar.foreground#4C4F69
  • descriptionForeground#7C7F93
  • editor.background#EFF1F5
  • editor.foreground#4C4F69
  • editor.inactiveSelectionBackground#CCD0DA
  • editor.selectionBackground#CCD0DA
  • editorCursor.foreground#8839EF
  • editorLineNumber.activeForeground#4C4F69
  • editorLineNumber.foreground#7C7F93
  • editorWidget.background#E6E9EF
  • editorWidget.foreground#4C4F69
  • errorForeground#D20F39
  • focusBorder#8839EF
  • foreground#4C4F69
  • panel.background#EFF1F5
  • panel.border#7C7F93
  • sideBar.background#E6E9EF
  • sideBar.foreground#4C4F69
  • statusBar.background#E6E9EF
  • statusBar.foreground#4C4F69
  • terminal.ansiBlack#5C5F77
  • terminal.ansiBlue#1E66F5
  • terminal.ansiBrightBlack#7C7F93
  • terminal.ansiBrightBlue#1E66F5
  • terminal.ansiBrightCyan#04A5E5
  • terminal.ansiBrightGreen#40A02B
  • terminal.ansiBrightMagenta#8839EF
  • terminal.ansiBrightRed#D20F39
  • terminal.ansiBrightWhite#4C4F69
  • terminal.ansiBrightYellow#DF8E1D
  • terminal.ansiCyan#04A5E5
  • terminal.ansiGreen#40A02B
  • terminal.ansiMagenta#8839EF
  • terminal.ansiRed#D20F39
  • terminal.ansiWhite#ACB0BE
  • terminal.ansiYellow#DF8E1D
  • terminal.background#EFF1F5
  • terminal.foreground#4C4F69
  • terminal.selectionBackground#CCD0DA
  • terminalCursor.foreground#8839EF
  • textLink.activeForeground#8839EF
  • textLink.foreground#1E66F5
  • titleBar.activeBackground#E6E9EF
  • titleBar.activeForeground#4C4F69

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#7C7F93italic
string, constant.other.symbol#40A02B
constant.numeric, constant.language#8839EF
keyword, storage.type, storage.modifier#D20F39
entity.name.function, support.function#1E66F5
entity.name.type, support.type, support.class#DF8E1D
variable.language, variable.parameter#04A5E5
entity.name.tag#D20F39
entity.other.attribute-name#DF8E1D