Skip to main content
CodingTheme

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.activeBackground#393939
  • activityBar.activeBorder#0f62fe
  • activityBar.background#161616
  • activityBar.border#393939
  • activityBar.foreground#ffffff
  • activityBar.inactiveForeground#a8a8a8
  • activityBarBadge.background#0f62fe
  • button.background#0f62fe
  • button.hoverBackground#0353e9
  • editor.background#161616
  • editor.foreground#ffffff
  • editorGroupHeader.tabsBackground#161616
  • editorGroupHeader.tabsBorder#393939
  • editorLineNumber.foreground#c6c6c6
  • editorRuler.foreground#262626
  • extensionButton.prominentBackground#0f62fe
  • extensionButton.prominentHoverBackground#0353e9
  • foreground#c6c6c6
  • gitDecoration.modifiedResourceForeground#33b1ff
  • inputOption.activeBorder#0f62fe
  • list.activeSelectionBackground#393939
  • list.activeSelectionForeground#ffffff
  • list.errorForeground#da1e28
  • list.hoverBackground#393939
  • list.hoverForeground#ffffff
  • list.inactiveSelectionBackground#393939
  • list.inactiveSelectionForeground#ffffff
  • list.warningForeground#f1c21b
  • sideBar.background#161616
  • sideBar.border#393939
  • statusBar.background#0f62fe
  • statusBar.debuggingBackground#8a3ffc
  • statusBar.noFolderBackground#0f62fe
  • tab.activeBackground#393939
  • tab.activeBorder#0f62fe
  • tab.border#0000
  • tab.inactiveBackground#161616

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
keyword, punctuation.separator, punctuation.accessor, entity.name.operator#ee5396
support, entity#a56eff
storage, variable.language, keyword.other.type, entity.other.attribute-name, support.type#4589ff
constant, support.constant#33b1ff
entity.name.function, support.function#08bdba
string#a8a8a8
comment#525252
keyword, storage, constant.language, variable.languageitalic
keyword.operator

Shiki preview

TypeScript sample highlighted with this variant's colors and tokenColors.

Loading...

IBM Theme by Marvin Engelmann - VS Code Theme