Pink Pixel Candy Themes
Publisher: Pink PixelThemes in package: 10
Neon candy dark 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#ff61b0
- activityBar.background#19011f
- activityBar.border#2d0336
- activityBar.foreground#ffecf7
- activityBarBadge.background#ff61b0
- activityBarBadge.foreground#0b0213
- badge.background#ff61b0
- badge.foreground#0b0213
- button.background#ff61b0
- button.foreground#0b0213
- button.hoverBackground#ff9be3
- chat.requestBackground#1a0422
- chat.slashCommandBackground#120016
- chat.thinkingShimmer#ff9be358
- dropdown.background#1a0422
- dropdown.border#ff61b055
- editor.background#0b0213
- editor.foreground#ffecf7
- editor.inactiveSelectionBackground#151a2925
- editor.lineHighlightBackground#1a0d26
- editor.selectionBackground#1f2940
- editorCursor.foreground#ff61b0
- editorGroup.border#2d0336
- editorGroupHeader.noTabsBackground#120016
- editorGroupHeader.tabsBackground#120016
- editorLineNumber.activeForeground#ff61b0
- editorLineNumber.foreground#c5aeffd8
- editorWhitespace.foreground#3b3650
- focusBorder#ff61b055
- input.background#1a0422
- input.border#ff61b055
- input.foreground#ffecf7
- input.placeholderForeground#ffecf7e7
- list.activeSelectionBackground#2e0a35
- list.activeSelectionForeground#ffecf7
- list.dropBackground#ff61b044
- list.focusBackground#31133b
- list.hoverBackground#1f0926
- list.inactiveSelectionBackground#1c0620
- menu.background#120016
- menu.foreground#ffecf7
- menu.selectionBackground#2e0a35
- menubar.selectionBackground#2e0a35aa
- panel.background#120016
- panel.border#2d0336
- panelTitle.activeForeground#ffecf7
- panelTitle.inactiveForeground#8168a3
- peekView.border#ff61b0
- peekViewEditor.background#120016
- peekViewResult.background#0f0213
- selection.background#1f2940
- sideBar.background#140118
- sideBar.border#2d0336
- sideBar.foreground#ffecf7
- sideBarSectionHeader.background#1f0329
- sideBarSectionHeader.border#2d0336
- sideBarSectionHeader.foreground#ffecf7
- sideBarTitle.foreground#ffecf7
- statusBar.background#140118
- statusBar.border#2d0336
- statusBar.debuggingBackground#ff61b0
- statusBar.debuggingForeground#0b0213
- statusBar.foreground#ffecf7
- tab.activeBackground#120016
- tab.activeForeground#ffecf7
- tab.border#2d0336
- tab.inactiveBackground#0a000f
- tab.inactiveForeground#c5aeff
- terminal.ansiBlack#0b0213
- terminal.ansiBlue#7ab8ff
- terminal.ansiBrightBlack#1a0d26
- terminal.ansiBrightBlue#a6d2ff
- terminal.ansiBrightCyan#b0fff8
- terminal.ansiBrightGreen#a8ffd7
- terminal.ansiBrightMagenta#ff9be3
- terminal.ansiBrightRed#ff7bbd
- terminal.ansiBrightWhite#ffffff
- terminal.ansiBrightYellow#ffe9a3
- terminal.ansiCyan#7efff5
- terminal.ansiGreen#7effc3
- terminal.ansiMagenta#ff61b0
- terminal.ansiRed#ff4fa3
- terminal.ansiWhite#ffecf7
- terminal.ansiYellow#ffc26d
- terminal.background#0f0213
- terminal.foreground#ffecf7
- terminalCursor.foreground#ff61b0
- titleBar.activeBackground#140118
- titleBar.activeForeground#ffecf7
- titleBar.border#2d0336
- titleBar.inactiveBackground#140118
- titleBar.inactiveForeground#c5aeff
- tree.indentGuidesStroke#402054
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #8168a3 | italic |
| keyword, storage, storage.type, storage.modifier | #ff9be3 | — |
| string, constant.other.symbol | #7effc3 | — |
| variable, entity.name.variable | #ffecf7 | — |
| entity.name.function, support.function | #c5aeff | — |
| entity.name.type, support.type, storage.type.class | #6df0ff | — |
| constant.numeric, constant.language | #ff7bbd | — |
| punctuation, meta.brace, meta.delimiter | #ffe9a3 | — |
| markup.heading, markup.heading entity.name.section, markup.heading.markdown | #ffe7f8 | bold |
| markup.bold, markup.bold.markdown | #6df0ff | bold |
| markup.italic, markup.italic.markdown | #7effc3 | italic |
| markup.quote, markup.quote.markdown | #bda4de | — |
| markup.inline.raw, markup.fenced_code.block, markup.raw.block | #bda4de | |
| punctuation.definition.heading, punctuation.definition.list.begin, markup.list.numbered, markup.list.unnumbered | #ff61b0 | — |