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#2C2C2C
  • activityBar.foreground#A9C9FF
  • activityBarBadge.background#FF8C00
  • activityBarBadge.foreground#301934
  • button.background#FF8C00
  • button.foreground#FFFFFF
  • editor.background#2A2A2A
  • editor.foreground#79eb40
  • editor.lineHighlightBackground#3A3A3A
  • editor.selectionBackground#FF8C00A0
  • editor.selectionHighlightBackground#FFCC0033
  • editorCursor.foreground#FF0080
  • editorError.foreground#FF5555
  • editorGroupHeader.tabsBackground#3B3B3B
  • editorLineNumber.foreground#FFFFFF
  • editorWarning.foreground#FFCC00
  • sideBar.background#2B2B2B
  • sideBar.foreground#F0F0F0
  • sideBarTitle.foreground#FF8C00
  • statusBar.background#3D3D3D
  • statusBar.foreground#FFD700
  • tab.activeBackground#444444
  • tab.activeForeground#0cdfb5
  • tab.inactiveBackground#333333
  • tab.inactiveForeground#a1a1a1
  • terminal.ansiBlue#6CC6FF
  • terminal.ansiBrightBlue#66B3FF
  • terminal.ansiYellow#FFEB3B
  • terminal.background#121212
  • terminal.foreground#5df8f6
  • terminalCursor.foreground#e4e400

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
string constant.other.placeholder#f400c3
storage.type#fc3eff
keyword#fe3eee
variable#d76666bold
keyword.control, constant.other.color#ca97ca
entity.name.function, keyword.operator, punctuation#A9C9FF
entity.name.tag, punctuation.definition.tag#FF5555
Raipur Radiance by Ashish Namdeo - VS Code Theme