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#0E0906
  • activityBar.border#ffffff15
  • activityBar.foreground#E99D67
  • activityBar.inactiveForeground#eee1c760
  • activityBarBadge.background#E99D67
  • activityBarBadge.foreground#0E0906
  • button.background#E99D67
  • button.foreground#0E0906
  • button.hoverBackground#E99D67dd
  • editor.background#0E0906
  • editor.foreground#eee1c7
  • editor.inactiveSelectionBackground#ECBA793580
  • editor.lineHighlightBackground#1D120C40
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#ECBA7935
  • editorCursor.foreground#E99D67
  • editorGroupHeader.tabsBackground#0E0906dd
  • editorLineNumber.activeForeground#E99D67
  • editorLineNumber.foreground#a5ab8680
  • focusBorder#E99D67
  • foreground#eee1c7
  • input.background#1D120C
  • input.border#ffffff15
  • input.foreground#eee1c7
  • input.placeholderForeground#eee1c760
  • list.activeSelectionBackground#E99D6730
  • list.activeSelectionForeground#eee1c7
  • list.highlightForeground#E99D67
  • list.hoverBackground#1D120C40
  • list.hoverForeground#eee1c7
  • list.inactiveSelectionBackground#E99D6715
  • list.inactiveSelectionForeground#eee1c7
  • selection.background#ECBA7935
  • sideBar.background#1D120C
  • sideBar.border#ffffff15
  • sideBar.foreground#eee1c7
  • sideBarSectionHeader.background#0E090680
  • sideBarSectionHeader.foreground#eee1c7
  • sideBarTitle.foreground#E99D67
  • statusBar.background#0E0906
  • statusBar.border#ffffff15
  • statusBar.foreground#eee1c7
  • statusBar.noFolderBackground#0E0906
  • tab.activeBackground#0E0906
  • tab.activeBorderTop#E99D67
  • tab.activeForeground#eee1c7
  • tab.border#ffffff15
  • tab.inactiveBackground#1D120C60
  • tab.inactiveForeground#eee1c780
  • terminal.ansiBlack#0E0906
  • terminal.ansiBlue#ECBA79
  • terminal.ansiCyan#A5E755
  • terminal.ansiGreen#E99D67
  • terminal.ansiMagenta#F1CB83
  • terminal.ansiRed#F1CB83
  • terminal.ansiWhite#eee1c7
  • terminal.ansiYellow#A5E755
  • terminal.background#0E0906
  • terminal.foreground#eee1c7
  • titleBar.activeBackground#0E0906
  • titleBar.activeForeground#eee1c7
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#0E0906
  • titleBar.inactiveForeground#eee1c760
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#a5ab86italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#ECBA79bold
storage.type, storage.modifier#ECBA79italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#E99D67
string, punctuation.definition.string, string.template, meta.template.expression#A5E755
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#F1CB83
variable, variable.other.readwrite, variable.other.object#eee1c7
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#eee1c7
variable.parameter, meta.parameter#eee1c7dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#eee1c780
keyword.operator#eee1c7
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#A5E755bold
entity.other.inherited-class#E99D67
entity.name.tag, punctuation.definition.tag#ECBA79
entity.other.attribute-name#E99D67
meta.diff, meta.diff.header#a5ab86
markup.deleted#F1CB83
markup.inserted#E99D67
markup.changed#A5E755
markup.heading, markup.heading.setext, punctuation.definition.heading#E99D67bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#A5E755
string.other.link.title, string.other.link.description#E99D67
markup.underline.link#a5ab86underline
punctuation.definition.list#ECBA79
markup.quote, punctuation.definition.quote#a5ab86italic