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#fc7c05
  • activityBar.activeFocusBorder#bd5e06
  • activityBar.border#5b2e0339
  • activityBar.foreground#ffa047
  • activityBar.inactiveForeground#8f4805
  • activityBarBadge.background#fc7c05
  • badge.background#850000
  • editor.background#232323
  • focusBorder#fc7c05
  • list.activeSelectionBackground#803f0243
  • list.focusAndSelectionOutline#fc7c05
  • list.inactiveSelectionBackground#fc7c053c
  • menu.background#282828
  • menu.selectionBackground#ff7b0074
  • sideBar.background#1a1a1a
  • sideBar.border#8d470625
  • statusBar.background#85410165
  • statusBarItem.remoteBackground#fc7c05
  • tab.activeBackground#fc7c0516
  • tab.activeBorderTop#fc7c05
  • tab.border#6f37031a
  • tab.hoverBackground#7b3d03b9
  • terminal.background#121212
  • terminal.border#ad0202
  • terminal.tab.activeBorder#fc7c05
  • titleBar.border#fc7c050e
  • window.activeBorder#85420425

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment#00af0c
string#c7884a
variable#8effff
entity.name.function#fff07a
keyword#ff73d3
storage.type#c085ff
constant.numeric#beffac
keyword.operator#70602dbold
source.python, punctuation.definition.variable.python#a8a8a8
storage.modifier.declaration.python#de8e58bold
Pumpkin Orange by Hollo - VS Code Theme