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#090706
  • activityBar.border#ffffff15
  • activityBar.foreground#E9A867
  • activityBar.inactiveForeground#eee2cf60
  • activityBarBadge.background#E9A867
  • activityBarBadge.foreground#090706
  • button.background#E9A867
  • button.foreground#090706
  • button.hoverBackground#E9A867dd
  • editor.background#090706
  • editor.foreground#eee2cf
  • editor.inactiveSelectionBackground#ECBC793580
  • editor.lineHighlightBackground#18141140
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#ECBC7935
  • editorCursor.foreground#E9A867
  • editorGroupHeader.tabsBackground#090706dd
  • editorLineNumber.activeForeground#E9A867
  • editorLineNumber.foreground#f7ead880
  • focusBorder#E9A867
  • foreground#eee2cf
  • input.background#181411
  • input.border#ffffff15
  • input.foreground#eee2cf
  • input.placeholderForeground#eee2cf60
  • list.activeSelectionBackground#E9A86730
  • list.activeSelectionForeground#eee2cf
  • list.highlightForeground#E9A867
  • list.hoverBackground#18141140
  • list.hoverForeground#eee2cf
  • list.inactiveSelectionBackground#E9A86715
  • list.inactiveSelectionForeground#eee2cf
  • selection.background#ECBC7935
  • sideBar.background#181411
  • sideBar.border#ffffff15
  • sideBar.foreground#eee2cf
  • sideBarSectionHeader.background#09070680
  • sideBarSectionHeader.foreground#eee2cf
  • sideBarTitle.foreground#E9A867
  • statusBar.background#090706
  • statusBar.border#ffffff15
  • statusBar.foreground#eee2cf
  • statusBar.noFolderBackground#090706
  • tab.activeBackground#090706
  • tab.activeBorderTop#E9A867
  • tab.activeForeground#eee2cf
  • tab.border#ffffff15
  • tab.inactiveBackground#18141160
  • tab.inactiveForeground#eee2cf80
  • terminal.ansiBlack#090706
  • terminal.ansiBlue#ECBC79
  • terminal.ansiCyan#D3E755
  • terminal.ansiGreen#E9A867
  • terminal.ansiMagenta#F1AF83
  • terminal.ansiRed#F1AF83
  • terminal.ansiWhite#eee2cf
  • terminal.ansiYellow#D3E755
  • terminal.background#090706
  • terminal.foreground#eee2cf
  • titleBar.activeBackground#090706
  • titleBar.activeForeground#eee2cf
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#090706
  • titleBar.inactiveForeground#eee2cf60
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#f7ead8italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#ECBC79bold
storage.type, storage.modifier#ECBC79italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#E9A867
string, punctuation.definition.string, string.template, meta.template.expression#D3E755
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#F1AF83
variable, variable.other.readwrite, variable.other.object#eee2cf
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#eee2cf
variable.parameter, meta.parameter#eee2cfdditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#eee2cf80
keyword.operator#eee2cf
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#D3E755bold
entity.other.inherited-class#E9A867
entity.name.tag, punctuation.definition.tag#ECBC79
entity.other.attribute-name#E9A867
meta.diff, meta.diff.header#f7ead8
markup.deleted#F1AF83
markup.inserted#E9A867
markup.changed#D3E755
markup.heading, markup.heading.setext, punctuation.definition.heading#E9A867bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#D3E755
string.other.link.title, string.other.link.description#E9A867
markup.underline.link#f7ead8underline
punctuation.definition.list#ECBC79
markup.quote, punctuation.definition.quote#f7ead8italic