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#0A0806
  • activityBar.border#ffffff15
  • activityBar.foreground#E9B567
  • activityBar.inactiveForeground#fbf7ee60
  • activityBarBadge.background#E9B567
  • activityBarBadge.foreground#0A0806
  • button.background#E9B567
  • button.foreground#0A0806
  • button.hoverBackground#E9B567dd
  • editor.background#0A0806
  • editor.foreground#fbf7ee
  • editor.inactiveSelectionBackground#ECC8793580
  • editor.lineHighlightBackground#0C0A0840
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#ECC87935
  • editorCursor.foreground#E9B567
  • editorGroupHeader.tabsBackground#0A0806dd
  • editorLineNumber.activeForeground#E9B567
  • editorLineNumber.foreground#8d6f4580
  • focusBorder#E9B567
  • foreground#fbf7ee
  • input.background#0C0A08
  • input.border#ffffff15
  • input.foreground#fbf7ee
  • input.placeholderForeground#fbf7ee60
  • list.activeSelectionBackground#E9B56730
  • list.activeSelectionForeground#fbf7ee
  • list.highlightForeground#E9B567
  • list.hoverBackground#0C0A0840
  • list.hoverForeground#fbf7ee
  • list.inactiveSelectionBackground#E9B56715
  • list.inactiveSelectionForeground#fbf7ee
  • selection.background#ECC87935
  • sideBar.background#0C0A08
  • sideBar.border#ffffff15
  • sideBar.foreground#fbf7ee
  • sideBarSectionHeader.background#0A080680
  • sideBarSectionHeader.foreground#fbf7ee
  • sideBarTitle.foreground#E9B567
  • statusBar.background#0A0806
  • statusBar.border#ffffff15
  • statusBar.foreground#fbf7ee
  • statusBar.noFolderBackground#0A0806
  • tab.activeBackground#0A0806
  • tab.activeBorderTop#E9B567
  • tab.activeForeground#fbf7ee
  • tab.border#ffffff15
  • tab.inactiveBackground#0C0A0860
  • tab.inactiveForeground#fbf7ee80
  • terminal.ansiBlack#0A0806
  • terminal.ansiBlue#ECC879
  • terminal.ansiCyan#E7D155
  • terminal.ansiGreen#E9B567
  • terminal.ansiMagenta#F1C983
  • terminal.ansiRed#F1C983
  • terminal.ansiWhite#fbf7ee
  • terminal.ansiYellow#E7D155
  • terminal.background#0A0806
  • terminal.foreground#fbf7ee
  • titleBar.activeBackground#0A0806
  • titleBar.activeForeground#fbf7ee
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#0A0806
  • titleBar.inactiveForeground#fbf7ee60
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#8d6f45italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#ECC879bold
storage.type, storage.modifier#ECC879italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#E9B567
string, punctuation.definition.string, string.template, meta.template.expression#E7D155
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#F1C983
variable, variable.other.readwrite, variable.other.object#fbf7ee
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#fbf7ee
variable.parameter, meta.parameter#fbf7eedditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#fbf7ee80
keyword.operator#fbf7ee
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#E7D155bold
entity.other.inherited-class#E9B567
entity.name.tag, punctuation.definition.tag#ECC879
entity.other.attribute-name#E9B567
meta.diff, meta.diff.header#8d6f45
markup.deleted#F1C983
markup.inserted#E9B567
markup.changed#E7D155
markup.heading, markup.heading.setext, punctuation.definition.heading#E9B567bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#E7D155
string.other.link.title, string.other.link.description#E9B567
markup.underline.link#8d6f45underline
punctuation.definition.list#ECC879
markup.quote, punctuation.definition.quote#8d6f45italic