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#111C2C
  • activityBar.border#ffffff15
  • activityBar.foreground#E967A8
  • activityBar.inactiveForeground#FAFBFF60
  • activityBarBadge.background#E967A8
  • activityBarBadge.foreground#111C2C
  • button.background#E967A8
  • button.foreground#111C2C
  • button.hoverBackground#E967A8dd
  • editor.background#111C2C
  • editor.foreground#FAFBFF
  • editor.inactiveSelectionBackground#79B2EC3580
  • editor.lineHighlightBackground#07090E40
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#79B2EC35
  • editorCursor.foreground#E967A8
  • editorGroupHeader.tabsBackground#111C2Cdd
  • editorLineNumber.activeForeground#E967A8
  • editorLineNumber.foreground#EDE5EE80
  • focusBorder#E967A8
  • foreground#FAFBFF
  • input.background#07090E
  • input.border#ffffff15
  • input.foreground#FAFBFF
  • input.placeholderForeground#FAFBFF60
  • list.activeSelectionBackground#E967A830
  • list.activeSelectionForeground#FAFBFF
  • list.highlightForeground#E967A8
  • list.hoverBackground#07090E40
  • list.hoverForeground#FAFBFF
  • list.inactiveSelectionBackground#E967A815
  • list.inactiveSelectionForeground#FAFBFF
  • selection.background#79B2EC35
  • sideBar.background#07090E
  • sideBar.border#ffffff15
  • sideBar.foreground#FAFBFF
  • sideBarSectionHeader.background#111C2C80
  • sideBarSectionHeader.foreground#FAFBFF
  • sideBarTitle.foreground#E967A8
  • statusBar.background#111C2C
  • statusBar.border#ffffff15
  • statusBar.foreground#FAFBFF
  • statusBar.noFolderBackground#111C2C
  • tab.activeBackground#111C2C
  • tab.activeBorderTop#E967A8
  • tab.activeForeground#FAFBFF
  • tab.border#ffffff15
  • tab.inactiveBackground#07090E60
  • tab.inactiveForeground#FAFBFF80
  • terminal.ansiBlack#111C2C
  • terminal.ansiBlue#79B2EC
  • terminal.ansiCyan#E7557C
  • terminal.ansiGreen#E967A8
  • terminal.ansiMagenta#83ADF1
  • terminal.ansiRed#83ADF1
  • terminal.ansiWhite#FAFBFF
  • terminal.ansiYellow#E7557C
  • terminal.background#111C2C
  • terminal.foreground#FAFBFF
  • titleBar.activeBackground#111C2C
  • titleBar.activeForeground#FAFBFF
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#111C2C
  • titleBar.inactiveForeground#FAFBFF60
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#EDE5EEitalic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#79B2ECbold
storage.type, storage.modifier#79B2ECitalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#E967A8
string, punctuation.definition.string, string.template, meta.template.expression#E7557C
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#83ADF1
variable, variable.other.readwrite, variable.other.object#FAFBFF
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#FAFBFF
variable.parameter, meta.parameter#FAFBFFdditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#FAFBFF80
keyword.operator#FAFBFF
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#E7557Cbold
entity.other.inherited-class#E967A8
entity.name.tag, punctuation.definition.tag#79B2EC
entity.other.attribute-name#E967A8
meta.diff, meta.diff.header#EDE5EE
markup.deleted#83ADF1
markup.inserted#E967A8
markup.changed#E7557C
markup.heading, markup.heading.setext, punctuation.definition.heading#E967A8bold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#E7557C
string.other.link.title, string.other.link.description#E967A8
markup.underline.link#EDE5EEunderline
punctuation.definition.list#79B2EC
markup.quote, punctuation.definition.quote#EDE5EEitalic