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#0A0705
  • activityBar.border#ffffff15
  • activityBar.foreground#E9A067
  • activityBar.inactiveForeground#efe4d060
  • activityBarBadge.background#E9A067
  • activityBarBadge.foreground#0A0705
  • button.background#E9A067
  • button.foreground#0A0705
  • button.hoverBackground#E9A067dd
  • editor.background#0A0705
  • editor.foreground#efe4d0
  • editor.inactiveSelectionBackground#ECCB793580
  • editor.lineHighlightBackground#1D120C40
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#ECCB7935
  • editorCursor.foreground#E9A067
  • editorGroupHeader.tabsBackground#0A0705dd
  • editorLineNumber.activeForeground#E9A067
  • editorLineNumber.foreground#fbf3df80
  • focusBorder#E9A067
  • foreground#efe4d0
  • input.background#1D120C
  • input.border#ffffff15
  • input.foreground#efe4d0
  • input.placeholderForeground#efe4d060
  • list.activeSelectionBackground#E9A06730
  • list.activeSelectionForeground#efe4d0
  • list.highlightForeground#E9A067
  • list.hoverBackground#1D120C40
  • list.hoverForeground#efe4d0
  • list.inactiveSelectionBackground#E9A06715
  • list.inactiveSelectionForeground#efe4d0
  • selection.background#ECCB7935
  • sideBar.background#1D120C
  • sideBar.border#ffffff15
  • sideBar.foreground#efe4d0
  • sideBarSectionHeader.background#0A070580
  • sideBarSectionHeader.foreground#efe4d0
  • sideBarTitle.foreground#E9A067
  • statusBar.background#0A0705
  • statusBar.border#ffffff15
  • statusBar.foreground#efe4d0
  • statusBar.noFolderBackground#0A0705
  • tab.activeBackground#0A0705
  • tab.activeBorderTop#E9A067
  • tab.activeForeground#efe4d0
  • tab.border#ffffff15
  • tab.inactiveBackground#1D120C60
  • tab.inactiveForeground#efe4d080
  • terminal.ansiBlack#0A0705
  • terminal.ansiBlue#ECCB79
  • terminal.ansiCyan#97E755
  • terminal.ansiGreen#E9A067
  • terminal.ansiMagenta#F1C783
  • terminal.ansiRed#F1C783
  • terminal.ansiWhite#efe4d0
  • terminal.ansiYellow#97E755
  • terminal.background#0A0705
  • terminal.foreground#efe4d0
  • titleBar.activeBackground#0A0705
  • titleBar.activeForeground#efe4d0
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#0A0705
  • titleBar.inactiveForeground#efe4d060
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#fbf3dfitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#ECCB79bold
storage.type, storage.modifier#ECCB79italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#E9A067
string, punctuation.definition.string, string.template, meta.template.expression#97E755
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#F1C783
variable, variable.other.readwrite, variable.other.object#efe4d0
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#efe4d0
variable.parameter, meta.parameter#efe4d0dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#efe4d080
keyword.operator#efe4d0
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#E9A067
entity.name.tag, punctuation.definition.tag#ECCB79
entity.other.attribute-name#E9A067
meta.diff, meta.diff.header#fbf3df
markup.deleted#F1C783
markup.inserted#E9A067
markup.changed#97E755
markup.heading, markup.heading.setext, punctuation.definition.heading#E9A067bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#97E755
string.other.link.title, string.other.link.description#E9A067
markup.underline.link#fbf3dfunderline
punctuation.definition.list#ECCB79
markup.quote, punctuation.definition.quote#fbf3dfitalic