Skip to main content
Coding Theme

Color themes

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#050608
  • activityBar.border#30363d
  • activityBar.foreground#00f0ff
  • activityBarBadge.background#00f0ff
  • activityBarBadge.foreground#050608
  • editor.background#0a0e14
  • editor.foreground#e6e6e6
  • editor.lineHighlightBackground#0f131a
  • editorCursor.foreground#00f0ff
  • editorIndentGuide.activeBackground#8b9bb4
  • editorIndentGuide.background#30363d
  • editorLineNumber.activeForeground#00f0ff
  • editorLineNumber.foreground#8b9bb4
  • editorWhitespace.foreground#30363d
  • focusBorder#00f0ff
  • input.background#0f131a
  • input.border#30363d
  • input.foreground#e6e6e6
  • list.activeSelectionBackground#30363d
  • list.activeSelectionForeground#00f0ff
  • list.hoverBackground#0f131a
  • scrollbarSlider.activeBackground#00f0ffaa
  • scrollbarSlider.background#30363d66
  • scrollbarSlider.hoverBackground#30363daa
  • sideBar.background#0f131a
  • sideBar.border#30363d
  • sideBar.foreground#e6e6e6
  • sideBarTitle.foreground#bfdbfe
  • statusBar.background#00f0ff
  • statusBar.debuggingBackground#ff9900
  • statusBar.foreground#050608
  • tab.activeBackground#0a0e14
  • tab.activeForeground#00f0ff
  • tab.border#050608
  • tab.inactiveBackground#0f131a
  • tab.inactiveForeground#636e7b
  • titleBar.activeBackground#050608
  • titleBar.activeForeground#e6e6e6
  • titleBar.inactiveBackground#050608

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#8b9bb4italic
string#00ff41
constant.numeric#ff9900
keyword, storage#ff00ffbold
storage.type#ff00ffitalic
entity.name.function, meta.function-call#33ccff
variable, variable.parameter, variable.other#bfdbfe
entity.name.type, support.class#00f0ffbold
entity.name.tag#ff00ff
entity.other.attribute-name#33ccff
Productive Hadi Theme by hadi-dev - VS Code Theme