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#2C0710
  • activityBar.border#ffffff15
  • activityBar.foreground#E9677B
  • activityBar.inactiveForeground#FFF7F160
  • activityBarBadge.background#E9677B
  • activityBarBadge.foreground#2C0710
  • button.background#E9677B
  • button.foreground#2C0710
  • button.hoverBackground#E9677Bdd
  • editor.background#2C0710
  • editor.foreground#FFF7F1
  • editor.inactiveSelectionBackground#EC96793580
  • editor.lineHighlightBackground#10101340
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#EC967935
  • editorCursor.foreground#E9677B
  • editorGroupHeader.tabsBackground#2C0710dd
  • editorLineNumber.activeForeground#E9677B
  • editorLineNumber.foreground#6f944e80
  • focusBorder#E9677B
  • foreground#FFF7F1
  • input.background#101013
  • input.border#ffffff15
  • input.foreground#FFF7F1
  • input.placeholderForeground#FFF7F160
  • list.activeSelectionBackground#E9677B30
  • list.activeSelectionForeground#FFF7F1
  • list.highlightForeground#E9677B
  • list.hoverBackground#10101340
  • list.hoverForeground#FFF7F1
  • list.inactiveSelectionBackground#E9677B15
  • list.inactiveSelectionForeground#FFF7F1
  • selection.background#EC967935
  • sideBar.background#101013
  • sideBar.border#ffffff15
  • sideBar.foreground#FFF7F1
  • sideBarSectionHeader.background#2C071080
  • sideBarSectionHeader.foreground#FFF7F1
  • sideBarTitle.foreground#E9677B
  • statusBar.background#2C0710
  • statusBar.border#ffffff15
  • statusBar.foreground#FFF7F1
  • statusBar.noFolderBackground#2C0710
  • tab.activeBackground#2C0710
  • tab.activeBorderTop#E9677B
  • tab.activeForeground#FFF7F1
  • tab.border#ffffff15
  • tab.inactiveBackground#10101360
  • tab.inactiveForeground#FFF7F180
  • terminal.ansiBlack#2C0710
  • terminal.ansiBlue#EC9679
  • terminal.ansiCyan#E7BE55
  • terminal.ansiGreen#E9677B
  • terminal.ansiMagenta#83F1AA
  • terminal.ansiRed#83F1AA
  • terminal.ansiWhite#FFF7F1
  • terminal.ansiYellow#E7BE55
  • terminal.background#2C0710
  • terminal.foreground#FFF7F1
  • titleBar.activeBackground#2C0710
  • titleBar.activeForeground#FFF7F1
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#2C0710
  • titleBar.inactiveForeground#FFF7F160
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#6f944eitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#EC9679bold
storage.type, storage.modifier#EC9679italic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#E9677B
string, punctuation.definition.string, string.template, meta.template.expression#E7BE55
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#83F1AA
variable, variable.other.readwrite, variable.other.object#FFF7F1
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#FFF7F1
variable.parameter, meta.parameter#FFF7F1dditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#FFF7F180
keyword.operator#FFF7F1
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#E7BE55bold
entity.other.inherited-class#E9677B
entity.name.tag, punctuation.definition.tag#EC9679
entity.other.attribute-name#E9677B
meta.diff, meta.diff.header#6f944e
markup.deleted#83F1AA
markup.inserted#E9677B
markup.changed#E7BE55
markup.heading, markup.heading.setext, punctuation.definition.heading#E9677Bbold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#E7BE55
string.other.link.title, string.other.link.description#E9677B
markup.underline.link#6f944eunderline
punctuation.definition.list#EC9679
markup.quote, punctuation.definition.quote#6f944eitalic