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#2B1D12
  • activityBar.border#ffffff15
  • activityBar.foreground#E98C67
  • activityBar.inactiveForeground#ead7b360
  • activityBarBadge.background#E98C67
  • activityBarBadge.foreground#2B1D12
  • button.background#E98C67
  • button.foreground#2B1D12
  • button.hoverBackground#E98C67dd
  • editor.background#2B1D12
  • editor.foreground#ead7b3
  • editor.inactiveSelectionBackground#ECB8793580
  • editor.lineHighlightBackground#120C0840
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#ECB87935
  • editorCursor.foreground#E98C67
  • editorGroupHeader.tabsBackground#2B1D12dd
  • editorLineNumber.activeForeground#E98C67
  • editorLineNumber.foreground#c79a6380
  • focusBorder#E98C67
  • foreground#ead7b3
  • input.background#120C08
  • input.border#ffffff15
  • input.foreground#ead7b3
  • input.placeholderForeground#ead7b360
  • list.activeSelectionBackground#E98C6730
  • list.activeSelectionForeground#ead7b3
  • list.highlightForeground#E98C67
  • list.hoverBackground#120C0840
  • list.hoverForeground#ead7b3
  • list.inactiveSelectionBackground#E98C6715
  • list.inactiveSelectionForeground#ead7b3
  • selection.background#ECB87935
  • sideBar.background#120C08
  • sideBar.border#ffffff15
  • sideBar.foreground#ead7b3
  • sideBarSectionHeader.background#2B1D1280
  • sideBarSectionHeader.foreground#ead7b3
  • sideBarTitle.foreground#E98C67
  • statusBar.background#2B1D12
  • statusBar.border#ffffff15
  • statusBar.foreground#ead7b3
  • statusBar.noFolderBackground#2B1D12
  • tab.activeBackground#2B1D12
  • tab.activeBorderTop#E98C67
  • tab.activeForeground#ead7b3
  • tab.border#ffffff15
  • tab.inactiveBackground#120C0860
  • tab.inactiveForeground#ead7b380
  • terminal.ansiBlack#2B1D12
  • terminal.ansiBlue#ECB879
  • terminal.ansiCyan#E78D55
  • terminal.ansiGreen#E98C67
  • terminal.ansiMagenta#DDF183
  • terminal.ansiRed#DDF183
  • terminal.ansiWhite#ead7b3
  • terminal.ansiYellow#E78D55
  • terminal.background#2B1D12
  • terminal.foreground#ead7b3
  • titleBar.activeBackground#2B1D12
  • titleBar.activeForeground#ead7b3
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#2B1D12
  • titleBar.inactiveForeground#ead7b360
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#c79a63italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#ECB879bold
storage.type, storage.modifier#ECB879italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#E98C67
string, punctuation.definition.string, string.template, meta.template.expression#E78D55
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#DDF183
variable, variable.other.readwrite, variable.other.object#ead7b3
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#ead7b3
variable.parameter, meta.parameter#ead7b3dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#ead7b380
keyword.operator#ead7b3
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#E78D55bold
entity.other.inherited-class#E98C67
entity.name.tag, punctuation.definition.tag#ECB879
entity.other.attribute-name#E98C67
meta.diff, meta.diff.header#c79a63
markup.deleted#DDF183
markup.inserted#E98C67
markup.changed#E78D55
markup.heading, markup.heading.setext, punctuation.definition.heading#E98C67bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#E78D55
string.other.link.title, string.other.link.description#E98C67
markup.underline.link#c79a63underline
punctuation.definition.list#ECB879
markup.quote, punctuation.definition.quote#c79a63italic