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#eee2cf
  • activityBar.border#00000015
  • activityBar.foreground#8d7b69
  • activityBar.inactiveForeground#231d1960
  • activityBarBadge.background#8d7b69
  • activityBarBadge.foreground#eee2cf
  • button.background#8d7b69
  • button.foreground#eee2cf
  • button.hoverBackground#8d7b69dd
  • editor.background#eee2cf
  • editor.foreground#231d19
  • editor.inactiveSelectionBackground#f7ead82580
  • editor.lineHighlightBackground#d7c4aa50
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#f7ead825
  • editorCursor.foreground#8d7b69
  • editorGroupHeader.tabsBackground#d7c4aaaa
  • editorLineNumber.activeForeground#8d7b69
  • editorLineNumber.foreground#f7ead880
  • focusBorder#8d7b69
  • foreground#231d19
  • input.background#d7c4aa
  • input.border#00000015
  • input.foreground#231d19
  • input.placeholderForeground#231d1960
  • list.activeSelectionBackground#8d7b6930
  • list.activeSelectionForeground#231d19
  • list.highlightForeground#8d7b69
  • list.hoverBackground#d7c4aa40
  • list.hoverForeground#231d19
  • list.inactiveSelectionBackground#8d7b6915
  • list.inactiveSelectionForeground#231d19
  • selection.background#f7ead825
  • sideBar.background#d7c4aa
  • sideBar.border#00000015
  • sideBar.foreground#231d19
  • sideBarSectionHeader.background#d7c4aa80
  • sideBarSectionHeader.foreground#231d19
  • sideBarTitle.foreground#8d7b69
  • statusBar.background#eee2cf
  • statusBar.border#00000015
  • statusBar.foreground#231d19
  • statusBar.noFolderBackground#eee2cf
  • tab.activeBackground#eee2cf
  • tab.activeBorderTop#8d7b69
  • tab.activeForeground#231d19
  • tab.border#00000015
  • tab.inactiveBackground#eee2cf60
  • tab.inactiveForeground#231d1980
  • terminal.ansiBlack#231d19
  • terminal.ansiBlue#f7ead8
  • terminal.ansiCyan#7a8052
  • terminal.ansiGreen#8d7b69
  • terminal.ansiMagenta#b18466
  • terminal.ansiRed#b18466
  • terminal.ansiWhite#231d19
  • terminal.ansiYellow#7a8052
  • terminal.background#eee2cf
  • terminal.foreground#231d19
  • titleBar.activeBackground#eee2cf
  • titleBar.activeForeground#231d19
  • titleBar.border#00000015
  • titleBar.inactiveBackground#eee2cf
  • titleBar.inactiveForeground#231d1960
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#f7ead8italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#f7ead8bold
storage.type, storage.modifier#f7ead8italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#8d7b69
string, punctuation.definition.string, string.template, meta.template.expression#7a8052
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#b18466
variable, variable.other.readwrite, variable.other.object#231d19
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#231d19
variable.parameter, meta.parameter#231d19dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#231d1980
keyword.operator#231d19
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#7a8052bold
entity.other.inherited-class#8d7b69
entity.name.tag, punctuation.definition.tag#f7ead8
entity.other.attribute-name#8d7b69
meta.diff, meta.diff.header#f7ead8
markup.deleted#b18466
markup.inserted#8d7b69
markup.changed#7a8052
markup.heading, markup.heading.setext, punctuation.definition.heading#8d7b69bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#7a8052
string.other.link.title, string.other.link.description#8d7b69
markup.underline.link#f7ead8underline
punctuation.definition.list#f7ead8
markup.quote, punctuation.definition.quote#f7ead8italic