Purple People Eater
Publisher: Steven WienerThemes in package: 1
A dark purple and pink VS Code color theme.
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.activeBackground#b700ff1a
- activityBar.activeBorder#b700ff
- activityBar.background#010108
- activityBar.border#b700ff33
- activityBar.foreground#fe53bb
- activityBar.inactiveForeground#fe53bb66
- activityBarBadge.background#b700ff
- activityBarBadge.foreground#ffffff
- badge.background#b700ff
- badge.foreground#ffffff
- breadcrumb.activeSelectionForeground#b700ff
- breadcrumb.background#0d0935
- breadcrumb.focusForeground#fe53bb
- breadcrumb.foreground#fe53bb99
- button.background#b700ff
- button.border#fe53bb33
- button.foreground#ffffff
- button.hoverBackground#9200cc
- commandCenter.border#b700ff66
- diffEditor.border#b700ff4d
- diffEditor.insertedLineBackground#3cdd3c14
- diffEditor.insertedTextBackground#3cdd3c26
- diffEditor.removedLineBackground#ff537014
- diffEditor.removedTextBackground#ff537026
- dropdown.background#0c073f
- dropdown.border#b700ff4d
- dropdown.foreground#fe53bb
- editor.background#0d0935
- editor.findMatchBackground#b700ff8c
- editor.findMatchHighlightBackground#b700ff47
- editor.foldBackground#b700ff1a
- editor.foreground#fe53bb
- editor.inactiveSelectionBackground#b700ff21
- editor.lineHighlightBackground#110c46
- editor.lineHighlightBorder#110c46
- editor.selectionBackground#b700ff47
- editor.selectionHighlightBackground#b700ff2e
- editor.wordHighlightBackground#08f7fe33
- editor.wordHighlightStrongBackground#08f7fe59
- editorBracketMatch.background#b700ff1a
- editorBracketMatch.border#b700ffb3
- editorCursor.foreground#08f7fe
- editorError.border#ff5370
- editorError.foreground#ff5370
- editorGhostText.foreground#fe53bb4d
- editorGroup.border#b700ff4d
- editorGroup.dropBackground#b700ff26
- editorGroupHeader.noTabsBackground#080528
- editorGroupHeader.tabsBackground#080528
- editorGroupHeader.tabsBorder#b700ff21
- editorGutter.addedBackground#3cdd3c
- editorGutter.background#05031a80
- editorGutter.deletedBackground#ff5370
- editorGutter.modifiedBackground#b700ff
- editorIndentGuide.activeBackground1#b700ff80
- editorIndentGuide.background1#fe53bb1a
- editorLineNumber.activeForeground#cc6ba7
- editorLineNumber.foreground#892f66
- editorLink.activeForeground#b700ff
- editorPane.background#0d0935
- editorRuler.foreground#fe53bb26
- editorWarning.foreground#ff9e64
- editorWidget.background#090631
- editorWidget.border#b700ff4d
- editorWidget.foreground#fe53bb
- focusBorder#b700ff99
- foreground#fe53bb
- gitDecoration.addedResourceForeground#3cdd3c
- gitDecoration.deletedResourceForeground#ff5370
- gitDecoration.ignoredResourceForeground#fe53bb59
- gitDecoration.modifiedResourceForeground#b700ff
- gitDecoration.renamedResourceForeground#76ee00
- gitDecoration.untrackedResourceForeground#3cdd3c
- input.background#08051f
- input.border#b700ff4d
- input.foreground#fe53bb
- input.placeholderForeground#fe53bb59
- inputValidation.errorBackground#ff537026
- inputValidation.errorBorder#ff5370
- list.activeSelectionBackground#b700ff40
- list.activeSelectionForeground#fe53bb
- list.errorForeground#ff5370
- list.focusBackground#b700ff33
- list.highlightForeground#b700ff
- list.hoverBackground#b700ff1a
- list.hoverForeground#fe53bb
- list.inactiveSelectionBackground#b700ff1f
- list.warningForeground#ff9e64
- menu.background#090631
- menu.border#b700ff4d
- menu.foreground#fe53bb
- menu.selectionBackground#b700ff33
- minimap.background#05031acc
- minimap.errorHighlight#ff537099
- minimap.findMatchHighlight#b700ff80
- minimap.selectionHighlight#b700ff66
- minimapGutter.addedBackground#3cdd3c
- minimapGutter.modifiedBackground#b700ff
- minimapSlider.activeBackground#b700ff80
- minimapSlider.background#fe53bb1a
- minimapSlider.hoverBackground#b700ff4d
- notifications.background#090631
- notifications.border#b700ff4d
- panel.background#02010c
- panel.border#b700ff4d
- panelTitle.activeBorder#b700ff
- panelTitle.activeForeground#b700ff
- panelTitle.inactiveForeground#fe53bb80
- peekView.border#b700ff80
- peekViewEditor.background#08051f
- peekViewResult.background#02010c
- peekViewResult.selectionBackground#b700ff33
- quickInput.background#090631
- quickInput.foreground#fe53bb
- sash.hoverBorder#b700ff
- scrollbar.shadow#b700ff66
- scrollbarSlider.activeBackground#b700ff99
- scrollbarSlider.background#fe53bb21
- scrollbarSlider.hoverBackground#b700ff66
- selection.background#b700ff47
- settings.headerForeground#b700ff
- settings.modifiedItemIndicator#b700ff
- sideBar.background#05031a
- sideBar.border#b700ff26
- sideBar.foreground#fe53bbd9
- sideBarSectionHeader.background#02010c
- sideBarSectionHeader.border#b700ff33
- sideBarSectionHeader.foreground#fe53bb
- sideBarTitle.foreground#fe53bb
- statusBar.background#b700ff
- statusBar.border#b700ff80
- statusBar.debuggingBackground#ff9e64
- statusBar.foreground#ffffff
- statusBar.noFolderBackground#9a00d6
- statusBarItem.hoverBackground#fe53bb1a
- tab.activeBackground#0d0935
- tab.activeBorder#b700ff
- tab.activeForeground#fe53bb
- tab.border#fe53bb0d
- tab.hoverBackground#b700ff1a
- tab.hoverForeground#fe53bb
- tab.inactiveBackground#080528
- tab.inactiveForeground#fe53bb80
- terminal.ansiBrightWhite#fe53bb
- terminal.ansiCyan#08f7fe
- terminal.ansiGreen#76ee00
- terminal.ansiRed#ff0077
- terminal.ansiYellow#f5d300
- terminal.background#0a0728
- terminal.border#b700ff33
- terminal.foreground#fe53bb
- titleBar.activeBackground#010108
- titleBar.activeForeground#fe53bb
- titleBar.border#b700ff33
- titleBar.inactiveBackground#030316
- titleBar.inactiveForeground#fe53bb80
- welcomePage.progress.foreground#b700ff
- widget.shadow#b700ff33
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #65375a | italic |
| keyword, keyword.control, storage.type, keyword.operator.new | #b700ff | — |
| storage.modifier | #c533ff | italic |
| entity.name.function, meta.function-call, variable.function, support.function, keyword.other.special-method | #76ee00 | — |
| entity.name.method.js | #8aff18 | italic |
| string, string.quoted, constant.other.symbol, markup.inline.raw | #f5d300 | — |
| string.regexp | #ffe129 | — |
| punctuation.definition.string | #c2a700 | — |
| variable, string constant.other.placeholder | #08f7fe | — |
| variable.parameter | #31f8fe | italic |
| variable.language | #a500e6 | italic |
| constant.numeric, constant.language, support.constant, keyword.other.unit | #f5d300 | italic |
| constant.character.escape | #ff0077 | — |
| entity.name.type, entity.name.class, support.type, support.class | #08f7fe | — |
| entity.name.tag, keyword.control.at-rule | #ff0077 | — |
| entity.other.attribute-name | #76ee00 | — |
| entity.other.attribute-name.class | #08f7fe | — |
| text.html.basic entity.other.attribute-name | #08f7fe | italic |
| support.type.property-name | #fe20a7 | — |
| source.json meta.structure.dictionary.json support.type.property-name.json | #f5d300 | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #08f7fe | — |
| source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json | #76ee00 | — |
| markup.heading, entity.name.section.markdown | #b700ff | bold |
| markup.bold | #b700ff | bold |
| markup.italic | #c533ff | italic |
| markup.underline.link, markup.underline.link.markdown | #76ee00 | underline |
| markup.inserted | #76ee00 | — |
| markup.deleted | #ff5370 | — |
| markup.changed | #ffee22 | — |
| invalid, invalid.illegal | #ff5370 | — |
| token.info-token | #08f7fe | — |
| token.warn-token | #cd9731 | — |
| token.error-token | #f44747 | — |
| token.debug-token | #f5d300 | — |