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#4D362D
  • activityBar.border#ffffff15
  • activityBar.foreground#E9679B
  • activityBar.inactiveForeground#fff8ee60
  • activityBarBadge.background#E9679B
  • activityBarBadge.foreground#4D362D
  • button.background#E9679B
  • button.foreground#4D362D
  • button.hoverBackground#E9679Bdd
  • editor.background#4D362D
  • editor.foreground#fff8ee
  • editor.inactiveSelectionBackground#ECAF793580
  • editor.lineHighlightBackground#1D161140
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#ECAF7935
  • editorCursor.foreground#E9679B
  • editorGroupHeader.tabsBackground#4D362Ddd
  • editorLineNumber.activeForeground#E9679B
  • editorLineNumber.foreground#d8c7b880
  • focusBorder#E9679B
  • foreground#fff8ee
  • input.background#1D1611
  • input.border#ffffff15
  • input.foreground#fff8ee
  • input.placeholderForeground#fff8ee60
  • list.activeSelectionBackground#E9679B30
  • list.activeSelectionForeground#fff8ee
  • list.highlightForeground#E9679B
  • list.hoverBackground#1D161140
  • list.hoverForeground#fff8ee
  • list.inactiveSelectionBackground#E9679B15
  • list.inactiveSelectionForeground#fff8ee
  • selection.background#ECAF7935
  • sideBar.background#1D1611
  • sideBar.border#ffffff15
  • sideBar.foreground#fff8ee
  • sideBarSectionHeader.background#4D362D80
  • sideBarSectionHeader.foreground#fff8ee
  • sideBarTitle.foreground#E9679B
  • statusBar.background#4D362D
  • statusBar.border#ffffff15
  • statusBar.foreground#fff8ee
  • statusBar.noFolderBackground#4D362D
  • tab.activeBackground#4D362D
  • tab.activeBorderTop#E9679B
  • tab.activeForeground#fff8ee
  • tab.border#ffffff15
  • tab.inactiveBackground#1D161160
  • tab.inactiveForeground#fff8ee80
  • terminal.ansiBlack#4D362D
  • terminal.ansiBlue#ECAF79
  • terminal.ansiCyan#E7AF55
  • terminal.ansiGreen#E9679B
  • terminal.ansiMagenta#83F197
  • terminal.ansiRed#83F197
  • terminal.ansiWhite#fff8ee
  • terminal.ansiYellow#E7AF55
  • terminal.background#4D362D
  • terminal.foreground#fff8ee
  • titleBar.activeBackground#4D362D
  • titleBar.activeForeground#fff8ee
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#4D362D
  • titleBar.inactiveForeground#fff8ee60
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#d8c7b8italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#ECAF79bold
storage.type, storage.modifier#ECAF79italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#E9679B
string, punctuation.definition.string, string.template, meta.template.expression#E7AF55
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#83F197
variable, variable.other.readwrite, variable.other.object#fff8ee
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#fff8ee
variable.parameter, meta.parameter#fff8eedditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#fff8ee80
keyword.operator#fff8ee
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#E9679B
entity.name.tag, punctuation.definition.tag#ECAF79
entity.other.attribute-name#E9679B
meta.diff, meta.diff.header#d8c7b8
markup.deleted#83F197
markup.inserted#E9679B
markup.changed#E7AF55
markup.heading, markup.heading.setext, punctuation.definition.heading#E9679Bbold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#E7AF55
string.other.link.title, string.other.link.description#E9679B
markup.underline.link#d8c7b8underline
punctuation.definition.list#ECAF79
markup.quote, punctuation.definition.quote#d8c7b8italic