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#080C09
  • activityBar.border#ffffff15
  • activityBar.foreground#E967B5
  • activityBar.inactiveForeground#FFF7ED60
  • activityBarBadge.background#E967B5
  • activityBarBadge.foreground#080C09
  • button.background#E967B5
  • button.foreground#080C09
  • button.hoverBackground#E967B5dd
  • editor.background#080C09
  • editor.foreground#FFF7ED
  • editor.inactiveSelectionBackground#A579EC3580
  • editor.lineHighlightBackground#25312540
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#A579EC35
  • editorCursor.foreground#E967B5
  • editorGroupHeader.tabsBackground#080C09dd
  • editorLineNumber.activeForeground#E967B5
  • editorLineNumber.foreground#CBA4E680
  • focusBorder#E967B5
  • foreground#FFF7ED
  • input.background#253125
  • input.border#ffffff15
  • input.foreground#FFF7ED
  • input.placeholderForeground#FFF7ED60
  • list.activeSelectionBackground#E967B530
  • list.activeSelectionForeground#FFF7ED
  • list.highlightForeground#E967B5
  • list.hoverBackground#25312540
  • list.hoverForeground#FFF7ED
  • list.inactiveSelectionBackground#E967B515
  • list.inactiveSelectionForeground#FFF7ED
  • selection.background#A579EC35
  • sideBar.background#253125
  • sideBar.border#ffffff15
  • sideBar.foreground#FFF7ED
  • sideBarSectionHeader.background#080C0980
  • sideBarSectionHeader.foreground#FFF7ED
  • sideBarTitle.foreground#E967B5
  • statusBar.background#080C09
  • statusBar.border#ffffff15
  • statusBar.foreground#FFF7ED
  • statusBar.noFolderBackground#080C09
  • tab.activeBackground#080C09
  • tab.activeBorderTop#E967B5
  • tab.activeForeground#FFF7ED
  • tab.border#ffffff15
  • tab.inactiveBackground#25312560
  • tab.inactiveForeground#FFF7ED80
  • terminal.ansiBlack#080C09
  • terminal.ansiBlue#A579EC
  • terminal.ansiCyan#77E755
  • terminal.ansiGreen#E967B5
  • terminal.ansiMagenta#F1839B
  • terminal.ansiRed#F1839B
  • terminal.ansiWhite#FFF7ED
  • terminal.ansiYellow#77E755
  • terminal.background#080C09
  • terminal.foreground#FFF7ED
  • titleBar.activeBackground#080C09
  • titleBar.activeForeground#FFF7ED
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#080C09
  • titleBar.inactiveForeground#FFF7ED60
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#CBA4E6italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#A579ECbold
storage.type, storage.modifier#A579ECitalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#E967B5
string, punctuation.definition.string, string.template, meta.template.expression#77E755
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#F1839B
variable, variable.other.readwrite, variable.other.object#FFF7ED
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#FFF7ED
variable.parameter, meta.parameter#FFF7EDdditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#FFF7ED80
keyword.operator#FFF7ED
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#77E755bold
entity.other.inherited-class#E967B5
entity.name.tag, punctuation.definition.tag#A579EC
entity.other.attribute-name#E967B5
meta.diff, meta.diff.header#CBA4E6
markup.deleted#F1839B
markup.inserted#E967B5
markup.changed#77E755
markup.heading, markup.heading.setext, punctuation.definition.heading#E967B5bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#77E755
string.other.link.title, string.other.link.description#E967B5
markup.underline.link#CBA4E6underline
punctuation.definition.list#A579EC
markup.quote, punctuation.definition.quote#CBA4E6italic