Pink Pixel Fruity Themes

Color themes

• 

  Pink Pixel Berry Smoothie

• 

  Pink Pixel Blueberry Jam

• 

  Pink Pixel Chocolate Cherry

• 

  Pink Pixel Electric Lemonade

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#8044e7
• activityBar.background#0b1022
• activityBar.border#293a64
• activityBar.foreground#76cdff
• activityBar.inactiveForeground#EAF0FFaa
• activityBarBadge.background#8044e7
• activityBarBadge.foreground#0b1022
• badge.background#3173e4
• badge.foreground#0b1022
• breadcrumb.activeSelectionForeground#3173e4
• breadcrumb.background#0b1022
• breadcrumb.focusForeground#3173e4
• breadcrumb.foreground#B8C4E6
• breadcrumbPicker.background#222A3D
• button.background#3173e4
• button.foreground#0b1022
• button.hoverBackground#8044e7
• button.secondaryBackground#293a64
• button.secondaryForeground#EAF0FF
• button.secondaryHoverBackground#3C4766
• checkbox.background#222A3D
• checkbox.border#293a64
• checkbox.foreground#3173e4
• debugToolBar.background#222A3D
• descriptionForeground#B8C4E6
• diffEditor.insertedLineBackground#7FD1AE12
• diffEditor.insertedTextBackground#7FD1AE22
• diffEditor.removedLineBackground#F7768E12
• diffEditor.removedTextBackground#F7768E22
• disabledForeground#7E8BB288
• dropdown.background#222A3D
• dropdown.border#293a64
• dropdown.foreground#EAF0FF
• dropdown.listBackground#222A3D
• editor.background#0b1022
• editor.findMatchBackground#F0C67444
• editor.findMatchBorder#F0C674
• editor.findMatchHighlightBackground#F0C67422
• editor.findMatchHighlightBorder#F0C67455
• editor.foreground#EAF0FF
• editor.hoverHighlightBackground#FFFFFF08
• editor.inactiveSelectionBackground#3173e422
• editor.lineHighlightBackground#FFFFFF06
• editor.lineHighlightBorder#00000000
• editor.rangeHighlightBackground#3173e410
• editor.rangeHighlightBorder#3173e422
• editor.selectionBackground#3173e433
• editor.selectionForeground#EAF0FF
• editor.selectionHighlightBackground#3173e418
• editor.selectionHighlightBorder#3173e433
• editor.wordHighlightBackground#3173e414
• editor.wordHighlightBorder#3173e433
• editor.wordHighlightStrongBackground#8044e718
• editor.wordHighlightStrongBorder#8044e744
• editorBracketMatch.background#3173e414
• editorBracketMatch.border#3173e455
• editorCodeLens.foreground#7E8BB2
• editorCursor.background#0e152f
• editorCursor.foreground#3173e4
• editorError.foreground#F7768E
• editorGroup.border#2651bc
• editorGroup.dropBackground#8044e722
• editorGroup.emptyBackground#0e152f
• editorGroupHeader.tabsBackground#0b1022
• editorGroupHeader.tabsBorder#293a64
• editorGutter.addedBackground#7FD1AE
• editorGutter.background#0e152f
• editorGutter.deletedBackground#F7768E
• editorGutter.modifiedBackground#98c3ff
• editorHint.foreground#7FD1AE
• editorIndentGuide.activeBackground1#3173e466
• editorIndentGuide.background1#0b1022
• editorInfo.foreground#98c3ff
• editorLineNumber.activeForeground#3173e4
• editorLineNumber.foreground#EAF0FFaa
• editorOverviewRuler.addedForeground#7FD1AE
• editorOverviewRuler.border#00000000
• editorOverviewRuler.bracketMatchForeground#3173e4
• editorOverviewRuler.deletedForeground#F7768E
• editorOverviewRuler.errorForeground#F7768E
• editorOverviewRuler.findMatchForeground#F0C674aa
• editorOverviewRuler.infoForeground#98c3ff
• editorOverviewRuler.modifiedForeground#98c3ff
• editorOverviewRuler.rangeHighlightForeground#3173e4aa
• editorOverviewRuler.selectionHighlightForeground#3173e488
• editorOverviewRuler.warningForeground#F0C674
• editorOverviewRuler.wordHighlightForeground#3173e466
• editorOverviewRuler.wordHighlightStrongForeground#8044e788
• editorRuler.foreground#293a64
• editorSuggestWidget.background#222A3D
• editorSuggestWidget.border#293a64
• editorSuggestWidget.foreground#EAF0FF
• editorSuggestWidget.highlightForeground#3173e4
• editorSuggestWidget.selectedBackground#3173e422
• editorWarning.foreground#F0C674
• editorWhitespace.foreground#4F5872
• editorWidget.background#222A3D
• editorWidget.border#293a64
• errorForeground#F7768E
• focusBorder#3173e4
• foreground#EAF0FF
• gitDecoration.addedResourceForeground#7FD1AE
• gitDecoration.conflictingResourceForeground#8044e7
• gitDecoration.deletedResourceForeground#F7768E
• gitDecoration.ignoredResourceForeground#6D7898
• gitDecoration.modifiedResourceForeground#F0C674
• gitDecoration.submoduleResourceForeground#7E8BB2
• gitDecoration.untrackedResourceForeground#8FE0C5
• icon.foreground#3173e4
• input.background#0b1022
• input.border#293a64
• input.foreground#EAF0FF
• input.placeholderForeground#EAF0FFaa
• inputOption.activeBackground#3173e422
• inputOption.activeBorder#3173e4
• inputOption.activeForeground#3173e4
• inputValidation.errorBackground#F7768E22
• inputValidation.errorBorder#F7768E
• inputValidation.infoBackground#98c3ff22
• inputValidation.infoBorder#98c3ff
• inputValidation.warningBackground#F0C67422
• inputValidation.warningBorder#F0C674
• list.activeSelectionBackground#c38dfb22
• list.activeSelectionForeground#76cdff
• list.dropBackground#8044e733
• list.errorForeground#F7768E
• list.focusBackground#c38dfb22
• list.focusForeground#EAF0FF
• list.focusOutline#c38dfb
• list.highlightForeground#3173e4
• list.hoverBackground#FFFFFF08
• list.hoverForeground#EAF0FF
• list.inactiveSelectionBackground#c38dfb18
• list.inactiveSelectionForeground#B8C4E6
• list.warningForeground#F0C674
• menu.background#222A3D
• menu.border#293a64
• menu.foreground#EAF0FF
• menu.selectionBackground#3173e422
• menu.selectionForeground#EAF0FF
• menu.separatorBackground#293a64
• minimap.background#0e152f
• minimap.errorHighlight#F7768E
• minimap.findMatchHighlight#F0C67455
• minimap.selectionHighlight#3173e433
• minimap.warningHighlight#F0C674
• notificationCenter.border#293a64
• notificationCenterHeader.background#0b1022
• notificationCenterHeader.foreground#3173e4
• notificationLink.foreground#3173e4
• notifications.background#222A3D
• notifications.border#293a64
• notifications.foreground#EAF0FF
• panel.background#0e152f
• panel.border#8044e7
• panelInput.border#293a64
• panelSection.border#293a64
• panelSectionHeader.border#293a64
• panelTitle.activeBorder#8044e7
• panelTitle.activeForeground#76cdff
• panelTitle.border#293a64
• panelTitle.inactiveForeground#EAF0FFaa
• peekView.border#293a64
• peekViewEditor.background#0e152f
• peekViewEditor.matchHighlightBackground#F0C67422
• peekViewResult.background#222A3D
• peekViewResult.fileForeground#EAF0FF
• peekViewResult.lineForeground#B8C4E6
• peekViewResult.matchHighlightBackground#3173e422
• peekViewResult.selectionBackground#8044e722
• peekViewResult.selectionForeground#EAF0FF
• peekViewTitle.background#0b1022
• peekViewTitleDescription.foreground#7E8BB2
• peekViewTitleLabel.foreground#3173e4
• pickerGroup.border#293a64
• pickerGroup.foreground#3173e4
• progressBar.background#3173e4
• quickInput.background#222A3D
• quickInput.foreground#EAF0FF
• quickInputList.focusBackground#3173e422
• quickInputList.focusForeground#EAF0FF
• scrollbar.shadow#00000040
• scrollbarSlider.activeBackground#3173e4
• scrollbarSlider.background#7E8BB244
• scrollbarSlider.hoverBackground#B8C4E666
• settings.checkboxBackground#222A3D
• settings.checkboxBorder#293a64
• settings.checkboxForeground#3173e4
• settings.dropdownBackground#222A3D
• settings.dropdownBorder#293a64
• settings.dropdownForeground#EAF0FF
• settings.headerForeground#3173e4
• settings.modifiedItemIndicator#F0C674
• settings.numberInputBackground#222A3D
• settings.numberInputBorder#293a64
• settings.numberInputForeground#EAF0FF
• settings.textInputBackground#222A3D
• settings.textInputBorder#293a64
• settings.textInputForeground#EAF0FF
• sideBar.background#0e152f
• sideBar.border#293a64
• sideBar.dropBackground#8044e722
• sideBar.foreground#EAF0FF
• sideBarSectionHeader.background#1d2753
• sideBarSectionHeader.border#293a64
• sideBarSectionHeader.foreground#76cdff
• sideBarTitle.background#0b1022
• sideBarTitle.border#293a64
• sideBarTitle.foreground#c38dfb
• statusBar.background#091441
• statusBar.border#8044e7
• statusBar.debuggingBackground#F0C674
• statusBar.debuggingForeground#0b1022
• statusBar.foreground#EAF0FF
• statusBar.noFolderBackground#0b1022
• statusBar.noFolderForeground#EAF0FF
• statusBarItem.hoverBackground#FFFFFF10
• statusBarItem.prominentBackground#3173e422
• statusBarItem.prominentHoverBackground#3173e433
• statusBarItem.remoteBackground#8044e7
• statusBarItem.remoteForeground#0b1022
• tab.activeBackground#0e152f
• tab.activeBorder#8044e7
• tab.activeBorderTop#3173e4
• tab.activeForeground#76cdff
• tab.border#293a64
• tab.hoverBackground#222A3D
• tab.hoverForeground#EAF0FF
• tab.inactiveBackground#0b1022
• tab.inactiveForeground#EAF0FFaa
• tab.unfocusedActiveForeground#B8C4E6
• tab.unfocusedInactiveForeground#6D7898
• terminal.ansiBlack#0e152f
• terminal.ansiBlue#3173e4
• terminal.ansiBrightBlack#6D7898
• terminal.ansiBrightBlue#7C96F2
• terminal.ansiBrightCyan#A8C7FA
• terminal.ansiBrightGreen#9BE0C3
• terminal.ansiBrightMagenta#3173e4
• terminal.ansiBrightRed#FF8FA3
• terminal.ansiBrightWhite#F7FAFF
• terminal.ansiBrightYellow#F7D98D
• terminal.ansiCyan#98c3ff
• terminal.ansiGreen#7FD1AE
• terminal.ansiMagenta#8044e7
• terminal.ansiRed#F7768E
• terminal.ansiWhite#EAF0FF
• terminal.ansiYellow#F0C674
• terminal.background#0b1022
• terminal.border#293a64
• terminal.foreground#EAF0FF
• terminal.selectionBackground#3173e422
• terminalCursor.background#0e152f
• terminalCursor.foreground#3173e4
• textBlockQuote.background#222A3D
• textBlockQuote.border#8044e7
• textCodeBlock.background#222A3D
• textLink.activeForeground#3173e4
• textLink.foreground#3173e4
• textPreformat.foreground#3173e4
• textSeparator.foreground#293a64
• titleBar.activeBackground#1d2753
• titleBar.activeForeground#EAF0FF
• titleBar.border#8044e7
• titleBar.inactiveBackground#0e152f
• titleBar.inactiveForeground#7E8BB2
• welcomePage.background#0e152f
• welcomePage.progress.background#293a64
• welcomePage.progress.foreground#3173e4
• window.activeBorder#293a64
• window.inactiveBorder#0e152f

tokenColors

TextMate scopes and font styles (syntax highlighting rules).