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

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#6C6F85italic
string, constant.other.symbol#40A02B
constant.numeric, constant.language#EA76CB
keyword, storage.type, storage.modifier#D20F39
entity.name.function, support.function#1E66F5
entity.name.type, support.type, support.class#DF8E1D
variable.language, variable.parameter#179299
entity.name.tag#D20F39
entity.other.attribute-name#DF8E1D