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#b3ffbe
- activityBar.activeFocusBorder#eef3ff
- activityBar.background#0f1422
- activityBar.border#b3ffbe
- activityBar.foreground#eef3ff
- activityBar.inactiveForeground#8496bd
- activityBarBadge.background#72b8ff
- activityBarBadge.foreground#0c1428
- activityBarTop.activeBorder#72b8ff
- activityBarTop.foreground#eef3ff
- badge.background#fffd8e
- badge.foreground#22220f
- breadcrumb.activeSelectionForeground#eef3ff
- breadcrumb.background#151c30
- breadcrumb.focusForeground#eef3ff
- breadcrumb.foreground#a9b9d6
- breadcrumbPicker.background#0d111c
- button.background#72b8ff
- button.foreground#0c1428
- button.hoverBackground#bfdcff
- button.secondaryBackground#253560
- button.secondaryForeground#eef3ff
- button.secondaryHoverBackground#2e4070
- checkbox.background#0f1422
- checkbox.border#5273b8
- checkbox.foreground#eef3ff
- commandCenter.activeBackground#253560
- commandCenter.activeBorder#72b8ff
- commandCenter.activeForeground#eef3ff
- commandCenter.background#0d111c
- commandCenter.border#6377b8
- commandCenter.foreground#d3dff2
- contrastActiveBorder#72b8ff
- contrastBorder#5273b8
- debugToolBar.border#6377b8
- descriptionForeground#a9b9d6
- diffEditor.diagonalFill#33416b
- diffEditor.insertedLineBackground#35a06d33
- diffEditor.insertedTextBackground#48c48a55
- diffEditor.removedLineBackground#9a404c33
- diffEditor.removedTextBackground#c0525e55
- disabledForeground#7486ab
- dropdown.background#0f1422
- dropdown.border#fffd8e
- dropdown.foreground#eef3ff
- dropdown.listBackground#0a0e17
- editor.background#151c30
- editor.findMatchBackground#85802fAA
- editor.findMatchBorder#fffd8e
- editor.findMatchHighlightBackground#75702a66
- editor.findRangeHighlightBackground#3d5fa033
- editor.foldBackground#3d5fa022
- editor.foreground#eef3ff
- editor.hoverHighlightBackground#72b8ff19
- editor.inactiveSelectionBackground#3d5fa055
- editor.lineHighlightBackground#1a2340
- editor.lineHighlightBorder#222c4c
- editor.rangeHighlightBackground#3d5fa02E
- editor.selectionBackground#3d5fa0AA
- editor.selectionHighlightBackground#5273b844
- editor.snippetFinalTabstopHighlightBorder#fffd8e
- editor.snippetTabstopHighlightBackground#5273b833
- editor.symbolHighlightBackground#72b8ff22
- editor.wordHighlightBackground#72b8ff2B
- editor.wordHighlightStrongBackground#b3ffbe2B
- editorBracketHighlight.foreground1#72b8ff
- editorBracketHighlight.foreground2#b3ffbe
- editorBracketHighlight.foreground3#a2a8fd
- editorBracketHighlight.foreground4#fffd8e
- editorBracketHighlight.foreground5#96dde6
- editorBracketHighlight.foreground6#bfdcff
- editorBracketHighlight.unexpectedBracket.foreground#f79595
- editorBracketMatch.background#72b8ff26
- editorBracketMatch.border#72b8ff
- editorCodeLens.foreground#8496bd
- editorCursor.foreground#fffd8e
- editorError.foreground#f79595
- editorGroup.border#5273b8
- editorGroup.dropBackground#253560
- editorGroupHeader.noTabsBackground#121828
- editorGroupHeader.tabsBackground#0f1422
- editorGroupHeader.tabsBorder#5273b8
- editorGutter.addedBackground#b3ffbe
- editorGutter.deletedBackground#f79595
- editorGutter.modifiedBackground#72b8ff
- editorHint.foreground#b3ffbe
- editorHoverWidget.background#121828
- editorHoverWidget.border#6377b8
- editorIndentGuide.activeBackground1#465687
- editorIndentGuide.background1#263153
- editorInfo.foreground#72b8ff
- editorInlayHint.background#1d2742
- editorInlayHint.foreground#b0c0dc
- editorInlayHint.parameterBackground#1f2a48
- editorInlayHint.parameterForeground#ced2ff
- editorInlayHint.typeBackground#1b2b3e
- editorInlayHint.typeForeground#b8ebf2
- editorLineNumber.activeForeground#fffd8e
- editorLineNumber.foreground#8496bd
- editorLink.activeForeground#bfdcff
- editorOverviewRuler.addedForeground#b3ffbeAA
- editorOverviewRuler.deletedForeground#f79595AA
- editorOverviewRuler.errorForeground#f79595CC
- editorOverviewRuler.infoForeground#72b8ffAA
- editorOverviewRuler.modifiedForeground#72b8ffAA
- editorOverviewRuler.warningForeground#fffd8eCC
- editorRuler.foreground#263153
- editorSuggestWidget.background#121828
- editorSuggestWidget.border#6377b8
- editorSuggestWidget.focusHighlightForeground#eef3ff
- editorSuggestWidget.foreground#d3dff2
- editorSuggestWidget.highlightForeground#fffd8e
- editorSuggestWidget.selectedBackground#253560
- editorWarning.foreground#ebd881
- editorWhitespace.foreground#2e3b64
- editorWidget.background#121828
- editorWidget.border#6377b8
- editorWidget.foreground#eef3ff
- editorWidget.resizeBorder#72b8ff
- errorForeground#f79595
- focusBorder#72b8ff
- foreground#eef3ff
- gitDecoration.addedResourceForeground#b3ffbe
- gitDecoration.conflictingResourceForeground#ebd881
- gitDecoration.deletedResourceForeground#f79595
- gitDecoration.ignoredResourceForeground#7486ab
- gitDecoration.modifiedResourceForeground#72b8ff
- gitDecoration.renamedResourceForeground#a2a8fd
- gitDecoration.stageDeletedResourceForeground#fbb0b0
- gitDecoration.stageModifiedResourceForeground#bfdcff
- gitDecoration.submoduleResourceForeground#fffd8e
- gitDecoration.untrackedResourceForeground#b3ffbe
- icon.foreground#d3dff2
- input.background#0f1422
- input.border#5273b8
- input.foreground#eef3ff
- input.placeholderForeground#8496bd
- inputOption.activeBackground#2e4070
- inputOption.activeBorder#fffd8e
- inputOption.activeForeground#eef3ff
- inputValidation.errorBackground#381c24
- inputValidation.errorBorder#f79595
- inputValidation.infoBackground#152442
- inputValidation.infoBorder#72b8ff
- inputValidation.warningBackground#302e19
- inputValidation.warningBorder#ebd881
- list.activeSelectionBackground#253560
- list.activeSelectionForeground#eef3ff
- list.dropBackground#75702a66
- list.errorForeground#f79595
- list.focusAndSelectionOutline#fffd8e
- list.focusBackground#2e4070
- list.focusForeground#eef3ff
- list.focusOutline#72b8ff
- list.highlightForeground#fffd8e
- list.hoverBackground#1b2440
- list.hoverForeground#eef3ff
- list.inactiveSelectionBackground#1f2946
- list.inactiveSelectionForeground#eef3ff
- list.invalidItemForeground#f79595
- list.warningForeground#ebd881
- menu.background#121828
- menu.border#fffd8e
- menu.foreground#eef3ff
- menu.selectionBackground#253560
- menu.selectionForeground#eef3ff
- menu.separatorBackground#364272
- minimap.background#121828
- minimap.errorHighlight#f79595
- minimap.findMatchHighlight#fffd8ecb
- minimap.selectionHighlight#6390d0cd
- minimap.warningHighlight#ebd881
- minimapSlider.activeBackground#6390d099
- minimapSlider.background#5273b855
- minimapSlider.hoverBackground#6390d077
- notificationCenter.border#6377b8
- notificationCenterHeader.background#121828
- notificationCenterHeader.foreground#d3dff2
- notificationLink.foreground#72b8ff
- notifications.background#121828
- notifications.border#6377b8
- notifications.foreground#eef3ff
- notificationsErrorIcon.foreground#f79595
- notificationsInfoIcon.foreground#72b8ff
- notificationsWarningIcon.foreground#ebd881
- notificationToast.border#6377b8
- panel.background#111726
- panel.border#fffd8e
- panelInput.border#5273b8
- panelTitle.activeBorder#fffd8e
- panelTitle.activeForeground#eef3ff
- panelTitle.inactiveForeground#8496bd
- peekView.border#6377b8
- peekViewEditor.background#0d111c
- peekViewEditor.matchHighlightBackground#75702a88
- peekViewResult.background#0f1422
- peekViewResult.fileForeground#bfdcff
- peekViewResult.lineForeground#a9b9d6
- peekViewResult.matchHighlightBackground#75702a66
- peekViewResult.selectionBackground#253560
- peekViewTitle.background#121828
- peekViewTitleDescription.foreground#a9b9d6
- peekViewTitleLabel.foreground#eef3ff
- pickerGroup.border#6377b8
- pickerGroup.foreground#fffd8e
- progressBar.background#72b8ff
- quickInput.background#121828
- quickInput.foreground#eef3ff
- quickInputList.focusBackground#253560
- quickInputList.focusForeground#eef3ff
- quickInputList.focusIconForeground#fffd8e
- scrollbar.shadow#080b14
- scrollbarSlider.activeBackground#6390d099
- scrollbarSlider.background#5273b855
- scrollbarSlider.hoverBackground#6390d077
- selection.background#3d5fa066
- settings.checkboxBorder#5273b8
- settings.dropdownBorder#5273b8
- settings.headerForeground#eef3ff
- settings.modifiedItemIndicator#fffd8e
- settings.textInputBorder#5273b8
- sideBar.background#121828
- sideBar.border#b3ffbe
- sideBar.foreground#d3dff2
- sideBarActivityBarTop.border#5273b8
- sideBarSectionHeader.background#0d111c
- sideBarSectionHeader.border#5273b8
- sideBarSectionHeader.foreground#d3dff2
- sideBarTitle.border#5273b8
- sideBarTitle.foreground#eef3ff
- statusBar.background#0c101a
- statusBar.border#fffd8e
- statusBar.debuggingBackground#856230
- statusBar.debuggingForeground#eef3ff
- statusBar.foreground#d3dff2
- statusBar.noFolderBackground#0f1422
- statusBarItem.activeBackground#2e4070
- statusBarItem.errorBackground#a03a3a
- statusBarItem.errorForeground#ffdada
- statusBarItem.focusBorder#fffd8e
- statusBarItem.hoverBackground#212c4e
- statusBarItem.prominentBackground#253560
- statusBarItem.prominentHoverBackground#2e4070
- statusBarItem.remoteBackground#fffd8e
- statusBarItem.remoteForeground#22220f
- statusBarItem.warningBackground#665f1e
- statusBarItem.warningForeground#f5f0c4
- tab.activeBackground#151c30
- tab.activeBorder#fffd8e
- tab.activeBorderTop#72b8ff
- tab.activeForeground#eef3ff
- tab.border#33416b
- tab.hoverBackground#1b2440
- tab.hoverForeground#eef3ff
- tab.inactiveBackground#0f1422
- tab.inactiveForeground#8496bd
- tab.unfocusedActiveBorderTop#6377b8
- tab.unfocusedActiveForeground#a9b9d6
- tab.unfocusedInactiveForeground#7486ab
- terminal.ansiBlack#1a2340
- terminal.ansiBlue#72b8ff
- terminal.ansiBrightBlack#8496bd
- terminal.ansiBrightBlue#bfdcff
- terminal.ansiBrightCyan#b8ebf2
- terminal.ansiBrightGreen#b3ffbe
- terminal.ansiBrightMagenta#ced2ff
- terminal.ansiBrightRed#fbb0b0
- terminal.ansiBrightWhite#f4f8ff
- terminal.ansiBrightYellow#eeecb0
- terminal.ansiCyan#96dde6
- terminal.ansiGreen#b3ffbe
- terminal.ansiMagenta#a2a8fd
- terminal.ansiRed#f79595
- terminal.ansiWhite#d3dff2
- terminal.ansiYellow#fffd8e
- terminal.background#0f1422
- terminal.border#5273b8
- terminal.foreground#eef3ff
- terminal.selectionBackground#3d5fa0AA
- terminalCursor.background#151c30
- terminalCursor.foreground#fffd8e
- textBlockQuote.background#121828
- textBlockQuote.border#72b8ff
- textCodeBlock.background#0f1422
- textLink.activeForeground#bfdcff
- textLink.foreground#72b8ff
- textPreformat.foreground#fffd8e
- textSeparator.foreground#2f4070
- titleBar.activeBackground#0c101a
- titleBar.activeForeground#d3dff2
- titleBar.border#6377b8
- titleBar.inactiveBackground#090c15
- titleBar.inactiveForeground#8496bd
- tree.inactiveIndentGuidesStroke#222c4a
- tree.indentGuidesStroke#364272
- widget.shadow#04070fA6
- window.activeBorder#5273b8
- window.inactiveBorder#2f4070
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #8496bd | italic |
| string, string.quoted, string.template | #b3ffbe | — |
| constant.character.escape, string.regexp | #b3ffbe | — |
| constant.numeric, constant.language, support.constant | #fffd8e | — |
| keyword, storage.type, storage.modifier | #a2a8fd | — |
| keyword.control, keyword.control.conditional, keyword.control.loop | #a2a8fd | bold |
| keyword.operator, punctuation.separator, punctuation.accessor | #98a9d0 | — |
| entity.name.function, variable.function, support.function, meta.function-call | #72b8ff | — |
| entity.name.type, entity.name.class, support.class, support.type | #96dde6 | — |
| variable, variable.other.readwrite, variable.other.object | #eef3ff | — |
| variable.parameter, meta.function.parameters | #ced2ff | — |
| variable.other.property, support.variable.property, meta.object-literal.key | #bfdcff | — |
| variable.language, variable.language.this, variable.language.super | #fffd8e | italic |
| entity.name.namespace, entity.name.module | #96dde6 | — |
| entity.name.tag, punctuation.definition.tag | #a2a8fd | — |
| entity.other.attribute-name, support.type.property-name.css | #fffd8e | — |
| entity.other.attribute-name.class.css, entity.other.attribute-name.id.css, entity.name.tag.css | #96dde6 | — |
| support.constant.property-value.css, constant.other.color.rgb-value.css, keyword.other.unit | #b3ffbe | — |
| support.type.property-name.json, entity.name.tag.yaml, string.unquoted.plain.out.yaml | #bfdcff | — |
| meta.decorator entity.name.function, storage.type.annotation, punctuation.decorator | #fffd8e | — |
| invalid, invalid.illegal | #f79595 | — |
| markup.heading, entity.name.section.markdown, punctuation.definition.heading.markdown | #72b8ff | bold |
| markup.bold, punctuation.definition.bold.markdown | #fffd8e | bold |
| markup.italic, punctuation.definition.italic.markdown | #a2a8fd | italic |
| markup.underline.link, string.other.link, constant.other.reference.link.markdown | #bfdcff | underline |
| markup.quote, punctuation.definition.blockquote.markdown | #b3ffbe | italic |
| markup.inline.raw, markup.raw.block, punctuation.definition.raw.markdown | #b3ffbe | — |
| markup.inserted, meta.diff.header.to-file | #b3ffbe | — |
| markup.deleted, meta.diff.header.from-file | #f79595 | — |
| markup.changed, meta.diff.range | #72b8ff | — |