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#ff5edb
- activityBar.activeFocusBorder#c46bff
- activityBar.background#0c070f
- activityBar.border#ff5edb
- activityBar.foreground#8ab6ff
- activityBar.inactiveForeground#c46bff
- activityBarBadge.background#7dbeff
- activityBarBadge.foreground#0d1423
- activityBarTop.activeBorder#8ab6ff
- activityBarTop.foreground#8ab6ff
- badge.background#fe0b72
- badge.foreground#ff99b4
- breadcrumb.activeSelectionForeground#ff5edb
- breadcrumb.foreground#ff5edb
- button.background#ff6f96
- button.foreground#ff5edb
- button.hoverBackground#e228b7
- button.secondaryBackground#1b2267
- button.secondaryForeground#f6ecff
- button.secondaryHoverBackground#283480
- checkbox.background#0c070f
- checkbox.border#ff5edb
- checkbox.foreground#f6ecff
- commandCenter.activeBackground#2a1636
- commandCenter.activeBorder#ff5edb
- commandCenter.activeForeground#c46bff
- commandCenter.background#0e0912
- commandCenter.border#c46bff
- commandCenter.foreground#8ab6ff
- contrastActiveBorder#ff5edb
- contrastBorder#ff5edb
- debugToolBar.border#ff6f96
- descriptionForeground#a47dd7
- diffEditor.diagonalFill#3b2463
- diffEditor.insertedLineBackground#1776412E
- diffEditor.insertedTextBackground#1bae583D
- diffEditor.removedLineBackground#a00b362E
- diffEditor.removedTextBackground#ff13583D
- disabledForeground#7c688a
- dropdown.background#0a060d
- dropdown.border#8ab6ff
- dropdown.foreground#f6ecff
- editor.background#180f1e
- editor.findMatchBackground#ffd06566
- editor.findMatchBorder#ffde8f
- editor.findMatchHighlightBackground#d8871e44
- editor.foreground#f6ecff
- editor.inactiveSelectionBackground#49207c5E
- editor.lineHighlightBackground#120f29
- editor.lineHighlightBorder#27195e
- editor.rangeHighlightBackground#432b7644
- editor.selectionBackground#6e2b9988
- editor.selectionHighlightBackground#863ba450
- editor.wordHighlightBackground#2664c63D
- editor.wordHighlightStrongBackground#ed1c744D
- editorBracketHighlight.foreground1#ffdf5c
- editorBracketHighlight.foreground2#c46bff
- editorBracketHighlight.foreground3#ff5edb
- editorBracketHighlight.foreground4#5cffd0
- editorBracketHighlight.foreground5#ff6f96
- editorBracketHighlight.foreground6#8ab6ff
- editorBracketHighlight.unexpectedBracket.foreground#ff758d
- editorBracketMatch.background#ff5cbe22
- editorBracketMatch.border#8ab6ff
- editorCodeLens.foreground#8a5cc3
- editorCursor.foreground#c46bff
- editorError.foreground#ff8094
- editorGroup.border#8ab6ff
- editorGroupHeader.tabsBackground#0c070f
- editorGroupHeader.tabsBorder#8ab6ff
- editorGutter.addedBackground#48ff90
- editorGutter.deletedBackground#ff8d9d
- editorGutter.modifiedBackground#7dbeff
- editorHint.foreground#5fffb6
- editorHoverWidget.border#ff6f96
- editorIndentGuide.activeBackground1#5f3a8e
- editorIndentGuide.background1#1a1434
- editorInfo.foreground#7dbeff
- editorInlayHint.background#16112e
- editorInlayHint.foreground#aa7fd5
- editorLineNumber.activeForeground#c46bff
- editorLineNumber.foreground#8ab6ff
- editorLink.activeForeground#8ab6ff
- editorRuler.foreground#1a1434
- editorSuggestWidget.background#110a15
- editorSuggestWidget.border#ff6f96
- editorSuggestWidget.foreground#d0adeb
- editorSuggestWidget.highlightForeground#c46bff
- editorSuggestWidget.selectedBackground#351948
- editorWarning.foreground#ffd065
- editorWhitespace.foreground#322260
- editorWidget.background#110a15
- editorWidget.border#ff6f96
- editorWidget.foreground#f6ecff
- errorForeground#ff8d9d
- focusBorder#8ab6ff
- foreground#f6ecff
- gitDecoration.addedResourceForeground#48ff90
- gitDecoration.conflictingResourceForeground#ffd065
- gitDecoration.deletedResourceForeground#ff8d9d
- gitDecoration.ignoredResourceForeground#7c688a
- gitDecoration.modifiedResourceForeground#7dbeff
- gitDecoration.renamedResourceForeground#d878ff
- gitDecoration.untrackedResourceForeground#5fffb6
- icon.foreground#8ab6ff
- input.background#0c070f
- input.border#ff5edb
- input.foreground#c46bff
- input.placeholderForeground#8ab6ff
- inputOption.activeBackground#38194d
- inputOption.activeBorder#c46bff
- inputValidation.errorBackground#31131d
- inputValidation.errorBorder#ff8d9d
- inputValidation.infoBackground#132033
- inputValidation.infoBorder#7dbeff
- inputValidation.warningBackground#302612
- inputValidation.warningBorder#ffd065
- list.activeSelectionBackground#351948
- list.activeSelectionForeground#f6ecff
- list.focusBackground#3d1a53
- list.focusForeground#f6ecff
- list.focusOutline#8ab6ff
- list.highlightForeground#c46bff
- list.hoverBackground#201229
- list.hoverForeground#f6ecff
- list.inactiveSelectionBackground#281733
- list.inactiveSelectionForeground#f6ecff
- list.invalidItemForeground#ff8d9d
- menu.background#110a15
- menu.border#ff6f96
- menu.foreground#f6ecff
- menu.selectionBackground#351948
- menu.selectionForeground#f6ecff
- menu.separatorBackground#3d246d
- minimap.background#110a15
- minimap.errorHighlight#ff8d9dCC
- minimap.findMatchHighlight#ffd065AA
- minimap.selectionHighlight#cb4ce788
- minimap.warningHighlight#ffd065CC
- minimapGutter.addedBackground#48ff90
- minimapGutter.deletedBackground#ff8d9d
- minimapGutter.modifiedBackground#7dbeff
- notificationCenterHeader.background#110a15
- notificationLink.foreground#8ab6ff
- notifications.background#110a15
- notifications.border#ff6f96
- notifications.foreground#f6ecff
- notificationToast.border#ff6f96
- panel.background#0f0913
- panel.border#8ab6ff
- panelInput.border#ff5edb
- panelTitle.activeBorder#ff5edb
- panelTitle.activeForeground#c46bff
- panelTitle.inactiveForeground#8ab6ff
- peekView.border#ff6f96
- peekViewEditor.background#0e0912
- peekViewEditor.matchHighlightBackground#ffd06555
- peekViewResult.background#0c070f
- peekViewResult.selectionBackground#351948
- peekViewTitle.background#110a15
- pickerGroup.border#ff6f96
- pickerGroup.foreground#ff5edb
- progressBar.background#ff5edb
- quickInput.background#110a15
- quickInput.foreground#f6ecff
- quickInputList.focusBackground#351948
- quickInputList.focusForeground#f6ecff
- scrollbar.shadow#080713
- scrollbarSlider.activeBackground#b673e499
- scrollbarSlider.background#734ba255
- scrollbarSlider.hoverBackground#9161c477
- selection.background#822a9e88
- settings.checkboxBorder#ff5edb
- settings.dropdownBorder#8ab6ff
- settings.headerForeground#ff5edb
- settings.modifiedItemIndicator#ff5edb
- settings.textInputBorder#8ab6ff
- sideBar.background#110a15
- sideBar.border#ff5edb
- sideBar.foreground#8ab6ff
- sideBarActivityBarTop.border#c46bff
- sideBarSectionHeader.background#0e0912
- sideBarSectionHeader.border#c46bff
- sideBarSectionHeader.foreground#ff75ca
- sideBarTitle.border#c46bff
- sideBarTitle.foreground#c46bff
- statusBar.background#09050b
- statusBar.border#ff6f96
- statusBar.debuggingBackground#b52587
- statusBar.debuggingForeground#f6ecff
- statusBar.foreground#c46bff
- statusBar.noFolderBackground#0c070f
- statusBarItem.hoverBackground#2c183a
- statusBarItem.remoteBackground#236ae6
- statusBarItem.remoteForeground#c46bff
- tab.activeBackground#180f1e
- tab.activeBorder#c46bff
- tab.activeBorderTop#8ab6ff
- tab.activeForeground#ff5edb
- tab.activeModifiedBorder#7dbeff
- tab.border#ff6f96
- tab.hoverBackground#201228
- tab.hoverForeground#f6ecff
- tab.inactiveBackground#0c070f
- tab.inactiveForeground#8ab6ff
- tab.inactiveModifiedBorder#307bd9
- tab.unfocusedActiveBorderTop#ff6f96
- terminal.ansiBlack#15112c
- terminal.ansiBlue#7dbeff
- terminal.ansiBrightBlack#705e7c
- terminal.ansiBrightBlue#99ceff
- terminal.ansiBrightCyan#8efffd
- terminal.ansiBrightGreen#7dffac
- terminal.ansiBrightMagenta#ff99d5
- terminal.ansiBrightRed#ff99a8
- terminal.ansiBrightWhite#d7a0f8
- terminal.ansiBrightYellow#ffde8f
- terminal.ansiCyan#59fbff
- terminal.ansiGreen#48ff90
- terminal.ansiMagenta#ff5cbe
- terminal.ansiRed#ff8094
- terminal.ansiWhite#c8abed
- terminal.ansiYellow#ffd065
- terminal.background#0c070f
- terminal.border#ff5edb
- terminal.foreground#f6ecff
- terminal.selectionBackground#6e2b9988
- terminalCursor.background#180f1e
- terminalCursor.foreground#c46bff
- textBlockQuote.background#110a15
- textBlockQuote.border#c46bff
- textCodeBlock.background#0c070f
- textLink.activeForeground#c46bff
- textLink.foreground#8ab6ff
- textPreformat.foreground#ff6f96
- titleBar.activeBackground#09050b
- titleBar.activeForeground#8ab6ff
- titleBar.border#ff6f96
- titleBar.inactiveBackground#070409
- titleBar.inactiveForeground#7d698b
- tree.inactiveIndentGuidesStroke#2a1b5b
- tree.indentGuidesStroke#462a76
- window.activeBorder#ff5edb
- window.inactiveBorder#ff5edb
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #966fb1 | italic |
| string, string.quoted, string.template | #77ffad | — |
| constant.character.escape, constant.other.placeholder | #ffc896 | bold |
| constant.numeric, constant.language, constant.other | #ffc896 | — |
| keyword, storage.type, storage.modifier | #ff74bc | — |
| keyword.control, keyword.control.flow | #ff8baa | bold |
| keyword.operator, punctuation.separator, punctuation.accessor | #b382f8 | — |
| variable, meta.definition.variable.name | #cca4f4 | — |
| variable.parameter, meta.parameter | #f2a3e2 | — |
| variable.other.property, support.variable.property, meta.object-literal.key | #99cbff | — |
| entity.name.function, support.function, meta.function-call | #ff5cbe | — |
| entity.name.type, entity.name.class, support.type, support.class | #d878ff | bold |
| entity.name.namespace, entity.name.module, support.module | #7dbeff | — |
| entity.name.tag, punctuation.definition.tag | #ff74bc | — |
| entity.other.attribute-name | #ffd065 | — |
| string.regexp, constant.regexp | #5fffb6 | — |
| invalid, invalid.illegal | #ff99b4 | — |
| markup.heading, entity.name.section.markdown | #ff74bc | bold |
| markup.bold, punctuation.definition.bold.markdown | #ffc896 | bold |
| markup.italic, punctuation.definition.italic.markdown | #d878ff | italic |
| markup.underline.link, string.other.link.title.markdown | #7dbeff | underline |
| markup.inline.raw, markup.fenced_code.block | #77ffad | — |
| markup.inserted, meta.diff.header.to-file | #7dffac | — |
| markup.deleted, meta.diff.header.from-file | #ff99a8 | — |
| markup.changed | #ffde8f | — |