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#8e24aa
  • activityBar.border#8e24aa
  • activityBar.foreground#FAFAFA
  • activityBarBadge.background#C2185BCC
  • activityBarBadge.foreground#FAFAFA
  • editor.background#1e1b29CC
  • editor.foreground#ADEBB3
  • editor.lineHighlightBackground#8e24aa22
  • editor.selectionBackground#8e24aa66
  • editorCursor.foreground#FFD180
  • editorGroup.border#8e24aa
  • editorGroupHeader.tabsBackground#1e1b29CC
  • editorGroupHeader.tabsBorder#8e24aa
  • sideBar.background#1e1b29CC
  • sideBar.border#8e24aa
  • sideBar.foreground#D1C4E9
  • sideBarTitle.foreground#FAFAFA
  • statusBar.background#8e24aa
  • statusBar.border#4A148C
  • statusBar.foreground#FAFAFA
  • terminal.ansiBlack#000000
  • terminal.ansiBlue#80DEEA
  • terminal.ansiCyan#E040FB
  • terminal.ansiGreen#C3E88D
  • terminal.ansiMagenta#B388FF
  • terminal.ansiRed#FF1744
  • terminal.ansiWhite#FFFFFF
  • terminal.ansiYellow#FFD180
  • terminal.foreground#ADEBB3
  • terminalCursor.foreground#FFD180
  • titleBar.activeBackground#4A148C
  • titleBar.activeForeground#FAFAFA
  • titleBar.border#8e24aa
  • titleBar.inactiveBackground#4A148C99
  • titleBar.inactiveForeground#FAFAFA99

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#B0BEC5italic
variable, string constant.other.placeholder#C3E88D
invalid, invalid.illegal#FF1744
keyword, storage.type, storage.modifier#B388FF
keyword.control, constant.other.color, punctuation, meta.tag#80DEEA
entity.name.function, meta.function-call#FFAB91
string, constant.other.symbol, markup.heading#FFD180
entity.name, support.class#FF8A80
entity.other.attribute-name#FFAB91
source.sass keyword.control#E040FB
MonRch Darc Theme by MonRch - VS Code Theme