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#492C18
  • activityBar.border#ffffff15
  • activityBar.foreground#E9AD67
  • activityBar.inactiveForeground#FFF7E660
  • activityBarBadge.background#E9AD67
  • activityBarBadge.foreground#492C18
  • button.background#E9AD67
  • button.foreground#492C18
  • button.hoverBackground#E9AD67dd
  • editor.background#492C18
  • editor.foreground#FFF7E6
  • editor.inactiveSelectionBackground#ECC0793580
  • editor.lineHighlightBackground#161D1640
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#ECC07935
  • editorCursor.foreground#E9AD67
  • editorGroupHeader.tabsBackground#492C18dd
  • editorLineNumber.activeForeground#E9AD67
  • editorLineNumber.foreground#B89C7A80
  • focusBorder#E9AD67
  • foreground#FFF7E6
  • input.background#161D16
  • input.border#ffffff15
  • input.foreground#FFF7E6
  • input.placeholderForeground#FFF7E660
  • list.activeSelectionBackground#E9AD6730
  • list.activeSelectionForeground#FFF7E6
  • list.highlightForeground#E9AD67
  • list.hoverBackground#161D1640
  • list.hoverForeground#FFF7E6
  • list.inactiveSelectionBackground#E9AD6715
  • list.inactiveSelectionForeground#FFF7E6
  • selection.background#ECC07935
  • sideBar.background#161D16
  • sideBar.border#ffffff15
  • sideBar.foreground#FFF7E6
  • sideBarSectionHeader.background#492C1880
  • sideBarSectionHeader.foreground#FFF7E6
  • sideBarTitle.foreground#E9AD67
  • statusBar.background#492C18
  • statusBar.border#ffffff15
  • statusBar.foreground#FFF7E6
  • statusBar.noFolderBackground#492C18
  • tab.activeBackground#492C18
  • tab.activeBorderTop#E9AD67
  • tab.activeForeground#FFF7E6
  • tab.border#ffffff15
  • tab.inactiveBackground#161D1660
  • tab.inactiveForeground#FFF7E680
  • terminal.ansiBlack#492C18
  • terminal.ansiBlue#ECC079
  • terminal.ansiCyan#E7BB55
  • terminal.ansiGreen#E9AD67
  • terminal.ansiMagenta#83F19B
  • terminal.ansiRed#83F19B
  • terminal.ansiWhite#FFF7E6
  • terminal.ansiYellow#E7BB55
  • terminal.background#492C18
  • terminal.foreground#FFF7E6
  • titleBar.activeBackground#492C18
  • titleBar.activeForeground#FFF7E6
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#492C18
  • titleBar.inactiveForeground#FFF7E660
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#B89C7Aitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#ECC079bold
storage.type, storage.modifier#ECC079italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#E9AD67
string, punctuation.definition.string, string.template, meta.template.expression#E7BB55
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#83F19B
variable, variable.other.readwrite, variable.other.object#FFF7E6
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#FFF7E6
variable.parameter, meta.parameter#FFF7E6dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#FFF7E680
keyword.operator#FFF7E6
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#E7BB55bold
entity.other.inherited-class#E9AD67
entity.name.tag, punctuation.definition.tag#ECC079
entity.other.attribute-name#E9AD67
meta.diff, meta.diff.header#B89C7A
markup.deleted#83F19B
markup.inserted#E9AD67
markup.changed#E7BB55
markup.heading, markup.heading.setext, punctuation.definition.heading#E9AD67bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#E7BB55
string.other.link.title, string.other.link.description#E9AD67
markup.underline.link#B89C7Aunderline
punctuation.definition.list#ECC079
markup.quote, punctuation.definition.quote#B89C7Aitalic