Pink Pixel Candy Themes

Color themes

• 

  Pink Pixel Aurora Burst

• 

  Pink Pixel Candy Nebula

• 

  Pink Pixel Cloudwerx Lab

• 

  Pink Pixel Electric Sugarstorm

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.

• actionBar.toggledBackground#2274d8ee
• activityBar.activeBackground#0e0e0f
• activityBar.activeBorder#2274d8ee
• activityBar.activeFocusBorder#2ed2ff
• activityBar.background#0e0e0f
• activityBar.border#2274d8ee
• activityBar.dropBorder#2effff
• activityBar.foreground#2effff
• activityBarBadge.background#2274d8ee
• activityBarBadge.foreground#2274d8ee
• activityBarTop.background#0e0e0f
• activityBarTop.foreground#fcffff
• badge.background#2ed2ff
• badge.foreground#151517
• button.background#2ed2ff
• button.foreground#151517
• button.hoverBackground#a4cbe3
• chat.requestBackground#0e0e0f
• chat.slashCommandBackground#151517
• dropdown.background#151517
• dropdown.border#2274d8ee
• editor.background#0e0e0f
• editor.foreground#fcffff
• editor.inactiveSelectionBackground#16283822
• editor.lineHighlightBackground#0f161f
• editor.selectionBackground#2274d8ee
• editorCursor.foreground#2ed2ff
• editorGroup.border#2274d8ee
• editorGroupHeader.noTabsBackground#0e0e0f
• editorGroupHeader.tabsBackground#0e0e0f
• editorLineNumber.activeForeground#f3fbff
• editorLineNumber.foreground#2274d8ee
• editorWhitespace.foreground#27394b
• focusBorder#2274d8ee
• input.background#151517
• input.border#2274d8ee
• input.foreground#f3fbff
• input.placeholderForeground#c8e0ef
• list.activeSelectionBackground#151517
• list.activeSelectionForeground#f3fbff
• list.activeSelectionIconForeground#f3fbff
• list.dropBackground#2274d8b0
• list.focusAndSelectionOutline#2ed2ff
• list.focusBackground#151517
• list.hoverBackground#202d399b
• list.inactiveSelectionBackground#151517
• menu.background#0e0e0f
• menu.foreground#fcffff
• menu.selectionBackground#2274d8b0
• menubar.selectionBackground#151517
• panel.background#0e0e0f
• panel.border#2274d8ee
• panelSectionHeader.background#151517
• panelSectionHeader.border#2274d8ee
• panelSectionHeader.foreground#fcffff
• panelTitle.activeBorder#2274d8ee
• panelTitle.activeForeground#f3fbff
• panelTitle.border#202d399b
• panelTitle.inactiveForeground#a4cbe3
• peekView.border#2274d8ee
• peekViewEditor.background#0e0e0f
• peekViewResult.background#151517
• sideBar.background#0e0e0f
• sideBar.border#202d399b
• sideBar.foreground#fcffff
• sideBarActivityBarTop.border#2274d8ee
• sideBarSectionHeader.background#0e0e0f
• sideBarSectionHeader.border#2274d8ee
• sideBarSectionHeader.foreground#2effff
• sideBarTitle.background#0e0e0f
• sideBarTitle.border#2274d8ee
• sideBarTitle.foreground#2ed2ff
• statusBar.background#151517
• statusBar.border#202d399b
• statusBar.debuggingBackground#0e0e0f
• statusBar.debuggingForeground#151517
• statusBar.foreground#2effff
• tab.activeBackground#151517
• tab.activeBorder#2ed2ff
• tab.activeForeground#fcffff
• tab.border#202d399b
• tab.inactiveBackground#0e0e0f
• tab.inactiveForeground#a4cbe3
• terminal.ansiBlack#10161d
• terminal.ansiBlue#577eff
• terminal.ansiBrightBlack#151517
• terminal.ansiBrightBlue#83bbff
• terminal.ansiBrightCyan#2effff
• terminal.ansiBrightGreen#b5ffe1
• terminal.ansiBrightMagenta#dfb0fc
• terminal.ansiBrightRed#fea1a1
• terminal.ansiBrightWhite#ffffff
• terminal.ansiBrightYellow#ffefc8
• terminal.ansiCyan#2effff
• terminal.ansiGreen#7effc7
• terminal.ansiMagenta#d084ff
• terminal.ansiRed#ff7c7c
• terminal.ansiWhite#fcffff
• terminal.ansiYellow#ffdf9b
• terminal.background#0e0e0f
• terminal.border#2274d8ee
• terminal.foreground#fcffff
• terminal.tab.activeBorder#2274d8ee
• terminalCursor.foreground#2ed2ff
• titleBar.activeBackground#151517
• titleBar.activeForeground#2effff
• titleBar.border#202d399b
• titleBar.inactiveBackground#151517
• titleBar.inactiveForeground#a4cbe3
• tree.indentGuidesStroke#151517

tokenColors

TextMate scopes and font styles (syntax highlighting rules).