Death Purple
Publisher: RockHouseThemes in package: 1
Dark purple 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.activeBorder#b742ffc0
- activityBar.activeFocusBorder#b742ff
- activityBar.background#120024
- activityBar.border#120024
- activityBar.dropBorder#9039c7
- activityBar.foreground#f2e8f7d0
- activityBar.inactiveForeground#f2e8f750
- activityBarBadge.background#5a068e
- activityBarBadge.foreground#f2e8f7
- badge.background#7d16bfa0
- breadcrumb.activeSelectionForeground#f2e8f7
- breadcrumb.focusForeground#f2e8f7
- breadcrumb.foreground#f2e8f7
- breadcrumbPicker.background#120024
- button.background#7d16bf
- button.hoverBackground#9039c7
- commandCenter.background#4d057b20
- commandCenter.border#4d057b20
- contrastBorder#120024
- debugToolBar.background#2f014b
- diffEditor.border#5a068e60
- diffEditor.diagonalFill#f2e8f725
- diffEditor.insertedTextBackground#00ff0028
- diffEditor.removedTextBackground#ff000028
- dropdown.background#1a0033
- dropdown.border#f2e8f716
- dropdown.foreground#f2e8f7
- dropdown.listBackground#1a0033
- editor.background#120024
- editor.findMatchBackground#7d16bf
- editor.findMatchHighlightBackground#5a068ee0
- editor.findRangeHighlightBackground#5a068e80
- editor.foreground#f2e8f7
- editor.hoverHighlightBackground#5a068e80
- editor.inactiveSelectionBackground#5a068e80
- editor.lineHighlightBackground#2f014bb0
- editor.lineHighlightBorder#2f014b
- editor.rangeHighlightBackground#5a068ea0
- editor.selectionBackground#5a068e
- editor.selectionHighlightBackground#5a068ee0
- editor.wordHighlightBackground#5a068e90
- editor.wordHighlightStrongBackground#5a068eb0
- editorBracketHighlight.foreground1#ffd700
- editorBracketHighlight.foreground2#da70d6
- editorBracketHighlight.foreground3#87cefa
- editorBracketMatch.background#5a068e
- editorBracketMatch.border#7d16bfb0
- editorBracketPairGuide.activeBackground1#ffd700b0
- editorBracketPairGuide.activeBackground2#da70d6b0
- editorBracketPairGuide.activeBackground3#87cefab0
- editorBracketPairGuide.background1#ffd70080
- editorBracketPairGuide.background2#da70d680
- editorBracketPairGuide.background3#87cefa80
- editorCodeLens.foreground#a891b6d0
- editorCursor.foreground#b742ff
- editorGroup.border#5a068e60
- editorGroup.dropBackground#9039c750
- editorGroup.emptyBackground#120024
- editorGroupHeader.border#120024
- editorGroupHeader.noTabsBackground#120024
- editorGroupHeader.tabsBackground#120024
- editorGroupHeader.tabsBorder#120024
- editorGutter.background#120024
- editorHoverWidget.background#2f014b
- editorHoverWidget.border#5a068e80
- editorIndentGuide.activeBackground#a891b632
- editorIndentGuide.background#a891b600
- editorInlayHint.background#b742ff10
- editorInlayHint.foreground#f2e8f760
- editorLineNumber.foreground#a891b6a0
- editorLink.activeForeground#ba7dd9
- editorMarkerNavigation.background#2f014b
- editorMarkerNavigationError.background#ff5a5a
- editorMarkerNavigationWarning.background#5aac5a
- editorOverviewRuler.border#120024
- editorRuler.foreground#5a068e30
- editorSuggestWidget.background#1a0033
- editorSuggestWidget.border#5a068e60
- editorSuggestWidget.foreground#f2e8f7d0
- editorSuggestWidget.highlightForeground#ba7dd9
- editorSuggestWidget.selectedBackground#5a068e
- editorSuggestWidget.selectedForeground#f2e8f7
- editorWhitespace.foreground#a891b632
- editorWidget.background#2f014b
- editorWidget.border#5a068e80
- editorWidget.foreground#f2e8f7d0
- editorWidget.resizeBorder#5a068eb0
- errorForeground#e86969
- focusBorder#f2e8f720
- foreground#f2e8f7
- input.background#1a0033
- input.border#f2e8f716
- input.foreground#f2e8f7
- input.placeholderForeground#f2e8f750
- inputOption.activeBorder#f2e8f752
- list.activeSelectionBackground#5a068e
- list.activeSelectionForeground#f2e8f7
- list.activeSelectionIconForeground#ffffff
- list.deemphasizedForeground#f2e8f750
- list.dropBackground#5a068e80
- list.filterMatchBackground#7d16bfb0
- list.filterMatchBorder#7d16bf00
- list.focusBackground#5a068e80
- list.focusForeground#f2e8f7
- list.highlightForeground#ba7dd9
- list.hoverBackground#5a068e80
- list.hoverForeground#f2e8f7
- list.inactiveFocusBackground#2f014b
- list.inactiveSelectionBackground#2f014b
- list.inactiveSelectionForeground#f2e8f7
- list.invalidItemForeground#e86969
- listFilterWidget.background#5a068e
- listFilterWidget.noMatchesOutline#e86969
- listFilterWidget.outline#7d16bf70
- menu.background#1a0033
- menu.border#5a068e60
- menu.foreground#f2e8f7d0
- menu.selectionBackground#5a068e80
- menu.selectionForeground#f2e8f7
- menu.separatorBackground#5a068e60
- menubar.selectionBackground#5a068e80
- menubar.selectionBorder#5a068e80
- menubar.selectionForeground#f2e8f7
- notebook.cellBorderColor#5a068ea6
- notebook.cellHoverBackground#5a068e40
- notebook.cellStatusBarItemHoverBackground#5a068e60
- notebook.cellToolbarSeparator#5a068e60
- notebook.focusedCellBackground#5a068e60
- notebook.focusedCellBorder#5a068e
- notebook.focusedEditorBorder#5a068e
- notebook.outputContainerBackgroundColor#1a0033
- notificationCenter.border#5a068e80
- notificationCenterHeader.background#2f014b
- notificationCenterHeader.foreground#f2e8f7d0
- notificationLink.foreground#ba7dd9
- notifications.background#2f014b
- notifications.border#5a068e60
- notifications.foreground#f2e8f7d0
- notificationToast.border#5a068e80
- panel.background#120024
- panel.border#5a068e60
- panel.dropBorder#9039c7
- panelSectionHeader.background#120024
- panelSectionHeader.border#5a068e60
- panelSectionHeader.foreground#f2e8f7d0
- panelTitle.activeBorder#b742ff80
- panelTitle.activeForeground#f2e8f7c0
- panelTitle.inactiveForeground#f2e8f750
- peekView.border#5a068e80
- peekViewEditor.background#2f014b80
- peekViewEditor.matchHighlightBackground#5a068eb0
- peekViewEditorGutter.background#2f014b80
- peekViewResult.background#2f014b50
- peekViewResult.fileForeground#f2e8f7d0
- peekViewResult.lineForeground#f2e8f7a0
- peekViewResult.matchHighlightBackground#5a068ee0
- peekViewResult.selectionBackground#2f014b
- peekViewResult.selectionForeground#f2e8f7
- peekViewTitle.background#2f014b
- peekViewTitleDescription.foreground#f2e8f775
- peekViewTitleLabel.foreground#f2e8f7
- pickerGroup.border#5a068e80
- pickerGroup.foreground#b884d2
- ports.iconRunningProcessForeground#369432
- progressBar.background#9039c7
- quickInput.background#1a0033
- quickInput.foreground#f2e8f7d0
- quickInputList.focusBackground#5a068e80
- quickInputList.focusForeground#f2e8f7
- sash.hoverBorder#5a068e
- scrollbar.shadow#120024
- scrollbarSlider.activeBackground#7d16bfa0
- scrollbarSlider.background#7d16bf40
- scrollbarSlider.hoverBackground#7d16bf70
- selection.background#7d16bf
- settings.checkboxBackground#1a0033
- settings.checkboxBorder#f2e8f720
- settings.dropdownBackground#1a0033
- settings.dropdownBorder#f2e8f720
- settings.headerForeground#f2e8f7
- settings.numberInputBackground#1a0033
- settings.numberInputBorder#f2e8f720
- settings.textInputBackground#1a0033
- settings.textInputBorder#f2e8f720
- sideBar.background#120024
- sideBar.border#5a068e60
- sideBar.foreground#f2e8f7b0
- sideBarSectionHeader.background#120024
- sideBarSectionHeader.border#5a068e60
- sideBarSectionHeader.foreground#f2e8f7d0
- sideBarTitle.foreground#f2e8f7d0
- statusBar.background#120024
- statusBar.border#120024
- statusBar.debuggingBackground#5a068e60
- statusBar.debuggingBorder#120024
- statusBar.debuggingForeground#f2e8f7a0
- statusBar.foreground#f2e8f770
- statusBar.noFolderBackground#120024
- statusBarItem.activeBackground#5a068e80
- statusBarItem.hoverBackground#5a068e59
- statusBarItem.prominentBackground#5a068ea6
- statusBarItem.prominentHoverBackground#5a068ed9
- statusBarItem.remoteBackground#5a068e
- statusBarItem.remoteForeground#f2e8f7d0
- tab.activeBackground#120024
- tab.activeBorder#b742ffc0
- tab.activeForeground#f2e8f7
- tab.activeModifiedBorder#c88670c0
- tab.border#120024
- tab.hoverBorder#b742ffc0
- tab.hoverForeground#f2e8f7
- tab.inactiveBackground#120024
- tab.inactiveForeground#f2e8f7a0
- tab.inactiveModifiedBorder#c8867060
- tab.lastPinnedBorder#cccccc33
- tab.unfocusedActiveBorder#b742ff80
- tab.unfocusedActiveForeground#f2e8f7a0
- tab.unfocusedActiveModifiedBorder#c8867060
- tab.unfocusedHoverBorder#b742ffc0
- tab.unfocusedHoverForeground#f2e8f7
- tab.unfocusedInactiveForeground#f2e8f7a0
- tab.unfocusedInactiveModifiedBorder#c8867060
- terminal.background#120024
- terminal.foreground#f2e8f7
- terminalCursor.foreground#b742ff
- textBlockQuote.background#d4d4d41a
- textBlockQuote.border#d4d4d440
- textCodeBlock.background#d4d4d41a
- textLink.activeForeground#ba7dd9
- textLink.foreground#ba7dd9
- titleBar.activeBackground#120024
- titleBar.inactiveBackground#120024
- tree.indentGuidesStroke#5a068e60
- widget.shadow#00000040
- window.activeBorder#310354
- window.inactiveBorder#310354
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment, string.comment | #8B949E | — |
| constant, entity.name.constant, variable.other.constant, variable.language, entity | #79C0FF | — |
| entity.name, meta.export.default, meta.definition.variable | #FFA657 | — |
| variable.parameter.function, meta.jsx.children, meta.block, meta.tag.attributes, entity.name.constant, meta.object.member, meta.embedded.expression | #C9D1D9 | — |
| entity.name.function | #D2A8FF | — |
| entity.name.tag, support.class.component | #7EE787 | — |
| keyword | #FF7B72 | — |
| storage, storage.type | #FF7B72 | — |
| storage.modifier.package, storage.modifier.import, storage.type.java | #C9D1D9 | — |
| string, punctuation.definition.string, string punctuation.section.embedded source | #A5D6FF | — |
| support | #79C0FF | — |
| meta.property-name | #79C0FF | — |
| variable | #FFA657 | — |
| variable.other | #C9D1D9 | — |
| invalid.broken | #FFA198 | italic |
| invalid.deprecated | #FFA198 | italic |
| invalid.illegal | #FFA198 | italic |
| invalid.unimplemented | #FFA198 | italic |
| carriage-return | #F0F6FC | italic underline |
| message.error | #FFA198 | — |
| string source | #C9D1D9 | — |
| string variable | #79C0FF | — |
| source.regexp, string.regexp | #A5D6FF | — |
| string.regexp.character-class, string.regexp constant.character.escape, string.regexp source.ruby.embedded, string.regexp string.regexp.arbitrary-repitition | #A5D6FF | — |
| string.regexp constant.character.escape | #7EE787 | bold |
| support.constant | #79C0FF | — |
| support.variable | #79C0FF | — |
| meta.module-reference | #79C0FF | — |
| punctuation.definition.list.begin.markdown | #FFA657 | — |
| markup.heading, markup.heading entity.name | #79C0FF | bold |
| markup.quote | #7EE787 | — |
| markup.italic | #C9D1D9 | italic |
| markup.bold | #C9D1D9 | bold |
| markup.raw | #79C0FF | — |
| markup.deleted, meta.diff.header.from-file, punctuation.definition.deleted | #FFA198 | — |
| markup.inserted, meta.diff.header.to-file, punctuation.definition.inserted | #7EE787 | — |
| markup.changed, punctuation.definition.changed | #FFA657 | — |
| markup.ignored, markup.untracked | #161B22 | — |
| meta.diff.range | #D2A8FF | bold |
| meta.diff.header | #79C0FF | — |
| meta.separator | #79C0FF | bold |
| meta.output | #79C0FF | — |
| brackethighlighter.tag, brackethighlighter.curly, brackethighlighter.round, brackethighlighter.square, brackethighlighter.angle, brackethighlighter.quote | #8B949E | — |
| brackethighlighter.unmatched | #FFA198 | — |
| constant.other.reference.link, string.other.link | #A5D6FF | underline |
| token.info-token | #6796E6 | — |
| token.warn-token | #CD9731 | — |
| token.error-token | #F44747 | — |
| token.debug-token | #B267E6 | — |