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#f4e6ce
  • activityBar.border#00000015
  • activityBar.foreground#7a4630
  • activityBar.inactiveForeground#1e242360
  • activityBarBadge.background#7a4630
  • activityBarBadge.foreground#f4e6ce
  • button.background#7a4630
  • button.foreground#f4e6ce
  • button.hoverBackground#7a4630dd
  • editor.background#f4e6ce
  • editor.foreground#1e2423
  • editor.inactiveSelectionBackground#d982732580
  • editor.lineHighlightBackground#b79a7c50
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#d9827325
  • editorCursor.foreground#7a4630
  • editorGroupHeader.tabsBackground#b79a7caa
  • editorLineNumber.activeForeground#7a4630
  • editorLineNumber.foreground#6e715080
  • focusBorder#7a4630
  • foreground#1e2423
  • input.background#b79a7c
  • input.border#00000015
  • input.foreground#1e2423
  • input.placeholderForeground#1e242360
  • list.activeSelectionBackground#7a463030
  • list.activeSelectionForeground#1e2423
  • list.highlightForeground#7a4630
  • list.hoverBackground#b79a7c40
  • list.hoverForeground#1e2423
  • list.inactiveSelectionBackground#7a463015
  • list.inactiveSelectionForeground#1e2423
  • selection.background#d9827325
  • sideBar.background#b79a7c
  • sideBar.border#00000015
  • sideBar.foreground#1e2423
  • sideBarSectionHeader.background#b79a7c80
  • sideBarSectionHeader.foreground#1e2423
  • sideBarTitle.foreground#7a4630
  • statusBar.background#f4e6ce
  • statusBar.border#00000015
  • statusBar.foreground#1e2423
  • statusBar.noFolderBackground#f4e6ce
  • tab.activeBackground#f4e6ce
  • tab.activeBorderTop#7a4630
  • tab.activeForeground#1e2423
  • tab.border#00000015
  • tab.inactiveBackground#f4e6ce60
  • tab.inactiveForeground#1e242380
  • terminal.ansiBlack#1e2423
  • terminal.ansiBlue#d98273
  • terminal.ansiCyan#c86552
  • terminal.ansiGreen#7a4630
  • terminal.ansiMagenta#b79a7c
  • terminal.ansiRed#b79a7c
  • terminal.ansiWhite#1e2423
  • terminal.ansiYellow#c86552
  • terminal.background#f4e6ce
  • terminal.foreground#1e2423
  • titleBar.activeBackground#f4e6ce
  • titleBar.activeForeground#1e2423
  • titleBar.border#00000015
  • titleBar.inactiveBackground#f4e6ce
  • titleBar.inactiveForeground#1e242360
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#6e7150italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#d98273bold
storage.type, storage.modifier#d98273italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#7a4630
string, punctuation.definition.string, string.template, meta.template.expression#c86552
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#b79a7c
variable, variable.other.readwrite, variable.other.object#1e2423
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#1e2423
variable.parameter, meta.parameter#1e2423dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#1e242380
keyword.operator#1e2423
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#c86552bold
entity.other.inherited-class#7a4630
entity.name.tag, punctuation.definition.tag#d98273
entity.other.attribute-name#7a4630
meta.diff, meta.diff.header#6e7150
markup.deleted#b79a7c
markup.inserted#7a4630
markup.changed#c86552
markup.heading, markup.heading.setext, punctuation.definition.heading#7a4630bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#c86552
string.other.link.title, string.other.link.description#7a4630
markup.underline.link#6e7150underline
punctuation.definition.list#d98273
markup.quote, punctuation.definition.quote#6e7150italic