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#0B0A09
  • activityBar.border#ffffff15
  • activityBar.foreground#E98867
  • activityBar.inactiveForeground#f4f0e760
  • activityBarBadge.background#E98867
  • activityBarBadge.foreground#0B0A09
  • button.background#E98867
  • button.foreground#0B0A09
  • button.hoverBackground#E98867dd
  • editor.background#0B0A09
  • editor.foreground#f4f0e7
  • editor.inactiveSelectionBackground#ECCD793580
  • editor.lineHighlightBackground#19171540
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#ECCD7935
  • editorCursor.foreground#E98867
  • editorGroupHeader.tabsBackground#0B0A09dd
  • editorLineNumber.activeForeground#E98867
  • editorLineNumber.foreground#c7bfb380
  • focusBorder#E98867
  • foreground#f4f0e7
  • input.background#191715
  • input.border#ffffff15
  • input.foreground#f4f0e7
  • input.placeholderForeground#f4f0e760
  • list.activeSelectionBackground#E9886730
  • list.activeSelectionForeground#f4f0e7
  • list.highlightForeground#E98867
  • list.hoverBackground#19171540
  • list.hoverForeground#f4f0e7
  • list.inactiveSelectionBackground#E9886715
  • list.inactiveSelectionForeground#f4f0e7
  • selection.background#ECCD7935
  • sideBar.background#191715
  • sideBar.border#ffffff15
  • sideBar.foreground#f4f0e7
  • sideBarSectionHeader.background#0B0A0980
  • sideBarSectionHeader.foreground#f4f0e7
  • sideBarTitle.foreground#E98867
  • statusBar.background#0B0A09
  • statusBar.border#ffffff15
  • statusBar.foreground#f4f0e7
  • statusBar.noFolderBackground#0B0A09
  • tab.activeBackground#0B0A09
  • tab.activeBorderTop#E98867
  • tab.activeForeground#f4f0e7
  • tab.border#ffffff15
  • tab.inactiveBackground#19171560
  • tab.inactiveForeground#f4f0e780
  • terminal.ansiBlack#0B0A09
  • terminal.ansiBlue#ECCD79
  • terminal.ansiCyan#E77255
  • terminal.ansiGreen#E98867
  • terminal.ansiMagenta#F1C383
  • terminal.ansiRed#F1C383
  • terminal.ansiWhite#f4f0e7
  • terminal.ansiYellow#E77255
  • terminal.background#0B0A09
  • terminal.foreground#f4f0e7
  • titleBar.activeBackground#0B0A09
  • titleBar.activeForeground#f4f0e7
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#0B0A09
  • titleBar.inactiveForeground#f4f0e760
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#c7bfb3italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#ECCD79bold
storage.type, storage.modifier#ECCD79italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#E98867
string, punctuation.definition.string, string.template, meta.template.expression#E77255
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#F1C383
variable, variable.other.readwrite, variable.other.object#f4f0e7
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#f4f0e7
variable.parameter, meta.parameter#f4f0e7dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#f4f0e780
keyword.operator#f4f0e7
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#E77255bold
entity.other.inherited-class#E98867
entity.name.tag, punctuation.definition.tag#ECCD79
entity.other.attribute-name#E98867
meta.diff, meta.diff.header#c7bfb3
markup.deleted#F1C383
markup.inserted#E98867
markup.changed#E77255
markup.heading, markup.heading.setext, punctuation.definition.heading#E98867bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#E77255
string.other.link.title, string.other.link.description#E98867
markup.underline.link#c7bfb3underline
punctuation.definition.list#ECCD79
markup.quote, punctuation.definition.quote#c7bfb3italic