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#211912
  • activityBar.border#ffffff15
  • activityBar.foreground#E9A667
  • activityBar.inactiveForeground#F7F1E660
  • activityBarBadge.background#E9A667
  • activityBarBadge.foreground#211912
  • button.background#E9A667
  • button.foreground#211912
  • button.hoverBackground#E9A667dd
  • editor.background#211912
  • editor.foreground#F7F1E6
  • editor.inactiveSelectionBackground#ECB8793580
  • editor.lineHighlightBackground#130F0C40
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#ECB87935
  • editorCursor.foreground#E9A667
  • editorGroupHeader.tabsBackground#211912dd
  • editorLineNumber.activeForeground#E9A667
  • editorLineNumber.foreground#C7A47B80
  • focusBorder#E9A667
  • foreground#F7F1E6
  • input.background#130F0C
  • input.border#ffffff15
  • input.foreground#F7F1E6
  • input.placeholderForeground#F7F1E660
  • list.activeSelectionBackground#E9A66730
  • list.activeSelectionForeground#F7F1E6
  • list.highlightForeground#E9A667
  • list.hoverBackground#130F0C40
  • list.hoverForeground#F7F1E6
  • list.inactiveSelectionBackground#E9A66715
  • list.inactiveSelectionForeground#F7F1E6
  • selection.background#ECB87935
  • sideBar.background#130F0C
  • sideBar.border#ffffff15
  • sideBar.foreground#F7F1E6
  • sideBarSectionHeader.background#21191280
  • sideBarSectionHeader.foreground#F7F1E6
  • sideBarTitle.foreground#E9A667
  • statusBar.background#211912
  • statusBar.border#ffffff15
  • statusBar.foreground#F7F1E6
  • statusBar.noFolderBackground#211912
  • tab.activeBackground#211912
  • tab.activeBorderTop#E9A667
  • tab.activeForeground#F7F1E6
  • tab.border#ffffff15
  • tab.inactiveBackground#130F0C60
  • tab.inactiveForeground#F7F1E680
  • terminal.ansiBlack#211912
  • terminal.ansiBlue#ECB879
  • terminal.ansiCyan#E7AF55
  • terminal.ansiGreen#E9A667
  • terminal.ansiMagenta#F1C783
  • terminal.ansiRed#F1C783
  • terminal.ansiWhite#F7F1E6
  • terminal.ansiYellow#E7AF55
  • terminal.background#211912
  • terminal.foreground#F7F1E6
  • titleBar.activeBackground#211912
  • titleBar.activeForeground#F7F1E6
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#211912
  • titleBar.inactiveForeground#F7F1E660
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#C7A47Bitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#ECB879bold
storage.type, storage.modifier#ECB879italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#E9A667
string, punctuation.definition.string, string.template, meta.template.expression#E7AF55
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#F1C783
variable, variable.other.readwrite, variable.other.object#F7F1E6
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#F7F1E6
variable.parameter, meta.parameter#F7F1E6dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#F7F1E680
keyword.operator#F7F1E6
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#E7AF55bold
entity.other.inherited-class#E9A667
entity.name.tag, punctuation.definition.tag#ECB879
entity.other.attribute-name#E9A667
meta.diff, meta.diff.header#C7A47B
markup.deleted#F1C783
markup.inserted#E9A667
markup.changed#E7AF55
markup.heading, markup.heading.setext, punctuation.definition.heading#E9A667bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#E7AF55
string.other.link.title, string.other.link.description#E9A667
markup.underline.link#C7A47Bunderline
punctuation.definition.list#ECB879
markup.quote, punctuation.definition.quote#C7A47Bitalic