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#0a000a
  • activityBar.foreground#FFFFFF
  • activityBarBadge.background#c080ff
  • activityBarBadge.foreground#000000
  • editor.background#000000
  • editor.foreground#FFFFFF
  • panel.background#000000
  • panel.border#c080ff
  • sideBar.background#0a000a
  • sideBar.foreground#FFFFFF
  • sideBarTitle.foreground#c080ff
  • statusBar.background#000000
  • statusBar.border#c080ff
  • statusBar.foreground#FFFFFF
  • tab.activeBackground#000000
  • tab.activeForeground#FFFFFF
  • tab.border#c080ff
  • tab.inactiveBackground#1a002f
  • tab.inactiveForeground#8f5fbf
  • terminal.background#000000
  • terminal.foreground#FFFFFF
  • terminalCursor.background#FFFFFF
  • terminalCursor.foreground#c080ff
  • titleBar.activeBackground#0f001f
  • titleBar.activeForeground#FFFFFF
  • titleBar.inactiveBackground#1a002f
  • titleBar.inactiveForeground#8f5fbf

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
meta, entity, variable, punctuation, text#FFFFFF
comment, punctuation.definition.comment#888888italic
string#b2e88f
keyword, storage.type, storage.modifier#c080ff
constant.numeric, constant.language, constant.character, constant.other#ffae57
entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method#ffc66d
entity.name.type.class, entity.name.class, support.class, support.type, entity.other.inherited-class#80c0ff
invalid, invalid.illegal#ff5370
entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter#ff80c0
entity.other.attribute-name, meta.tag.sgml.attribute.name#80e8ff
entity.other.attribute-name.id, entity.other.attribute-name.class#c080ff
keyword.operator, punctuation.separator, punctuation.terminator#FFFFFF
coderplex-theme by zeshancodes - VS Code Theme