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#18181c
  • activityBar.foreground#e0def4
  • editor.background#18181c
  • editor.foreground#e0def4
  • editor.lineHighlightBackground#494852
  • editor.selectionBackground#403d52
  • editor.selectionHighlightBackground#524f67
  • editor.wordHighlightBackground#403d52
  • editor.wordHighlightStrongBackground#524f67
  • editorCursor.foreground#eb6f92
  • editorLineNumber.foreground#908caa
  • sideBar.background#18181c
  • sideBar.foreground#e0def4
  • statusBar.background#18181c
  • statusBar.border#18181c
  • statusBar.debuggingBackground#18181c
  • statusBar.debuggingForeground#e0def4
  • statusBar.foreground#e0def4
  • statusBar.noFolderBackground#18181c
  • statusBar.noFolderForeground#e0def4
  • statusBarItem.hoverBackground#2a2a2e

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#6e6c86italic
string, constant.other.symbol, constant.other.key, entity.other.inherited-class#ebbcba
function, entity.name.function, variable.function#31748f
keyword, storage.type, storage.modifier#eb6f92bold
variable, variable.other, variable.language, variable.parameter#9ccfd8
constant.numeric, constant.language, support.constant#f6c177
entity.name.tag, meta.tag#f6c177
meta.block, meta.embedded.block#95b1ac
meta.structure.dictionary.json support.type.property-name.json, variable.other.json#eb6f92
markup.inserted, markup.changed#ebbcba
markup.deleted#f6c177
markup.italic, markup.bold, markup.underline#eb6f92italic
string.regexp, constant.character.escape#9ccfd8
text.html.markdown, punctuation.definition.list_item.markdown#e0def4
text.html.markdown markup.inline.raw.markdown#9ccfd8
bloodpine by Maharshi - VS Code Theme