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#000000FF
  • activityBar.foreground#FFFFFF40
  • editor.background#000000FF
  • editor.foreground#D0D0D0FF
  • editorGroupHeader.noTabsBackground#000000FF
  • editorIndentGuide.background#FFFFFF10
  • editorRuler.foreground#FFFFFF10
  • editorWhitespace.foreground#FFFFFF20
  • list.activeSelectionBackground#000000FF
  • list.focusBackground#FFFFFF40
  • list.hoverBackground#FFFFFF40
  • list.inactiveSelectionBackground#000000FF
  • sideBar.background#000000FF
  • sideBar.foreground#FFFFFF50
  • sideBarSectionHeader.background#000000FF
  • statusBar.background#000000FF
  • statusBar.foreground#FFFFFF40
  • tab.activeBackground#000000FF
  • tab.inactiveBackground#000000FF
  • titleBar.activeBackground#000000FF

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
source.js#D0D0D0FF
punctuation, meta.brace, meta.delimiter, keyword.operator, variable.other.constant.object.js, variable.other.object.js, variable.language.this.js#FFFFFF36
constant, string, string punctuation.definition.string#B0DB8AFF
keyword, storage#FFFFFF40
support.constant.dom, variable.other.readwrite.js#FFFFFFFF
comment, punctuation.definition.comment#C94235FF
Voor de Wind by kinday - VS Code Theme