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#F2E8D9
  • activityBar.border#00000015
  • activityBar.foreground#935C25
  • activityBar.inactiveForeground#231d1960
  • activityBarBadge.background#935C25
  • activityBarBadge.foreground#F2E8D9
  • button.background#935C25
  • button.foreground#F2E8D9
  • button.hoverBackground#935C25dd
  • editor.background#F2E8D9
  • editor.foreground#231d19
  • editor.inactiveSelectionBackground#835A212580
  • editor.lineHighlightBackground#DBCAB350
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#835A2125
  • editorCursor.foreground#935C25
  • editorGroupHeader.tabsBackground#DBCAB3aa
  • editorLineNumber.activeForeground#935C25
  • editorLineNumber.foreground#f7ead880
  • focusBorder#935C25
  • foreground#231d19
  • input.background#DBCAB3
  • input.border#00000015
  • input.foreground#231d19
  • input.placeholderForeground#231d1960
  • list.activeSelectionBackground#935C2530
  • list.activeSelectionForeground#231d19
  • list.highlightForeground#935C25
  • list.hoverBackground#DBCAB340
  • list.hoverForeground#231d19
  • list.inactiveSelectionBackground#935C2515
  • list.inactiveSelectionForeground#231d19
  • selection.background#835A2125
  • sideBar.background#DBCAB3
  • sideBar.border#00000015
  • sideBar.foreground#231d19
  • sideBarSectionHeader.background#DBCAB380
  • sideBarSectionHeader.foreground#231d19
  • sideBarTitle.foreground#935C25
  • statusBar.background#F2E8D9
  • statusBar.border#00000015
  • statusBar.foreground#231d19
  • statusBar.noFolderBackground#F2E8D9
  • tab.activeBackground#F2E8D9
  • tab.activeBorderTop#935C25
  • tab.activeForeground#231d19
  • tab.border#00000015
  • tab.inactiveBackground#F2E8D960
  • tab.inactiveForeground#231d1980
  • terminal.ansiBlack#231d19
  • terminal.ansiBlue#835A21
  • terminal.ansiCyan#93A329
  • terminal.ansiGreen#935C25
  • terminal.ansiMagenta#763E19
  • terminal.ansiRed#763E19
  • terminal.ansiWhite#231d19
  • terminal.ansiYellow#93A329
  • terminal.background#F2E8D9
  • terminal.foreground#231d19
  • titleBar.activeBackground#F2E8D9
  • titleBar.activeForeground#231d19
  • titleBar.border#00000015
  • titleBar.inactiveBackground#F2E8D9
  • 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#835A21bold
storage.type, storage.modifier#835A21italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#935C25
string, punctuation.definition.string, string.template, meta.template.expression#93A329
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#763E19
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#93A329bold
entity.other.inherited-class#935C25
entity.name.tag, punctuation.definition.tag#835A21
entity.other.attribute-name#935C25
meta.diff, meta.diff.header#f7ead8
markup.deleted#763E19
markup.inserted#935C25
markup.changed#93A329
markup.heading, markup.heading.setext, punctuation.definition.heading#935C25bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#93A329
string.other.link.title, string.other.link.description#935C25
markup.underline.link#f7ead8underline
punctuation.definition.list#835A21
markup.quote, punctuation.definition.quote#f7ead8italic