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#1B1713
  • activityBar.border#ffffff15
  • activityBar.foreground#E9AF67
  • activityBar.inactiveForeground#FFF7EC60
  • activityBarBadge.background#E9AF67
  • activityBarBadge.foreground#1B1713
  • button.background#E9AF67
  • button.foreground#1B1713
  • button.hoverBackground#E9AF67dd
  • editor.background#1B1713
  • editor.foreground#FFF7EC
  • editor.inactiveSelectionBackground#ECC4793580
  • editor.lineHighlightBackground#0D0A0740
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#ECC47935
  • editorCursor.foreground#E9AF67
  • editorGroupHeader.tabsBackground#1B1713dd
  • editorLineNumber.activeForeground#E9AF67
  • editorLineNumber.foreground#7d5a3c80
  • focusBorder#E9AF67
  • foreground#FFF7EC
  • input.background#0D0A07
  • input.border#ffffff15
  • input.foreground#FFF7EC
  • input.placeholderForeground#FFF7EC60
  • list.activeSelectionBackground#E9AF6730
  • list.activeSelectionForeground#FFF7EC
  • list.highlightForeground#E9AF67
  • list.hoverBackground#0D0A0740
  • list.hoverForeground#FFF7EC
  • list.inactiveSelectionBackground#E9AF6715
  • list.inactiveSelectionForeground#FFF7EC
  • selection.background#ECC47935
  • sideBar.background#0D0A07
  • sideBar.border#ffffff15
  • sideBar.foreground#FFF7EC
  • sideBarSectionHeader.background#1B171380
  • sideBarSectionHeader.foreground#FFF7EC
  • sideBarTitle.foreground#E9AF67
  • statusBar.background#1B1713
  • statusBar.border#ffffff15
  • statusBar.foreground#FFF7EC
  • statusBar.noFolderBackground#1B1713
  • tab.activeBackground#1B1713
  • tab.activeBorderTop#E9AF67
  • tab.activeForeground#FFF7EC
  • tab.border#ffffff15
  • tab.inactiveBackground#0D0A0760
  • tab.inactiveForeground#FFF7EC80
  • terminal.ansiBlack#1B1713
  • terminal.ansiBlue#ECC479
  • terminal.ansiCyan#E7AF55
  • terminal.ansiGreen#E9AF67
  • terminal.ansiMagenta#BCF183
  • terminal.ansiRed#BCF183
  • terminal.ansiWhite#FFF7EC
  • terminal.ansiYellow#E7AF55
  • terminal.background#1B1713
  • terminal.foreground#FFF7EC
  • titleBar.activeBackground#1B1713
  • titleBar.activeForeground#FFF7EC
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#1B1713
  • titleBar.inactiveForeground#FFF7EC60
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#7d5a3citalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#ECC479bold
storage.type, storage.modifier#ECC479italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#E9AF67
string, punctuation.definition.string, string.template, meta.template.expression#E7AF55
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#BCF183
variable, variable.other.readwrite, variable.other.object#FFF7EC
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#FFF7EC
variable.parameter, meta.parameter#FFF7ECdditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#FFF7EC80
keyword.operator#FFF7EC
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#E7AF55bold
entity.other.inherited-class#E9AF67
entity.name.tag, punctuation.definition.tag#ECC479
entity.other.attribute-name#E9AF67
meta.diff, meta.diff.header#7d5a3c
markup.deleted#BCF183
markup.inserted#E9AF67
markup.changed#E7AF55
markup.heading, markup.heading.setext, punctuation.definition.heading#E9AF67bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#E7AF55
string.other.link.title, string.other.link.description#E9AF67
markup.underline.link#7d5a3cunderline
punctuation.definition.list#ECC479
markup.quote, punctuation.definition.quote#7d5a3citalic