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.activeBorder#ff2dff
  • activityBar.background#0d0015
  • activityBar.foreground#ff2dff
  • activityBarBadge.background#ff2dff
  • activityBarBadge.foreground#0a0010
  • button.background#ff2dff
  • button.foreground#0a0010
  • dropdown.background#15002a
  • editor.background#0a0010
  • editor.foreground#f0e6ff
  • editor.lineHighlightBackground#1a003055
  • editor.selectionBackground#ff2dff33
  • editor.wordHighlightBackground#ff2dff18
  • editorBracketMatch.background#ff2dff33
  • editorBracketMatch.border#ff2dff
  • editorCursor.foreground#00ffea
  • editorGutter.addedBackground#00ffb3
  • editorGutter.deletedBackground#ff2d6e
  • editorGutter.modifiedBackground#ffe600
  • editorLineNumber.activeForeground#ff2dff
  • editorLineNumber.foreground#331155
  • focusBorder#ff2dff
  • gitDecoration.modifiedResourceForeground#ffe600
  • gitDecoration.untrackedResourceForeground#00ffb3
  • input.background#15002a
  • input.border#ff2dff44
  • input.foreground#f0e6ff
  • list.activeSelectionBackground#1a0030
  • list.activeSelectionForeground#ff2dff
  • list.hoverBackground#15002a
  • scrollbarSlider.background#ff2dff22
  • scrollbarSlider.hoverBackground#ff2dff44
  • sideBar.background#0c0012
  • sideBar.foreground#d4b8ff
  • sideBarTitle.foreground#ff2dff
  • statusBar.background#1a0030
  • statusBar.foreground#ff2dff
  • tab.activeBackground#1a0030
  • tab.activeBorderTop#ff2dff
  • tab.activeForeground#ff2dff
  • tab.inactiveBackground#0c0012
  • tab.inactiveForeground#553377
  • terminal.ansiBlue#2daaff
  • terminal.ansiCyan#00ffea
  • terminal.ansiGreen#00ffb3
  • terminal.ansiMagenta#ff2dff
  • terminal.ansiRed#ff2d6e
  • terminal.ansiYellow#ffe600
  • terminal.background#0a0010
  • terminal.foreground#f0e6ff
  • titleBar.activeBackground#0d0015
  • titleBar.activeForeground#ff2dff

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
keyword, storage.type, storage.modifier#ff2dffbold
string#ffe600
constant.numeric#00ffb3
entity.name.function, support.function#00ffeabold
variable#d4b8ff
variable.parameter#ff9de2
comment#442266italic
entity.name.type, entity.name.class#ff2d6ebold
keyword.operator#00ffea
entity.name.tag#ff2dffbold
entity.other.attribute-name#ffe600
constant.language, support.constant#00ffb3
support.type, entity.name.type#2daaff
keyword.control.import, keyword.control.from#ff2dffbold italic
meta.decorator, punctuation.decorator#ff2d6e
Digital Circus Theme by luisdaniel - VS Code Theme