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#282e3d
  • activityBar.border#000000
  • editor.background#282e3d
  • editorGroupHeader.tabsBackground#222935
  • editorUnnecessaryCode.opacity#97979790
  • panel.border#000000
  • panelSectionHeader.foreground#ffcc66
  • panelTitle.activeBorder#ffcc66
  • sideBar.background#222935
  • sideBar.border#000000
  • statusBar.background#222935
  • statusBar.border#000000
  • tab.activeBorderTop#ffcc66
  • tab.border#000000
  • tab.inactiveBackground#222935
  • terminal.tab.activeBorder#ffcc66
  • titleBar.activeBackground#222935
  • titleBar.border#000000

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
emphasis, storage, comment, entity.other.attribute-name, entity.other.attribute-name.html, entity.other.attribute-name.tag.jade, entity.other.attribute-name.tag.pug, markup.italic, keyword.control, variable.languageitalic
strong, markup.bold, markup.headingbold
markup.underlineunderline
comment#999999
keyword.operator.class, constant.other, source.php.embedded.line#CCCCCC
variable, support.other.variable, string.other.link, entity.name.tag, entity.other.attribute-name, meta.tag, declaration.tag#F2777A
constant.numeric, constant.language, support.constant, constant.character, variable.parameter, punctuation.section.embedded, keyword.other.unit#F99157
entity.name.class, entity.name.type.class, support.type, support.class#FFCC66
string, constant.other.symbol, entity.other.inherited-class, markup.heading#99CC99
keyword.operator, constant.other.color#66CCCC
entity.name.function, meta.function-call, support.function, keyword.other.special-method, meta.block-level#6699CC
keyword, storage, storage.type, entity.name.tag.css#CC99CC
invalid#CDCDCD
meta.separator#CDCDCD
invalid.deprecated#CDCDCD
variable.other.readwrite, meta.function-call#C6C8C6
variable.other.property, meta.attribute.python#C6C8C6
keyword.controlitalic
comment#97979790
constant.other.caps.python, constant.language, constant.numeric.dec.python, constant.numeric.float.python, support.variable.magic.python#CC6566
token.info-token#6796E6
token.warn-token#CD9731
token.error-token#F44747
token.debug-token#B267E6
Tomorrow Night Eighties Deluxe by Wouter Meijer - VS Code Theme