Pink Pixel Enchanted Themes
Publisher: Pink PixelThemes in package: 12
Dark colorful themes and contrast-heavy editor looks for Visual Studio Code by Pink Pixel.
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.activeBorder#b56bff
- activityBar.activeFocusBorder#ff5ec4
- activityBar.background#0b070f
- activityBar.border#b56bff
- activityBar.foreground#ffd23d
- activityBar.inactiveForeground#ff5ec4
- activityBarBadge.background#f71d5c
- activityBarBadge.foreground#f8a0a9
- activityBarTop.activeBorder#ffd23d
- activityBarTop.foreground#ffd23d
- badge.background#7829e1
- badge.foreground#eeaadd
- breadcrumb.activeSelectionForeground#b56bff
- breadcrumb.background#160f1e
- breadcrumb.focusForeground#eeaadd
- breadcrumb.foreground#b56bff
- breadcrumbPicker.background#100a15
- button.background#6b9dff
- button.foreground#b56bff
- button.hoverBackground#802ee8
- button.secondaryBackground#392055
- button.secondaryForeground#f3ebff
- button.secondaryHoverBackground#49286a
- checkbox.background#0b070f
- checkbox.border#b56bff
- checkbox.foreground#f3ebff
- commandCenter.activeBackground#261636
- commandCenter.activeBorder#b56bff
- commandCenter.activeForeground#ff5ec4
- commandCenter.background#0d0912
- commandCenter.border#ff5ec4
- commandCenter.foreground#ffd23d
- contrastActiveBorder#b56bff
- contrastBorder#b56bff
- debugToolBar.border#6b9dff
- descriptionForeground#b28ad2
- diffEditor.diagonalFill#4c2b67
- diffEditor.insertedLineBackground#24682e33
- diffEditor.insertedTextBackground#32974055
- diffEditor.removedLineBackground#7d182633
- diffEditor.removedTextBackground#b61b3155
- disabledForeground#756585
- dropdown.background#0a060d
- dropdown.border#ffd23d
- dropdown.foreground#f3ebff
- dropdown.listBackground#08050a
- editor.background#160f1e
- editor.findMatchBackground#bb6910AA
- editor.findMatchBorder#ffd063
- editor.findMatchHighlightBackground#89581c66
- editor.findRangeHighlightBackground#7132b433
- editor.foldBackground#6f2ec522
- editor.foreground#f3ebff
- editor.hoverHighlightBackground#91b6ff19
- editor.inactiveSelectionBackground#67337d55
- editor.lineHighlightBackground#180e25
- editor.lineHighlightBorder#211230
- editor.rangeHighlightBackground#7132b42E
- editor.selectionBackground#7132b480
- editor.selectionHighlightBackground#8f4fe244
- editor.snippetFinalTabstopHighlightBorder#ffc142
- editor.snippetTabstopHighlightBackground#8f4fe233
- editor.symbolHighlightBackground#91b6ff22
- editor.wordHighlightBackground#6a9ffe2B
- editor.wordHighlightStrongBackground#e72d6338
- editorBracketHighlight.foreground1#5cff9d
- editorBracketHighlight.foreground2#ff5ec4
- editorBracketHighlight.foreground3#b56bff
- editorBracketHighlight.foreground4#ff8a4b
- editorBracketHighlight.foreground5#6b9dff
- editorBracketHighlight.foreground6#ffd23d
- editorBracketHighlight.unexpectedBracket.foreground#ff7e8d
- editorBracketMatch.background#8f4fe233
- editorBracketMatch.border#ffd23d
- editorCodeLens.foreground#806e92
- editorCursor.foreground#ff5ec4
- editorError.foreground#ff7e8d
- editorGroup.border#ffd23d
- editorGroup.dropBackground#331c4a
- editorGroupHeader.noTabsBackground#100a15
- editorGroupHeader.tabsBackground#0b070f
- editorGroupHeader.tabsBorder#ffd23d
- editorGutter.addedBackground#5de376
- editorGutter.deletedBackground#ff4856
- editorGutter.modifiedBackground#699fff
- editorHint.foreground#5de376
- editorHoverWidget.background#100a15
- editorHoverWidget.border#6b9dff
- editorIndentGuide.activeBackground1#7a39d0
- editorIndentGuide.background1#3b2152
- editorInfo.foreground#699fff
- editorInlayHint.background#1d1029
- editorInlayHint.foreground#a598b2
- editorInlayHint.parameterBackground#22122f
- editorInlayHint.parameterForeground#cb9dea
- editorInlayHint.typeBackground#101c2a
- editorInlayHint.typeForeground#91b6ff
- editorLineNumber.activeForeground#ff5ec4
- editorLineNumber.foreground#ffd23d
- editorLink.activeForeground#ffd23d
- editorOverviewRuler.addedForeground#69d77eAA
- editorOverviewRuler.deletedForeground#ff4856AA
- editorOverviewRuler.errorForeground#ff7e8dCC
- editorOverviewRuler.infoForeground#6a9ffeAA
- editorOverviewRuler.modifiedForeground#6a9ffeAA
- editorOverviewRuler.warningForeground#ffc450CC
- editorRuler.foreground#3c2055
- editorSuggestWidget.background#100a15
- editorSuggestWidget.border#6b9dff
- editorSuggestWidget.focusHighlightForeground#ffd063
- editorSuggestWidget.foreground#e7e4e9
- editorSuggestWidget.highlightForeground#ff5ec4
- editorSuggestWidget.selectedBackground#301948
- editorWarning.foreground#ffc450
- editorWhitespace.foreground#483e52
- editorWidget.background#100a15
- editorWidget.border#6b9dff
- editorWidget.foreground#f3ebff
- editorWidget.resizeBorder#8d41f0
- errorForeground#ff7e8d
- focusBorder#ffd23d
- foreground#f3ebff
- gitDecoration.addedResourceForeground#5de376
- gitDecoration.conflictingResourceForeground#ff7d42
- gitDecoration.deletedResourceForeground#ff4856
- gitDecoration.ignoredResourceForeground#6e5e7d
- gitDecoration.modifiedResourceForeground#699fff
- gitDecoration.renamedResourceForeground#ae83ff
- gitDecoration.stageDeletedResourceForeground#ff6673
- gitDecoration.stageModifiedResourceForeground#91b6ff
- gitDecoration.submoduleResourceForeground#ffc142
- gitDecoration.untrackedResourceForeground#80e691
- icon.foreground#ffd23d
- input.background#0b070f
- input.border#b56bff
- input.foreground#ff5ec4
- input.placeholderForeground#ffd23d
- inputOption.activeBackground#33194d
- inputOption.activeBorder#ff5ec4
- inputOption.activeForeground#f3ebff
- inputValidation.errorBackground#2a1018
- inputValidation.errorBorder#ff7e8d
- inputValidation.infoBackground#101a2a
- inputValidation.infoBorder#699fff
- inputValidation.warningBackground#292010
- inputValidation.warningBorder#ffc142
- list.activeSelectionBackground#301948
- list.activeSelectionForeground#f3ebff
- list.dropBackground#89581c77
- list.errorForeground#ff7e8d
- list.focusAndSelectionOutline#c199ff
- list.focusBackground#371a53
- list.focusForeground#f3ebff
- list.focusOutline#ffd23d
- list.highlightForeground#ff5ec4
- list.hoverBackground#1d1229
- list.hoverForeground#f3ebff
- list.inactiveSelectionBackground#251733
- list.inactiveSelectionForeground#f3ebff
- list.invalidItemForeground#ff6673
- list.warningForeground#ffc450
- menu.background#100a15
- menu.border#6b9dff
- menu.foreground#f3ebff
- menu.selectionBackground#301948
- menu.selectionForeground#f3ebff
- menu.separatorBackground#4c2b67
- minimap.background#100a15
- minimap.errorHighlight#ff7e8d
- minimap.findMatchHighlight#ffbf42c0
- minimap.selectionHighlight#8d41f0cf
- minimap.warningHighlight#ffc450
- minimapSlider.activeBackground#8f4fe255
- minimapSlider.background#60357e33
- minimapSlider.hoverBackground#713db644
- notificationCenter.border#5a347a
- notificationCenterHeader.background#100a15
- notificationCenterHeader.foreground#f3d0a5
- notificationLink.foreground#ffd23d
- notifications.background#100a15
- notifications.border#6b9dff
- notifications.foreground#f3ebff
- notificationsErrorIcon.foreground#ff7e8d
- notificationsInfoIcon.foreground#699fff
- notificationsWarningIcon.foreground#ffc450
- notificationToast.border#6b9dff
- panel.background#0e0913
- panel.border#ffd23d
- panelInput.border#b56bff
- panelTitle.activeBorder#b56bff
- panelTitle.activeForeground#ff5ec4
- panelTitle.inactiveForeground#ffd23d
- peekView.border#6b9dff
- peekViewEditor.background#0d0912
- peekViewEditor.matchHighlightBackground#89581c88
- peekViewResult.background#0b070f
- peekViewResult.fileForeground#f3d0a5
- peekViewResult.lineForeground#b28ad2
- peekViewResult.matchHighlightBackground#89581c66
- peekViewResult.selectionBackground#301948
- peekViewTitle.background#100a15
- peekViewTitleDescription.foreground#b28ad2
- peekViewTitleLabel.foreground#eeaadd
- pickerGroup.border#6b9dff
- pickerGroup.foreground#b56bff
- progressBar.background#b56bff
- quickInput.background#100a15
- quickInput.foreground#f3ebff
- quickInputList.focusBackground#301948
- quickInputList.focusForeground#f3ebff
- quickInputList.focusIconForeground#ffd063
- scrollbar.shadow#0a0610
- scrollbarSlider.activeBackground#8f4fe299
- scrollbarSlider.background#713db655
- scrollbarSlider.hoverBackground#8f4fe277
- selection.background#7132b466
- settings.checkboxBorder#b56bff
- settings.dropdownBorder#ffd23d
- settings.headerForeground#b56bff
- settings.modifiedItemIndicator#b56bff
- settings.textInputBorder#ffd23d
- sideBar.background#100a15
- sideBar.border#b56bff
- sideBar.foreground#ffd23d
- sideBarActivityBarTop.border#ff5ec4
- sideBarSectionHeader.background#0d0912
- sideBarSectionHeader.border#ff5ec4
- sideBarSectionHeader.foreground#c699ff
- sideBarTitle.border#ff5ec4
- sideBarTitle.foreground#ff5ec4
- statusBar.background#08050b
- statusBar.border#6b9dff
- statusBar.debuggingBackground#90214e
- statusBar.debuggingForeground#f3ebff
- statusBar.foreground#ff5ec4
- statusBar.noFolderBackground#0b070f
- statusBarItem.activeBackground#381c54
- statusBarItem.errorBackground#b81931
- statusBarItem.errorForeground#f8a0a9
- statusBarItem.focusBorder#ffd063
- statusBarItem.hoverBackground#29183a
- statusBarItem.prominentBackground#392055
- statusBarItem.prominentHoverBackground#49286a
- statusBarItem.remoteBackground#451f7d
- statusBarItem.remoteForeground#ff5ec4
- statusBarItem.warningBackground#a26b10
- statusBarItem.warningForeground#ffd999
- tab.activeBackground#160f1e
- tab.activeBorder#ff5ec4
- tab.activeBorderTop#ffd23d
- tab.activeForeground#b56bff
- tab.border#6b9dff
- tab.hoverBackground#1d1228
- tab.hoverForeground#f3ebff
- tab.inactiveBackground#0b070f
- tab.inactiveForeground#ffd23d
- tab.unfocusedActiveBorderTop#6b9dff
- tab.unfocusedActiveForeground#cfcad4
- tab.unfocusedInactiveForeground#706080
- terminal.ansiBlack#1d0f28
- terminal.ansiBlue#699fff
- terminal.ansiBrightBlack#706080
- terminal.ansiBrightBlue#91b6ff
- terminal.ansiBrightCyan#74eaf2
- terminal.ansiBrightGreen#80e691
- terminal.ansiBrightMagenta#ae83ff
- terminal.ansiBrightRed#ff7e8d
- terminal.ansiBrightWhite#eeaadd
- terminal.ansiBrightYellow#ffd063
- terminal.ansiCyan#45d8e6
- terminal.ansiGreen#5de376
- terminal.ansiMagenta#8d41f0
- terminal.ansiRed#ff4856
- terminal.ansiWhite#cfcad4
- terminal.ansiYellow#ffc142
- terminal.background#0b070f
- terminal.border#b56bff
- terminal.foreground#f3ebff
- terminal.selectionBackground#7132b480
- terminalCursor.background#160f1e
- terminalCursor.foreground#ff5ec4
- textBlockQuote.background#100a15
- textBlockQuote.border#ff5ec4
- textCodeBlock.background#0b070f
- textLink.activeForeground#ff5ec4
- textLink.foreground#ffd23d
- textPreformat.foreground#6b9dff
- textSeparator.foreground#5a347a
- titleBar.activeBackground#08050b
- titleBar.activeForeground#ffd23d
- titleBar.border#6b9dff
- titleBar.inactiveBackground#070409
- titleBar.inactiveForeground#766586
- tree.inactiveIndentGuidesStroke#221331
- tree.indentGuidesStroke#4e2b6b
- widget.shadow#0f061cA6
- window.activeBorder#b56bff
- window.inactiveBorder#b56bff
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #9271b3 | italic |
| string, string.quoted, string.template | #80e691 | — |
| constant.character.escape, string.regexp | #ff7d42 | — |
| constant.numeric, constant.language, support.constant | #ffc142 | — |
| keyword, storage.type, storage.modifier | #ae83ff | — |
| keyword.control, keyword.control.conditional, keyword.control.loop | #c199ff | — |
| keyword.operator, punctuation.separator, punctuation.accessor | #ff7d42 | — |
| entity.name.function, variable.function, support.function, meta.function-call | #ffd063 | — |
| entity.name.type, entity.name.class, support.class, support.type | #91b6ff | — |
| variable, variable.other.readwrite, variable.other.object | #f3d0a5 | — |
| variable.parameter, meta.function.parameters | #ff7b9a | — |
| variable.other.property, support.variable.property, meta.object-literal.key | #91b6ff | — |
| variable.language, variable.language.this, variable.language.super | #ff7d42 | italic |
| entity.name.namespace, entity.name.module | #699fff | — |
| entity.name.tag, punctuation.definition.tag | #f71d5c | — |
| entity.other.attribute-name, support.type.property-name.css | #ffc142 | — |
| entity.other.attribute-name.class.css, entity.other.attribute-name.id.css, entity.name.tag.css | #91b6ff | — |
| support.constant.property-value.css, constant.other.color.rgb-value.css, keyword.other.unit | #80e691 | — |
| support.type.property-name.json, string.json support.type.property-name | #91b6ff | — |
| entity.name.tag.yaml, string.unquoted.plain.out.yaml | #91b6ff | — |
| meta.decorator entity.name.function, storage.type.annotation, punctuation.decorator | #ffc142 | — |
| invalid, invalid.illegal | #f8a0a9 | — |
| markup.heading, entity.name.section.markdown, punctuation.definition.heading.markdown | #ffd063 | bold |
| markup.bold, punctuation.definition.bold.markdown | #ff7b9a | bold |
| markup.italic, punctuation.definition.italic.markdown | #c199ff | italic |
| markup.underline.link, string.other.link, constant.other.reference.link.markdown | #91b6ff | underline |
| markup.quote, punctuation.definition.blockquote.markdown | #80e691 | italic |
| markup.inline.raw, markup.raw.block, punctuation.definition.raw.markdown | #ffc142 | — |
| markup.inserted, meta.diff.header.to-file | #80e691 | — |
| markup.deleted, meta.diff.header.from-file | #ff7e8d | — |
| markup.changed, meta.diff.range | #91b6ff | — |