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#312f2f
  • activityBar.foreground#a8a19f
  • activityBarBadge.background#767574
  • button.background#4a4543
  • button.foreground#a8a19f
  • dropdown.background#a5a2a2
  • dropdown.foreground#181615
  • editor.background#1b1918
  • editor.foreground#a8a19f
  • editor.lineHighlightBackground#766e6b55
  • editor.selectionBackground#68615e
  • editorCursor.foreground#a8a19f
  • editorGroup.background#312f2f
  • editorGroup.border#a8a19f
  • editorGroup.dropBackground#4a4543
  • editorGroupHeader.tabsBackground#312f2f
  • editorWhitespace.foreground#766e6b
  • list.activeSelectionBackground#312f2f
  • list.dropBackground#312f2f
  • list.focusBackground#312f2f
  • list.hoverBackground#312f2f
  • list.inactiveSelectionBackground#312f2f
  • notification.background#6b6766
  • sideBar.background#181615
  • sideBarTitle.foreground#a8a19f
  • statusBar.background#312f2f
  • statusBar.debuggingBackground#767574
  • statusBar.foreground#a8a19f
  • statusBar.noFolderBackground#767574
  • statusBarItem.prominentBackground#a3a3a2
  • statusBarItem.prominentHoverBackground#a3a3a299
  • tab.activeBackground#1b1918
  • tab.inactiveBackground#312f2f

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
#a8a19f
variable.parameter.function#a8a19f
comment, punctuation.definition.comment#766e6b
punctuation.definition.string, punctuation.definition.variable, punctuation.definition.string, punctuation.definition.parameters, punctuation.definition.string, punctuation.definition.array#a8a19f
none#a8a19f
keyword.operator#a8a19f
keyword#6666ea
variable#f22c40
entity.name.function, meta.require, support.function.any-method#407ee7
support.class, entity.name.class, entity.name.type.class#d5911a
meta.class#f1efee
keyword.other.special-method#407ee7
storage#6666ea
support.function#00ad9c
string, constant.other.symbol, entity.other.inherited-class#5ab738
constant.numeric#df5320
none#df5320
none#df5320
constant#df5320
entity.name.tag#f22c40
entity.other.attribute-name#df5320
entity.other.attribute-name.id, punctuation.definition.entity#407ee7
meta.selector#6666ea
none#df5320
markup.heading punctuation.definition.heading, entity.name.section#407ee7
keyword.other.unit#df5320
markup.bold, punctuation.definition.bold#d5911abold
markup.italic, punctuation.definition.italic#6666eaitalic
markup.raw.inline#5ab738
string.other.link, punctuation.definition.string.end.markdown#f22c40
meta.link#df5320
markup.list#f22c40
markup.quote#df5320
meta.separator#a8a19f
markup.inserted#5ab738
markup.deleted#f22c40
markup.changed#6666ea
constant.other.color#00ad9c
string.regexp#00ad9c
constant.character.escape#00ad9c
punctuation.section.embedded, variable.interpolation#c33ff3
invalid.illegal#f1efee
invalid.broken#1b1918
invalid.deprecated#f1efee
invalid.unimplemented#f1efee