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#4C3224
  • activityBar.border#ffffff15
  • activityBar.foreground#E9A067
  • activityBar.inactiveForeground#f4dfbd60
  • activityBarBadge.background#E9A067
  • activityBarBadge.foreground#4C3224
  • button.background#E9A067
  • button.foreground#4C3224
  • button.hoverBackground#E9A067dd
  • editor.background#4C3224
  • editor.foreground#f4dfbd
  • editor.inactiveSelectionBackground#ECC0793580
  • editor.lineHighlightBackground#16100D40
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#ECC07935
  • editorCursor.foreground#E9A067
  • editorGroupHeader.tabsBackground#4C3224dd
  • editorLineNumber.activeForeground#E9A067
  • editorLineNumber.foreground#a98b6780
  • focusBorder#E9A067
  • foreground#f4dfbd
  • input.background#16100D
  • input.border#ffffff15
  • input.foreground#f4dfbd
  • input.placeholderForeground#f4dfbd60
  • list.activeSelectionBackground#E9A06730
  • list.activeSelectionForeground#f4dfbd
  • list.highlightForeground#E9A067
  • list.hoverBackground#16100D40
  • list.hoverForeground#f4dfbd
  • list.inactiveSelectionBackground#E9A06715
  • list.inactiveSelectionForeground#f4dfbd
  • selection.background#ECC07935
  • sideBar.background#16100D
  • sideBar.border#ffffff15
  • sideBar.foreground#f4dfbd
  • sideBarSectionHeader.background#4C322480
  • sideBarSectionHeader.foreground#f4dfbd
  • sideBarTitle.foreground#E9A067
  • statusBar.background#4C3224
  • statusBar.border#ffffff15
  • statusBar.foreground#f4dfbd
  • statusBar.noFolderBackground#4C3224
  • tab.activeBackground#4C3224
  • tab.activeBorderTop#E9A067
  • tab.activeForeground#f4dfbd
  • tab.border#ffffff15
  • tab.inactiveBackground#16100D60
  • tab.inactiveForeground#f4dfbd80
  • terminal.ansiBlack#4C3224
  • terminal.ansiBlue#ECC079
  • terminal.ansiCyan#E7B655
  • terminal.ansiGreen#E9A067
  • terminal.ansiMagenta#F1A683
  • terminal.ansiRed#F1A683
  • terminal.ansiWhite#f4dfbd
  • terminal.ansiYellow#E7B655
  • terminal.background#4C3224
  • terminal.foreground#f4dfbd
  • titleBar.activeBackground#4C3224
  • titleBar.activeForeground#f4dfbd
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#4C3224
  • titleBar.inactiveForeground#f4dfbd60
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#a98b67italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#ECC079bold
storage.type, storage.modifier#ECC079italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#E9A067
string, punctuation.definition.string, string.template, meta.template.expression#E7B655
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#F1A683
variable, variable.other.readwrite, variable.other.object#f4dfbd
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#f4dfbd
variable.parameter, meta.parameter#f4dfbddditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#f4dfbd80
keyword.operator#f4dfbd
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#E7B655bold
entity.other.inherited-class#E9A067
entity.name.tag, punctuation.definition.tag#ECC079
entity.other.attribute-name#E9A067
meta.diff, meta.diff.header#a98b67
markup.deleted#F1A683
markup.inserted#E9A067
markup.changed#E7B655
markup.heading, markup.heading.setext, punctuation.definition.heading#E9A067bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#E7B655
string.other.link.title, string.other.link.description#E9A067
markup.underline.link#a98b67underline
punctuation.definition.list#ECC079
markup.quote, punctuation.definition.quote#a98b67italic