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#4A2E21
  • activityBar.border#ffffff15
  • activityBar.foreground#E96788
  • activityBar.inactiveForeground#fff7ea60
  • activityBarBadge.background#E96788
  • activityBarBadge.foreground#4A2E21
  • button.background#E96788
  • button.foreground#4A2E21
  • button.hoverBackground#E96788dd
  • editor.background#4A2E21
  • editor.foreground#fff7ea
  • editor.inactiveSelectionBackground#EC79923580
  • editor.lineHighlightBackground#190B0E40
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#EC799235
  • editorCursor.foreground#E96788
  • editorGroupHeader.tabsBackground#4A2E21dd
  • editorLineNumber.activeForeground#E96788
  • editorLineNumber.foreground#e83f6380
  • focusBorder#E96788
  • foreground#fff7ea
  • input.background#190B0E
  • input.border#ffffff15
  • input.foreground#fff7ea
  • input.placeholderForeground#fff7ea60
  • list.activeSelectionBackground#E9678830
  • list.activeSelectionForeground#fff7ea
  • list.highlightForeground#E96788
  • list.hoverBackground#190B0E40
  • list.hoverForeground#fff7ea
  • list.inactiveSelectionBackground#E9678815
  • list.inactiveSelectionForeground#fff7ea
  • selection.background#EC799235
  • sideBar.background#190B0E
  • sideBar.border#ffffff15
  • sideBar.foreground#fff7ea
  • sideBarSectionHeader.background#4A2E2180
  • sideBarSectionHeader.foreground#fff7ea
  • sideBarTitle.foreground#E96788
  • statusBar.background#4A2E21
  • statusBar.border#ffffff15
  • statusBar.foreground#fff7ea
  • statusBar.noFolderBackground#4A2E21
  • tab.activeBackground#4A2E21
  • tab.activeBorderTop#E96788
  • tab.activeForeground#fff7ea
  • tab.border#ffffff15
  • tab.inactiveBackground#190B0E60
  • tab.inactiveForeground#fff7ea80
  • terminal.ansiBlack#4A2E21
  • terminal.ansiBlue#EC7992
  • terminal.ansiCyan#E7BB55
  • terminal.ansiGreen#E96788
  • terminal.ansiMagenta#97F183
  • terminal.ansiRed#97F183
  • terminal.ansiWhite#fff7ea
  • terminal.ansiYellow#E7BB55
  • terminal.background#4A2E21
  • terminal.foreground#fff7ea
  • titleBar.activeBackground#4A2E21
  • titleBar.activeForeground#fff7ea
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#4A2E21
  • titleBar.inactiveForeground#fff7ea60
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#e83f63italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#EC7992bold
storage.type, storage.modifier#EC7992italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#E96788
string, punctuation.definition.string, string.template, meta.template.expression#E7BB55
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#97F183
variable, variable.other.readwrite, variable.other.object#fff7ea
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#fff7ea
variable.parameter, meta.parameter#fff7eadditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#fff7ea80
keyword.operator#fff7ea
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#E96788
entity.name.tag, punctuation.definition.tag#EC7992
entity.other.attribute-name#E96788
meta.diff, meta.diff.header#e83f63
markup.deleted#97F183
markup.inserted#E96788
markup.changed#E7BB55
markup.heading, markup.heading.setext, punctuation.definition.heading#E96788bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#E7BB55
string.other.link.title, string.other.link.description#E96788
markup.underline.link#e83f63underline
punctuation.definition.list#EC7992
markup.quote, punctuation.definition.quote#e83f63italic