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#401178
  • activityBar.border#ffffff15
  • activityBar.foreground#E967AF
  • activityBar.inactiveForeground#FDF7FC60
  • activityBarBadge.background#E967AF
  • activityBarBadge.foreground#401178
  • button.background#E967AF
  • button.foreground#401178
  • button.hoverBackground#E967AFdd
  • editor.background#401178
  • editor.foreground#FDF7FC
  • editor.inactiveSelectionBackground#C979EC3580
  • editor.lineHighlightBackground#120C1740
  • editor.lineHighlightBorder#00000000
  • editor.selectionBackground#C979EC35
  • editorCursor.foreground#E967AF
  • editorGroupHeader.tabsBackground#401178dd
  • editorLineNumber.activeForeground#E967AF
  • editorLineNumber.foreground#F3E5F580
  • focusBorder#E967AF
  • foreground#FDF7FC
  • input.background#120C17
  • input.border#ffffff15
  • input.foreground#FDF7FC
  • input.placeholderForeground#FDF7FC60
  • list.activeSelectionBackground#E967AF30
  • list.activeSelectionForeground#FDF7FC
  • list.highlightForeground#E967AF
  • list.hoverBackground#120C1740
  • list.hoverForeground#FDF7FC
  • list.inactiveSelectionBackground#E967AF15
  • list.inactiveSelectionForeground#FDF7FC
  • selection.background#C979EC35
  • sideBar.background#120C17
  • sideBar.border#ffffff15
  • sideBar.foreground#FDF7FC
  • sideBarSectionHeader.background#40117880
  • sideBarSectionHeader.foreground#FDF7FC
  • sideBarTitle.foreground#E967AF
  • statusBar.background#401178
  • statusBar.border#ffffff15
  • statusBar.foreground#FDF7FC
  • statusBar.noFolderBackground#401178
  • tab.activeBackground#401178
  • tab.activeBorderTop#E967AF
  • tab.activeForeground#FDF7FC
  • tab.border#ffffff15
  • tab.inactiveBackground#120C1760
  • tab.inactiveForeground#FDF7FC80
  • terminal.ansiBlack#401178
  • terminal.ansiBlue#C979EC
  • terminal.ansiCyan#E7559C
  • terminal.ansiGreen#E967AF
  • terminal.ansiMagenta#83F187
  • terminal.ansiRed#83F187
  • terminal.ansiWhite#FDF7FC
  • terminal.ansiYellow#E7559C
  • terminal.background#401178
  • terminal.foreground#FDF7FC
  • titleBar.activeBackground#401178
  • titleBar.activeForeground#FDF7FC
  • titleBar.border#ffffff15
  • titleBar.inactiveBackground#401178
  • titleBar.inactiveForeground#FDF7FC60
  • widget.border#ffffff15

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scopeforegroundfontStyle
comment, punctuation.definition.comment#F3E5F5italic
keyword, keyword.control, keyword.operator.new, keyword.operator.expression, keyword.operator.logical#C979ECbold
storage.type, storage.modifier#C979ECitalic
entity.name.function, support.function, keyword.other.special-method, meta.function-call#E967AF
string, punctuation.definition.string, string.template, meta.template.expression#E7559C
constant.numeric, constant.language, constant.character, constant.other, variable.other.constant#83F187
variable, variable.other.readwrite, variable.other.object#FDF7FC
variable.other.property, support.variable.property, meta.object-literal.key, meta.object.member#FDF7FC
variable.parameter, meta.parameter#FDF7FCdditalic
punctuation.separator, punctuation.terminator, punctuation.definition.parameters, punctuation.definition.block, punctuation.section, meta.brace#FDF7FC80
keyword.operator#FDF7FC
entity.name.type, entity.name.class, entity.name.namespace, entity.name.scope-resolution, support.type, support.class, support.other.namespace#E7559Cbold
entity.other.inherited-class#E967AF
entity.name.tag, punctuation.definition.tag#C979EC
entity.other.attribute-name#E967AF
meta.diff, meta.diff.header#F3E5F5
markup.deleted#83F187
markup.inserted#E967AF
markup.changed#E7559C
markup.heading, markup.heading.setext, punctuation.definition.heading#E967AFbold
markup.boldbold
markup.italicitalic
markup.inline.raw, markup.raw.block#E7559C
string.other.link.title, string.other.link.description#E967AF
markup.underline.link#F3E5F5underline
punctuation.definition.list#C979EC
markup.quote, punctuation.definition.quote#F3E5F5italic