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#ff21a3
- activityBar.background#050607
- activityBar.border#11141c
- activityBar.foreground#fdf8ff
- activityBarBadge.background#ff21a3
- activityBarBadge.foreground#050607
- badge.background#ff21a3
- badge.foreground#050607
- button.background#ff21a3
- button.foreground#050607
- button.hoverBackground#9858ff
- chat.requestBackground#0f131b
- chat.slashCommandBackground#10131a
- dropdown.background#0f131b
- dropdown.border#ff21a366
- editor.background#0a0d10
- editor.foreground#fdf8ff
- editor.inactiveSelectionBackground#12192523
- editor.lineHighlightBackground#1a1d20
- editor.selectionBackground#1c2635
- editorCursor.foreground#ff21a3
- editorGroup.border#11141c
- editorGroupHeader.noTabsBackground#050607
- editorGroupHeader.tabsBackground#050607
- editorLineNumber.activeForeground#ff21a3
- editorLineNumber.foreground#5b616c
- editorWhitespace.foreground#343943
- focusBorder#ff21a366
- input.background#0f131b
- input.border#ff21a366
- input.foreground#fdf8ff
- input.placeholderForeground#b8bcc7
- list.activeSelectionBackground#10131a
- list.activeSelectionForeground#fdf8ff
- list.dropBackground#ff21a333
- list.focusAndSelectionOutline#9858ff
- list.focusBackground#151a24
- list.hoverBackground#0cfff733
- list.inactiveSelectionBackground#090c12
- menu.background#07090c
- menu.foreground#fdf8ff
- menu.selectionBackground#10131a
- menubar.selectionBackground#10131acc
- panel.background#07090c
- panel.border#11141c
- panelTitle.activeForeground#fdf8ff
- panelTitle.inactiveForeground#a4a8b3
- peekView.border#ff21a3
- peekViewEditor.background#050607
- peekViewResult.background#050607
- selection.background#1c2635
- sideBar.background#050607
- sideBar.border#11141c
- sideBar.foreground#fdf8ff
- sideBarSectionHeader.background#0a0d10
- sideBarSectionHeader.border#11141c
- sideBarSectionHeader.foreground#0cfff7
- sideBarTitle.foreground#ff21a3
- statusBar.background#050607
- statusBar.border#fff952
- statusBar.debuggingBackground#ff21a3
- statusBar.debuggingForeground#050607
- statusBar.foreground#fdf8ff
- tab.activeBackground#0a0d10
- tab.activeBorder#ff21a3
- tab.activeForeground#fdf8ff
- tab.border#11141c
- tab.inactiveBackground#050607
- tab.inactiveForeground#a4a8b3
- terminal.ansiBlack#0a0d10
- terminal.ansiBlue#2f9bff
- terminal.ansiBrightBlack#1a1d20
- terminal.ansiBrightBlue#6ec6ff
- terminal.ansiBrightCyan#7bfff4
- terminal.ansiBrightGreen#6effc8
- terminal.ansiBrightMagenta#ff66f0
- terminal.ansiBrightRed#ff4b92
- terminal.ansiBrightWhite#ffffff
- terminal.ansiBrightYellow#ffff7d
- terminal.ansiCyan#00ffe7
- terminal.ansiGreen#0cfff7
- terminal.ansiMagenta#ff21a3
- terminal.ansiRed#ff0066
- terminal.ansiWhite#fdf8ff
- terminal.ansiYellow#fff952
- terminal.background#050607
- terminal.foreground#fdf8ff
- terminalCursor.foreground#ff21a3
- titleBar.activeBackground#050607
- titleBar.activeForeground#fdf8ff
- titleBar.border#fff952
- titleBar.inactiveBackground#050607
- titleBar.inactiveForeground#b8bcc7
- tree.indentGuidesStroke#303540
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #666c79 | italic |
| keyword, storage, storage.type, storage.modifier | #ff21a3 | — |
| string, constant.other.symbol | #0cfff7 | — |
| variable, entity.name.variable | #fdf8ff | — |
| entity.name.function, support.function | #9858ff | — |
| entity.name.type, support.type, storage.type.class | #fff952 | — |
| constant.numeric, constant.language | #4bec2f | — |
| punctuation, meta.brace, meta.delimiter | #fdf8ff | — |
| markup.heading, markup.heading entity.name.section, markup.heading.markdown | #4bec2f | bold |
| markup.bold, markup.bold.markdown | #fff952 | bold |
| markup.italic, markup.italic.markdown | #0cfff7 | italic |
| markup.quote, markup.quote.markdown | #a4a8b3 | — |
| markup.inline.raw, markup.fenced_code.block, markup.raw.block | #9858ff | — |
| punctuation.definition.heading, punctuation.definition.list.begin, markup.list.numbered, markup.list.unnumbered | #ff21a3 | — |