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#ffd66b
- activityBar.activeFocusBorder#fff3d0
- activityBar.background#070a12
- activityBar.border#ffd66b
- activityBar.foreground#7fb2ff
- activityBar.inactiveForeground#5f80b8
- activityBarBadge.background#d7a93c
- activityBarBadge.foreground#120d04
- activityBarTop.activeBorder#ffd66b
- activityBarTop.foreground#7fb2ff
- badge.background#1450a8
- badge.foreground#dfeaff
- breadcrumb.activeSelectionForeground#ffd66b
- breadcrumb.background#0b101a
- breadcrumb.focusForeground#fff3d0
- breadcrumb.foreground#8098c4
- breadcrumbPicker.background#06090f
- button.background#d7a93c
- button.foreground#120d04
- button.hoverBackground#ffd66b
- button.secondaryBackground#16294a
- button.secondaryForeground#e6edfb
- button.secondaryHoverBackground#1e3a66
- checkbox.background#070a12
- checkbox.border#ffd66b
- checkbox.foreground#e6edfb
- commandCenter.activeBackground#16294a
- commandCenter.activeBorder#ffd66b
- commandCenter.activeForeground#fff3d0
- commandCenter.background#06090f
- commandCenter.border#b9a6ff
- commandCenter.foreground#7fb2ff
- contrastActiveBorder#ffd66b
- contrastBorder#ffd66b
- debugToolBar.border#b9a6ff
- descriptionForeground#8098c4
- diffEditor.diagonalFill#1b3560
- diffEditor.insertedLineBackground#12613633
- diffEditor.insertedTextBackground#1f8a4e55
- diffEditor.removedLineBackground#7a141d33
- diffEditor.removedTextBackground#b41c2755
- disabledForeground#5a6884
- dropdown.background#06090f
- dropdown.border#7fb2ff
- dropdown.foreground#e6edfb
- dropdown.listBackground#050710
- editor.background#0b101a
- editor.findMatchBackground#a5760aAA
- editor.findMatchBorder#ffd66b
- editor.findMatchHighlightBackground#8f660f66
- editor.findRangeHighlightBackground#0b57c433
- editor.foldBackground#0b57c422
- editor.foreground#e6edfb
- editor.hoverHighlightBackground#7fb2ff19
- editor.inactiveSelectionBackground#0a4ea855
- editor.lineHighlightBackground#0d1424
- editor.lineHighlightBorder#131c30
- editor.rangeHighlightBackground#0b57c42E
- editor.selectionBackground#0b57c480
- editor.selectionHighlightBackground#2f7ae044
- editor.snippetFinalTabstopHighlightBorder#ffd66b
- editor.snippetTabstopHighlightBackground#2f7ae033
- editor.symbolHighlightBackground#7fb2ff22
- editor.wordHighlightBackground#7fb2ff2B
- editor.wordHighlightStrongBackground#d7a93c38
- editorBracketHighlight.foreground1#ffd66b
- editorBracketHighlight.foreground2#7fb2ff
- editorBracketHighlight.foreground3#c9baff
- editorBracketHighlight.foreground4#fff3d0
- editorBracketHighlight.foreground5#a9c4ff
- editorBracketHighlight.foreground6#d7a93c
- editorBracketHighlight.unexpectedBracket.foreground#ff8a7a
- editorBracketMatch.background#2f7ae033
- editorBracketMatch.border#7fb2ff
- editorCodeLens.foreground#5d7eb4
- editorCursor.foreground#ffd66b
- editorError.foreground#ff8a7a
- editorGroup.border#7fb2ff
- editorGroup.dropBackground#16294a
- editorGroupHeader.noTabsBackground#0a0e18
- editorGroupHeader.tabsBackground#070a12
- editorGroupHeader.tabsBorder#7fb2ff
- editorGutter.addedBackground#6ee7a8
- editorGutter.deletedBackground#e0483c
- editorGutter.modifiedBackground#7fb2ff
- editorHint.foreground#6ee7a8
- editorHoverWidget.background#0a0e18
- editorHoverWidget.border#b9a6ff
- editorIndentGuide.activeBackground1#2f66b8
- editorIndentGuide.background1#16345e
- editorInfo.foreground#7fb2ff
- editorInlayHint.background#101a2e
- editorInlayHint.foreground#8fabd8
- editorInlayHint.parameterBackground#131f36
- editorInlayHint.parameterForeground#f2d9a0
- editorInlayHint.typeBackground#151c33
- editorInlayHint.typeForeground#a9c4ff
- editorLineNumber.activeForeground#ffd66b
- editorLineNumber.foreground#5d7eb4
- editorLink.activeForeground#7fb2ff
- editorOverviewRuler.addedForeground#6ee7a8AA
- editorOverviewRuler.deletedForeground#e0483cAA
- editorOverviewRuler.errorForeground#ff8a7aCC
- editorOverviewRuler.infoForeground#7fb2ffAA
- editorOverviewRuler.modifiedForeground#7fb2ffAA
- editorOverviewRuler.warningForeground#ffd35dCC
- editorRuler.foreground#16345e
- editorSuggestWidget.background#0a0e18
- editorSuggestWidget.border#b9a6ff
- editorSuggestWidget.focusHighlightForeground#fff3d0
- editorSuggestWidget.foreground#c4d4ee
- editorSuggestWidget.highlightForeground#ffd66b
- editorSuggestWidget.selectedBackground#16294a
- editorWarning.foreground#ffd35d
- editorWhitespace.foreground#1d3f70
- editorWidget.background#0a0e18
- editorWidget.border#b9a6ff
- editorWidget.foreground#e6edfb
- editorWidget.resizeBorder#7fb2ff
- errorForeground#ff8a7a
- focusBorder#7fb2ff
- foreground#e6edfb
- gitDecoration.addedResourceForeground#6ee7a8
- gitDecoration.conflictingResourceForeground#ffab5c
- gitDecoration.deletedResourceForeground#e0483c
- gitDecoration.ignoredResourceForeground#5a6884
- gitDecoration.modifiedResourceForeground#7fb2ff
- gitDecoration.renamedResourceForeground#b9a6ff
- gitDecoration.stageDeletedResourceForeground#ff8a7a
- gitDecoration.stageModifiedResourceForeground#a9c4ff
- gitDecoration.submoduleResourceForeground#d7a93c
- gitDecoration.untrackedResourceForeground#92f0c0
- icon.foreground#7fb2ff
- input.background#070a12
- input.border#ffd66b
- input.foreground#e6edfb
- input.placeholderForeground#6f88b6
- inputOption.activeBackground#1a2c4d
- inputOption.activeBorder#ffd66b
- inputOption.activeForeground#e6edfb
- inputValidation.errorBackground#2a1014
- inputValidation.errorBorder#ff8a7a
- inputValidation.infoBackground#0f1c33
- inputValidation.infoBorder#7fb2ff
- inputValidation.warningBackground#2a2110
- inputValidation.warningBorder#ffd35d
- list.activeSelectionBackground#16294a
- list.activeSelectionForeground#e6edfb
- list.dropBackground#8f660f77
- list.errorForeground#ff8a7a
- list.focusAndSelectionOutline#ffd66b
- list.focusBackground#1a3157
- list.focusForeground#e6edfb
- list.focusOutline#7fb2ff
- list.highlightForeground#ffd66b
- list.hoverBackground#101a2e
- list.hoverForeground#e6edfb
- list.inactiveSelectionBackground#141f36
- list.inactiveSelectionForeground#e6edfb
- list.invalidItemForeground#ff8a7a
- list.warningForeground#ffd35d
- menu.background#0a0e18
- menu.border#b9a6ff
- menu.foreground#e6edfb
- menu.selectionBackground#16294a
- menu.selectionForeground#fff3d0
- menu.separatorBackground#1b3560
- minimap.background#0a0e18
- minimap.errorHighlight#ff8a7a
- minimap.findMatchHighlight#ffd66bcb
- minimap.selectionHighlight#3a7fe0cd
- minimap.warningHighlight#ffd35d
- minimapSlider.activeBackground#2f7ae055
- minimapSlider.background#1b4c8f33
- minimapSlider.hoverBackground#2564b844
- notificationCenter.border#1e4478
- notificationCenterHeader.background#0a0e18
- notificationCenterHeader.foreground#a9c4ff
- notificationLink.foreground#7fb2ff
- notifications.background#0a0e18
- notifications.border#b9a6ff
- notifications.foreground#e6edfb
- notificationsErrorIcon.foreground#ff8a7a
- notificationsInfoIcon.foreground#7fb2ff
- notificationsWarningIcon.foreground#ffd35d
- notificationToast.border#b9a6ff
- panel.background#080b14
- panel.border#7fb2ff
- panelInput.border#ffd66b
- panelTitle.activeBorder#ffd66b
- panelTitle.activeForeground#fff3d0
- panelTitle.inactiveForeground#6f8ec0
- peekView.border#b9a6ff
- peekViewEditor.background#06090f
- peekViewEditor.matchHighlightBackground#8f660f88
- peekViewResult.background#070a12
- peekViewResult.fileForeground#a9c4ff
- peekViewResult.lineForeground#8098c4
- peekViewResult.matchHighlightBackground#8f660f66
- peekViewResult.selectionBackground#16294a
- peekViewTitle.background#0a0e18
- peekViewTitleDescription.foreground#8098c4
- peekViewTitleLabel.foreground#fff3d0
- pickerGroup.border#b9a6ff
- pickerGroup.foreground#ffd66b
- progressBar.background#ffd66b
- quickInput.background#0a0e18
- quickInput.foreground#e6edfb
- quickInputList.focusBackground#16294a
- quickInputList.focusForeground#fff3d0
- quickInputList.focusIconForeground#ffd66b
- scrollbar.shadow#04060b
- scrollbarSlider.activeBackground#2f7ae099
- scrollbarSlider.background#2564b855
- scrollbarSlider.hoverBackground#2f7ae077
- selection.background#0b57c466
- settings.checkboxBorder#ffd66b
- settings.dropdownBorder#7fb2ff
- settings.headerForeground#ffd66b
- settings.modifiedItemIndicator#ffd66b
- settings.textInputBorder#7fb2ff
- sideBar.background#0a0e18
- sideBar.border#ffd66b
- sideBar.foreground#b4c6e4
- sideBarActivityBarTop.border#ffd66b
- sideBarSectionHeader.background#070a12
- sideBarSectionHeader.border#ffd66b
- sideBarSectionHeader.foreground#ffd66b
- sideBarTitle.border#ffd66b
- sideBarTitle.foreground#fff3d0
- statusBar.background#04060b
- statusBar.border#b9a6ff
- statusBar.debuggingBackground#8a3a12
- statusBar.debuggingForeground#fff3d0
- statusBar.foreground#ffd66b
- statusBar.noFolderBackground#070a12
- statusBarItem.activeBackground#1b3055
- statusBarItem.errorBackground#b41c27
- statusBarItem.errorForeground#ffd6d0
- statusBarItem.focusBorder#ffd66b
- statusBarItem.hoverBackground#16253f
- statusBarItem.prominentBackground#16294a
- statusBarItem.prominentHoverBackground#1e3a66
- statusBarItem.remoteBackground#d7a93c
- statusBarItem.remoteForeground#120d04
- statusBarItem.warningBackground#8a5c08
- statusBarItem.warningForeground#ffe9a8
- tab.activeBackground#0b101a
- tab.activeBorder#ffd66b
- tab.activeBorderTop#7fb2ff
- tab.activeForeground#fff3d0
- tab.border#b9a6ff
- tab.hoverBackground#111a2c
- tab.hoverForeground#fff3d0
- tab.inactiveBackground#070a12
- tab.inactiveForeground#6f8ec0
- tab.unfocusedActiveBorderTop#b9a6ff
- tab.unfocusedActiveForeground#a9c4ff
- tab.unfocusedInactiveForeground#6b7a96
- terminal.ansiBlack#101a2e
- terminal.ansiBlue#3a7fe0
- terminal.ansiBrightBlack#5a6884
- terminal.ansiBrightBlue#7fb2ff
- terminal.ansiBrightCyan#8fd8f5
- terminal.ansiBrightGreen#6ee7a8
- terminal.ansiBrightMagenta#b9a6ff
- terminal.ansiBrightRed#ff8a7a
- terminal.ansiBrightWhite#fff3d0
- terminal.ansiBrightYellow#ffd66b
- terminal.ansiCyan#55b6e8
- terminal.ansiGreen#3fc98a
- terminal.ansiMagenta#8f74e8
- terminal.ansiRed#e0483c
- terminal.ansiWhite#b4c6e4
- terminal.ansiYellow#d7a93c
- terminal.background#070a12
- terminal.border#ffd66b
- terminal.foreground#e6edfb
- terminal.selectionBackground#0b57c480
- terminalCursor.background#0b101a
- terminalCursor.foreground#ffd66b
- textBlockQuote.background#0a0e18
- textBlockQuote.border#ffd66b
- textCodeBlock.background#070a12
- textLink.activeForeground#fff3d0
- textLink.foreground#7fb2ff
- textPreformat.foreground#ffd66b
- textSeparator.foreground#1e4478
- titleBar.activeBackground#04060b
- titleBar.activeForeground#ffd66b
- titleBar.border#b9a6ff
- titleBar.inactiveBackground#030509
- titleBar.inactiveForeground#5f80b8
- tree.inactiveIndentGuidesStroke#14203a
- tree.indentGuidesStroke#1b3f75
- widget.shadow#00040cA6
- window.activeBorder#ffd66b
- window.inactiveBorder#6d5a2a
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #5d7eb4 | italic |
| string, string.quoted, string.template | #92d3ea | — |
| constant.character.escape, string.regexp | #f0b95c | — |
| constant.numeric, constant.language, support.constant | #ffd66b | — |
| keyword, storage.type, storage.modifier | #b9a6ff | — |
| keyword.control, keyword.control.conditional, keyword.control.loop | #c9baff | — |
| keyword.operator, punctuation.separator, punctuation.accessor | #e0b060 | — |
| entity.name.function, variable.function, support.function, meta.function-call | #ffe9a8 | — |
| entity.name.type, entity.name.class, support.class, support.type | #7fb2ff | — |
| variable, variable.other.readwrite, variable.other.object | #dbe6ff | — |
| variable.parameter, meta.function.parameters | #f2d9a0 | — |
| variable.other.property, support.variable.property, meta.object-literal.key | #a9c4ff | — |
| variable.language, variable.language.this, variable.language.super | #d7a93c | italic |
| entity.name.namespace, entity.name.module | #6aa6ff | — |
| entity.name.tag, punctuation.definition.tag | #ffd66b | — |
| entity.other.attribute-name, support.type.property-name.css | #a9c4ff | — |
| entity.other.attribute-name.class.css, entity.other.attribute-name.id.css, entity.name.tag.css | #7fb2ff | — |
| support.constant.property-value.css, constant.other.color.rgb-value.css, keyword.other.unit | #92d3ea | — |
| support.type.property-name.json, entity.name.tag.yaml, string.unquoted.plain.out.yaml | #a9c4ff | — |
| meta.decorator entity.name.function, storage.type.annotation, punctuation.decorator | #d7a93c | — |
| invalid, invalid.illegal | #ff8a7a | — |
| markup.heading, entity.name.section.markdown, punctuation.definition.heading.markdown | #ffd66b | bold |
| markup.bold, punctuation.definition.bold.markdown | #ffe9a8 | bold |
| markup.italic, punctuation.definition.italic.markdown | #c9baff | italic |
| markup.underline.link, string.other.link, constant.other.reference.link.markdown | #7fb2ff | underline |
| markup.quote, punctuation.definition.blockquote.markdown | #a9c4ff | italic |
| markup.inline.raw, markup.raw.block, punctuation.definition.raw.markdown | #f2d9a0 | — |
| markup.inserted, meta.diff.header.to-file | #6ee7a8 | — |
| markup.deleted, meta.diff.header.from-file | #ff8a7a | — |
| markup.changed, meta.diff.range | #7fb2ff | — |