Skip to main content
Coding Theme

Color themes

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#dddddd
  • activityBar.foreground#666565
  • activityBarBadge.background#54a3ff
  • editor.background#ffffff
  • editor.foreground#30475e
  • editor.lineHighlightBackground#fffbdd
  • editorBracketMatch.background#f1f8ff
  • editorBracketMatch.border#beebe9
  • editorGroupHeader.tabsBackground#fafbfc
  • editorGroupHeader.tabsBorder#e1e4e8
  • editorIndentGuide.background#eeeeee
  • editorLineNumber.foreground#cccccc
  • focusBorder#fafbfc
  • inputOption.activeBorder#e36209
  • scrollbar.shadow#00000000
  • sideBar.background#fafbfc
  • sideBar.border#e1e4e8
  • sideBar.foreground#586069
  • sideBarSectionHeader.background#F1F2F3
  • sideBarSectionHeader.foreground#24292e
  • sideBarTitle.foreground#24292e
  • statusBar.background#fafbfc
  • statusBar.border#e1e4e8
  • statusBar.debuggingBackground#fafbfc
  • statusBar.debuggingForeground#24292e
  • statusBar.foreground#24292e
  • statusBar.noFolderBackground#fafbfc
  • statusBar.noFolderForeground#24292e
  • tab.activeBackground#ffffff
  • tab.activeBorder#e36209
  • tab.border#e1e4e8
  • tab.inactiveBackground#fafbfc
  • tab.inactiveForeground#586069
  • titleBar.activeBackground#fafbfc
  • titleBar.border#e1e4e8

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
keyword.operator.accessor, meta.group.braces.round.function.arguments, meta.template.expression, markup.fenced_code meta.embedded.block#24292eff
emphasisitalic
strong, markup.heading.markdown, markup.bold.markdownbold
markup.italic.markdownitalic
meta.link.inline.markdown#005cc5underline
comment, markup.fenced_code, markup.inline#29c7ac
string#032f62
constant.numeric, constant.language, variable.language.this, variable.other.class, variable.other.constant, meta.property-name, meta.property-value, support#005cc5
keyword, storage.modifier, storage.type, storage.control.clojure, entity.name.function.clojure, support.function.node, support.type.property-name.json, punctuation.separator.key-value, punctuation.definition.template-expression#f64b3c
variable.parameter.function#E27F2D
entity.name.type, entity.other.inherited-class, meta.function-call, meta.instance.constructor, entity.other.attribute-name, entity.name.function, constant.keyword.clojure#916dd5
string.quoted, string.template, string.regexp, string.interpolated, keyword.other.template#f76a8c
token.info-token, entity.name.tag#316bcd
token.warn-token#cd9731
token.error-token, invalid#cd3131
token.debug-token#800080
markup.inserted#22863a
markup.deleted#d73a49
markup.changed#005cc5
meta.diff.header#6a737d