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#ff0000
  • activityBarBadge.foreground#ffffff
  • editor.background#000000
  • editor.foreground#ffffff
  • editor.lineHighlightBackground#1a1a1a
  • editor.selectionBackground#333333
  • editorCursor.foreground#ff0000
  • editorGroupHeader.tabsBackground#111111
  • editorIndentGuide.background#222222
  • editorLineNumber.activeForeground#888888
  • editorLineNumber.foreground#555555
  • editorWhitespace.foreground#444444
  • panel.background#111111
  • panelTitle.activeForeground#ffffff
  • panelTitle.inactiveForeground#999999
  • sideBar.background#111111
  • sideBarTitle.foreground#ffffff
  • statusBar.background#000000
  • statusBar.foreground#ffffff
  • tab.activeBackground#333333
  • tab.activeForeground#ffffff
  • tab.inactiveBackground#222222
  • tab.inactiveForeground#999999
  • terminal.background#000000
  • terminal.foreground#ffffff
  • terminalCursor.foreground#ff0000
  • titleBar.activeBackground#000000
  • titleBar.activeForeground#ffffff

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#888888
keyword#ff0000
constant.numeric#00ff00
string#0000ff
entity.name.type, support.type#ffff00
entity.name.function, support.function#ff00ff
variable#00ffff
Jackson Pollock Theme by Basilecom Inc. - VS Code Theme