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#A77939
  • activityBar.border#ffffff15
  • activityBar.foreground#E9BE67
  • activityBar.inactiveForeground#f8f7f460
  • activityBarBadge.background#E9BE67
  • activityBarBadge.foreground#A77939
  • button.background#E9BE67
  • button.foreground#A77939
  • button.hoverBackground#E9BE67dd
  • editor.background#A77939
  • editor.foreground#f8f7f4
  • editor.inactiveSelectionBackground#ECC4793580
  • editor.lineHighlightBackground#1D1A1640
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#ECC47935
  • editorCursor.foreground#E9BE67
  • editorGroupHeader.tabsBackground#A77939dd
  • editorLineNumber.activeForeground#E9BE67
  • editorLineNumber.foreground#d9c9a780
  • focusBorder#E9BE67
  • foreground#f8f7f4
  • input.background#1D1A16
  • input.border#ffffff15
  • input.foreground#f8f7f4
  • input.placeholderForeground#f8f7f460
  • list.activeSelectionBackground#E9BE6730
  • list.activeSelectionForeground#f8f7f4
  • list.highlightForeground#E9BE67
  • list.hoverBackground#1D1A1640
  • list.hoverForeground#f8f7f4
  • list.inactiveSelectionBackground#E9BE6715
  • list.inactiveSelectionForeground#f8f7f4
  • selection.background#ECC47935
  • sideBar.background#1D1A16
  • sideBar.border#ffffff15
  • sideBar.foreground#f8f7f4
  • sideBarSectionHeader.background#A7793980
  • sideBarSectionHeader.foreground#f8f7f4
  • sideBarTitle.foreground#E9BE67
  • statusBar.background#A77939
  • statusBar.border#ffffff15
  • statusBar.foreground#f8f7f4
  • statusBar.noFolderBackground#A77939
  • tab.activeBackground#A77939
  • tab.activeBorderTop#E9BE67
  • tab.activeForeground#f8f7f4
  • tab.border#ffffff15
  • tab.inactiveBackground#1D1A1660
  • tab.inactiveForeground#f8f7f480
  • terminal.ansiBlack#A77939
  • terminal.ansiBlue#ECC479
  • terminal.ansiCyan#E7BB55
  • terminal.ansiGreen#E9BE67
  • terminal.ansiMagenta#F1BC83
  • terminal.ansiRed#F1BC83
  • terminal.ansiWhite#f8f7f4
  • terminal.ansiYellow#E7BB55
  • terminal.background#A77939
  • terminal.foreground#f8f7f4
  • titleBar.activeBackground#A77939
  • titleBar.activeForeground#f8f7f4
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#A77939
  • titleBar.inactiveForeground#f8f7f460
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#d9c9a7italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#ECC479bold
storage.type, storage.modifier#ECC479italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#E9BE67
string, punctuation.definition.string, string.template, meta.template.expression#E7BB55
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#F1BC83
variable, variable.other.readwrite, variable.other.object#f8f7f4
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#f8f7f4
variable.parameter, meta.parameter#f8f7f4dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#f8f7f480
keyword.operator#f8f7f4
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#E9BE67
entity.name.tag, punctuation.definition.tag#ECC479
entity.other.attribute-name#E9BE67
meta.diff, meta.diff.header#d9c9a7
markup.deleted#F1BC83
markup.inserted#E9BE67
markup.changed#E7BB55
markup.heading, markup.heading.setext, punctuation.definition.heading#E9BE67bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#E7BB55
string.other.link.title, string.other.link.description#E9BE67
markup.underline.link#d9c9a7underline
punctuation.definition.list#ECC479
markup.quote, punctuation.definition.quote#d9c9a7italic