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#000000
  • activityBar.foreground#ffffff
  • activityBarBadge.background#0066ff
  • activityBarBadge.foreground#ffffff
  • badge.background#0066ff
  • badge.foreground#ffffff
  • button.background#0066ff
  • button.foreground#ffffff
  • button.hoverBackground#0088ff
  • editor.background#000000
  • editor.findMatchBackground#00ff0055
  • editor.findMatchHighlightBackground#00ff0033
  • editor.foreground#ffffff
  • editor.selectionBackground#0066ff
  • editor.selectionHighlightBackground#0066ff55
  • editor.wordHighlightBackground#ffff0055
  • editor.wordHighlightStrongBackground#ff660055
  • editorError.foreground#ff0000
  • editorGroup.border#111111
  • editorInfo.foreground#00ccff
  • editorWarning.foreground#ffcc00
  • errorForeground#ff0000
  • list.activeSelectionBackground#0066ff
  • list.activeSelectionForeground#ffffff
  • list.highlightForeground#00ccff
  • list.hoverBackground#333333
  • list.hoverForeground#ffffff
  • panel.background#0a0a0a
  • panel.border#111111
  • problemsErrorIcon.foreground#ff0000
  • problemsWarningIcon.foreground#ffcc00
  • scrollbarSlider.activeBackground#ffffff77
  • scrollbarSlider.background#ffffff33
  • scrollbarSlider.hoverBackground#ffffff55
  • sideBar.background#0a0a0a
  • sideBar.border#111111
  • sideBar.foreground#ffffff
  • statusBar.background#000000
  • statusBar.border#111111
  • statusBar.foreground#ffffff
  • terminal.background#000000
  • terminal.foreground#ffffff
  • titleBar.activeBackground#0a0a0a
  • titleBar.activeForeground#ffffff

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#00ff00italic
variable, string constant.other.placeholder#9cdcfe
constant.other.color#ffffff
invalid, invalid.illegal#ff0000
keyword, storage.type, storage.modifier#00ffff
keyword.operator, constant.other.color, punctuation, meta.tag, punctuation.definition.tag, punctuation.separator.inheritance.php, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html#ffff00
entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method#0099ff
string, constant.other.symbol, constant.other.key#ce9178
constant.numeric#b5cea8
constant.language.boolean#569cd6
entity.name.type, entity.name.class, support.type, support.class, support.other.namespace.use.php, meta.use.php, support.other.namespace.php#66ff00
entity.name.tag, meta.tag.sgml#00ffff
entity.other.attribute-name#ffff00
The High Contrast Dark Theme by Abhishek Kumar codeabode.in - VS Code Theme