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#e4e1d4
  • activityBar.foreground#6E6B5E
  • activityBarBadge.background#98968d
  • button.background#98968d
  • button.foreground#6E6B5E
  • dropdown.background#e4e1d4
  • dropdown.foreground#6E6B5E
  • editor.background#FEFBEC
  • editor.foreground#6E6B5E
  • editor.lineHighlightBackground#99958055
  • editor.selectionBackground#E8E4CF
  • editorCursor.foreground#6E6B5E
  • editorGroup.background#e4e1d4
  • editorGroup.border#6E6B5E
  • editorGroup.dropBackground#E8E4CF
  • editorGroupHeader.tabsBackground#e4e1d4
  • editorWhitespace.foreground#E8E4CF
  • list.activeSelectionBackground#e4e1d4
  • list.dropBackground#e4e1d4
  • list.focusBackground#e4e1d4
  • list.hoverBackground#e4e1d4
  • list.inactiveSelectionBackground#e4e1d4
  • notification.background#6E6B5E
  • sideBar.background#fefbef
  • sideBarTitle.foreground#6E6B5E
  • statusBar.background#e4e1d4
  • statusBar.debuggingBackground#98968d
  • statusBar.foreground#6E6B5E
  • statusBar.noFolderBackground#98968d
  • statusBarItem.prominentBackground#b1afa5
  • statusBarItem.prominentHoverBackground#b1afa599
  • tab.activeBackground#FEFBEC
  • tab.inactiveBackground#e4e1d4

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
#6e6b5e
variable.parameter.function#6e6b5e
comment, punctuation.definition.comment#999580
punctuation.definition.string, punctuation.definition.variable, punctuation.definition.string, punctuation.definition.parameters, punctuation.definition.string, punctuation.definition.array#6e6b5e
none#6e6b5e
keyword.operator#6e6b5e
keyword#b854d4
variable#d73737
entity.name.function, meta.require, support.function.any-method#6684e1
support.class, entity.name.class, entity.name.type.class#b65611
meta.class#292824
keyword.other.special-method#6684e1
storage#b854d4
support.function#1fad83
string, constant.other.symbol, entity.other.inherited-class#60ac39
constant.numeric#b65611
none#b65611
none#b65611
constant#b65611
entity.name.tag#d73737
entity.other.attribute-name#b65611
entity.other.attribute-name.id, punctuation.definition.entity#6684e1
meta.selector#b854d4
none#b65611
markup.heading punctuation.definition.heading, entity.name.section#6684e1
keyword.other.unit#b65611
markup.bold, punctuation.definition.bold#b65611bold
markup.italic, punctuation.definition.italic#b854d4italic
markup.raw.inline#60ac39
string.other.link#d73737
meta.link#b65611
markup.list#d73737
markup.quote#b65611
meta.separator#6e6b5e
markup.inserted#60ac39
markup.deleted#d73737
markup.changed#b854d4
constant.other.color#1fad83
string.regexp#1fad83
constant.character.escape#1fad83
punctuation.section.embedded, variable.interpolation#d43552
invalid.illegal#fefbec
invalid.broken#20201d
invalid.deprecated#fefbec
invalid.unimplemented#20201d