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#F7F2EA
  • activityBar.border#00000015
  • activityBar.foreground#A4161A
  • activityBar.inactiveForeground#1F171360
  • activityBarBadge.background#A4161A
  • activityBarBadge.foreground#F7F2EA
  • button.background#A4161A
  • button.foreground#F7F2EA
  • button.hoverBackground#A4161Add
  • editor.background#F7F2EA
  • editor.foreground#1F1713
  • editor.inactiveSelectionBackground#DF8A172580
  • editor.lineHighlightBackground#FFF8ED50
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#DF8A1725
  • editorCursor.foreground#A4161A
  • editorGroupHeader.tabsBackground#FFF8EDaa
  • editorLineNumber.activeForeground#A4161A
  • editorLineNumber.foreground#E8D9B580
  • focusBorder#A4161A
  • foreground#1F1713
  • input.background#FFF8ED
  • input.border#00000015
  • input.foreground#1F1713
  • input.placeholderForeground#1F171360
  • list.activeSelectionBackground#A4161A30
  • list.activeSelectionForeground#1F1713
  • list.highlightForeground#A4161A
  • list.hoverBackground#FFF8ED40
  • list.hoverForeground#1F1713
  • list.inactiveSelectionBackground#A4161A15
  • list.inactiveSelectionForeground#1F1713
  • selection.background#DF8A1725
  • sideBar.background#FFF8ED
  • sideBar.border#00000015
  • sideBar.foreground#1F1713
  • sideBarSectionHeader.background#FFF8ED80
  • sideBarSectionHeader.foreground#1F1713
  • sideBarTitle.foreground#A4161A
  • statusBar.background#F7F2EA
  • statusBar.border#00000015
  • statusBar.foreground#1F1713
  • statusBar.noFolderBackground#F7F2EA
  • tab.activeBackground#F7F2EA
  • tab.activeBorderTop#A4161A
  • tab.activeForeground#1F1713
  • tab.border#00000015
  • tab.inactiveBackground#F7F2EA60
  • tab.inactiveForeground#1F171380
  • terminal.ansiBlack#1F1713
  • terminal.ansiBlue#DF8A17
  • terminal.ansiCyan#E1A24A
  • terminal.ansiGreen#A4161A
  • terminal.ansiMagenta#D8B27A
  • terminal.ansiRed#D8B27A
  • terminal.ansiWhite#1F1713
  • terminal.ansiYellow#E1A24A
  • terminal.background#F7F2EA
  • terminal.foreground#1F1713
  • titleBar.activeBackground#F7F2EA
  • titleBar.activeForeground#1F1713
  • titleBar.border#00000015
  • titleBar.inactiveBackground#F7F2EA
  • titleBar.inactiveForeground#1F171360
  • widget.border#00000015

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#E8D9B5italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#DF8A17bold
storage.type, storage.modifier#DF8A17italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#A4161A
string, punctuation.definition.string, string.template, meta.template.expression#E1A24A
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#D8B27A
variable, variable.other.readwrite, variable.other.object#1F1713
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#1F1713
variable.parameter, meta.parameter#1F1713dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#1F171380
keyword.operator#1F1713
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#E1A24Abold
entity.other.inherited-class#A4161A
entity.name.tag, punctuation.definition.tag#DF8A17
entity.other.attribute-name#A4161A
meta.diff, meta.diff.header#E8D9B5
markup.deleted#D8B27A
markup.inserted#A4161A
markup.changed#E1A24A
markup.heading, markup.heading.setext, punctuation.definition.heading#A4161Abold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#E1A24A
string.other.link.title, string.other.link.description#A4161A
markup.underline.link#E8D9B5underline
punctuation.definition.list#DF8A17
markup.quote, punctuation.definition.quote#E8D9B5italic