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#1C1B17
  • activityBar.border#ffffff15
  • activityBar.foreground#E9A467
  • activityBar.inactiveForeground#f4f1e960
  • activityBarBadge.background#E9A467
  • activityBarBadge.foreground#1C1B17
  • button.background#E9A467
  • button.foreground#1C1B17
  • button.hoverBackground#E9A467dd
  • editor.background#1C1B17
  • editor.foreground#f4f1e9
  • editor.inactiveSelectionBackground#ECAD793580
  • editor.lineHighlightBackground#221F1B40
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#ECAD7935
  • editorCursor.foreground#E9A467
  • editorGroupHeader.tabsBackground#1C1B17dd
  • editorLineNumber.activeForeground#E9A467
  • editorLineNumber.foreground#aab8bd80
  • focusBorder#E9A467
  • foreground#f4f1e9
  • input.background#221F1B
  • input.border#ffffff15
  • input.foreground#f4f1e9
  • input.placeholderForeground#f4f1e960
  • list.activeSelectionBackground#E9A46730
  • list.activeSelectionForeground#f4f1e9
  • list.highlightForeground#E9A467
  • list.hoverBackground#221F1B40
  • list.hoverForeground#f4f1e9
  • list.inactiveSelectionBackground#E9A46715
  • list.inactiveSelectionForeground#f4f1e9
  • selection.background#ECAD7935
  • sideBar.background#221F1B
  • sideBar.border#ffffff15
  • sideBar.foreground#f4f1e9
  • sideBarSectionHeader.background#1C1B1780
  • sideBarSectionHeader.foreground#f4f1e9
  • sideBarTitle.foreground#E9A467
  • statusBar.background#1C1B17
  • statusBar.border#ffffff15
  • statusBar.foreground#f4f1e9
  • statusBar.noFolderBackground#1C1B17
  • tab.activeBackground#1C1B17
  • tab.activeBorderTop#E9A467
  • tab.activeForeground#f4f1e9
  • tab.border#ffffff15
  • tab.inactiveBackground#221F1B60
  • tab.inactiveForeground#f4f1e980
  • terminal.ansiBlack#1C1B17
  • terminal.ansiBlue#ECAD79
  • terminal.ansiCyan#97E755
  • terminal.ansiGreen#E9A467
  • terminal.ansiMagenta#F1D083
  • terminal.ansiRed#F1D083
  • terminal.ansiWhite#f4f1e9
  • terminal.ansiYellow#97E755
  • terminal.background#1C1B17
  • terminal.foreground#f4f1e9
  • titleBar.activeBackground#1C1B17
  • titleBar.activeForeground#f4f1e9
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#1C1B17
  • titleBar.inactiveForeground#f4f1e960
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#aab8bditalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#ECAD79bold
storage.type, storage.modifier#ECAD79italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#E9A467
string, punctuation.definition.string, string.template, meta.template.expression#97E755
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#F1D083
variable, variable.other.readwrite, variable.other.object#f4f1e9
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#f4f1e9
variable.parameter, meta.parameter#f4f1e9dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#f4f1e980
keyword.operator#f4f1e9
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#97E755bold
entity.other.inherited-class#E9A467
entity.name.tag, punctuation.definition.tag#ECAD79
entity.other.attribute-name#E9A467
meta.diff, meta.diff.header#aab8bd
markup.deleted#F1D083
markup.inserted#E9A467
markup.changed#97E755
markup.heading, markup.heading.setext, punctuation.definition.heading#E9A467bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#97E755
string.other.link.title, string.other.link.description#E9A467
markup.underline.link#aab8bdunderline
punctuation.definition.list#ECAD79
markup.quote, punctuation.definition.quote#aab8bditalic