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.

  • editor.background#2b323b
  • editor.foreground#c0c5ce
  • editor.lineHighlightBackground#323b46
  • editor.selectionBackground#3c4552
  • editorCursor.foreground#616f80
  • editorGroupHeader.tabsBackground#2b323b
  • editorIndentGuide.background#37404b
  • editorWhitespace.foreground#2b323b
  • gitDecoration.conflictingResourceForeground#8d5585
  • gitDecoration.deletedResourceForeground#8980bb
  • gitDecoration.ignoredResourceForeground#4f5a69
  • gitDecoration.modifiedResourceForeground#bb80b3
  • gitDecoration.untrackedResourceForeground#527677
  • sideBar.background#2b323b
  • sideBar.foreground#8390ac
  • sideBarTitle.foreground#a7b7d8
  • statusBar.background#2b323b
  • tab.inactiveBackground#2b323b

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
#F8F8F2
comment#677692italic
string#9fcfb6
constant.numeric#d08770
constant.language#d08770
constant.character, constant.other#d08770
variable#c0c5ce
keyword#bb80b3
storage#c0c5ce
storage.type#bb80b3
entity.name.class#7082d0underline
entity.name.type#80a3bb
entity.other.inherited-class#7082d0
entity.name.function#9686a8
variable.parameter#d08770
entity.name.tag#bb80b3italic
entity.other.attribute-name#bb80b3italic
support.function#b6af51
support.constant#66adef
support.type, support.class#80a3bb
support.other.variable#000
invalid#F8F8F0
invalid.deprecated#F8F8F0
17 by Ben Williams - VS Code Theme