Pink Pixel Fruity Themes

Color themes

• 

  Pink Pixel Grape Soda

• 

  Pink Pixel Lime Pop

• 

  Pink Pixel Mango Dragonfruit

• 

  Pink Pixel Peach Fizz

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#00ff40
• activityBar.background#000900
• activityBar.border#00ff40
• activityBar.foreground#f2ff00
• activityBar.inactiveForeground#EDFBE8aa
• activityBarBadge.background#bbff00
• activityBarBadge.foreground#000900
• badge.background#bbff00
• badge.foreground#000900
• breadcrumb.activeSelectionForeground#f2ff00
• breadcrumb.background#000900
• breadcrumb.focusForeground#bbff00
• breadcrumb.foreground#C7DEBE
• breadcrumbPicker.background#000000
• button.background#bbff00
• button.foreground#000900
• button.hoverBackground#f2ff00
• button.secondaryBackground#2F412F
• button.secondaryForeground#EDFBE8
• button.secondaryHoverBackground#395039
• checkbox.background#000000
• checkbox.border#2F412F
• checkbox.foreground#f2ff00
• debugToolBar.background#000000
• descriptionForeground#C7DEBE
• diffEditor.insertedLineBackground#7ED95712
• diffEditor.insertedTextBackground#7ED95722
• diffEditor.removedLineBackground#FF7A8A12
• diffEditor.removedTextBackground#FF7A8A22
• disabledForeground#86A37F88
• dropdown.background#000000
• dropdown.border#2F412F
• dropdown.foreground#EDFBE8
• dropdown.listBackground#000000
• editor.background#000000
• editor.findMatchBackground#F4D35E44
• editor.findMatchBorder#F4D35E
• editor.findMatchHighlightBackground#F4D35E22
• editor.findMatchHighlightBorder#F4D35E55
• editor.foreground#EDFBE8
• editor.hoverHighlightBackground#FFFFFF08
• editor.inactiveSelectionBackground#bbff0022
• editor.lineHighlightBackground#FFFFFF06
• editor.lineHighlightBorder#00000000
• editor.rangeHighlightBackground#f2ff0010
• editor.rangeHighlightBorder#f2ff0022
• editor.selectionBackground#bbff0033
• editor.selectionForeground#EDFBE8
• editor.selectionHighlightBackground#bbff0018
• editor.selectionHighlightBorder#bbff0033
• editor.wordHighlightBackground#f2ff0014
• editor.wordHighlightBorder#f2ff0033
• editor.wordHighlightStrongBackground#7ED95718
• editor.wordHighlightStrongBorder#7ED95744
• editorBracketMatch.background#f2ff0014
• editorBracketMatch.border#f2ff0055
• editorCodeLens.foreground#86A37F
• editorCursor.background#000000
• editorCursor.foreground#f2ff00
• editorError.foreground#FF7A8A
• editorGroup.border#2F412F
• editorGroup.dropBackground#7ED95722
• editorGroup.emptyBackground#000000
• editorGroupHeader.tabsBackground#000900
• editorGroupHeader.tabsBorder#2F412F
• editorGutter.addedBackground#7ED957
• editorGutter.background#000000
• editorGutter.deletedBackground#FF7A8A
• editorGutter.modifiedBackground#00ff40
• editorHint.foreground#7ED957
• editorIndentGuide.activeBackground1#bbff0066
• editorIndentGuide.background1#2F412F
• editorInfo.foreground#00ff40
• editorLineNumber.activeForeground#00ff40
• editorLineNumber.foreground#EDFBE8aa
• editorOverviewRuler.addedForeground#7ED957
• editorOverviewRuler.border#00000000
• editorOverviewRuler.bracketMatchForeground#f2ff00
• editorOverviewRuler.deletedForeground#FF7A8A
• editorOverviewRuler.errorForeground#FF7A8A
• editorOverviewRuler.findMatchForeground#F4D35Eaa
• editorOverviewRuler.infoForeground#00ff40
• editorOverviewRuler.modifiedForeground#00ff40
• editorOverviewRuler.rangeHighlightForeground#f2ff00aa
• editorOverviewRuler.selectionHighlightForeground#bbff0088
• editorOverviewRuler.warningForeground#F4D35E
• editorOverviewRuler.wordHighlightForeground#f2ff0066
• editorOverviewRuler.wordHighlightStrongForeground#7ED95788
• editorRuler.foreground#2F412F
• editorSuggestWidget.background#000000
• editorSuggestWidget.border#2F412F
• editorSuggestWidget.foreground#EDFBE8
• editorSuggestWidget.highlightForeground#bbff00
• editorSuggestWidget.selectedBackground#bbff0022
• editorWarning.foreground#F4D35E
• editorWhitespace.foreground#4E624B
• editorWidget.background#000000
• editorWidget.border#2F412F
• errorForeground#FF7A8A
• focusBorder#bbff00
• foreground#EDFBE8
• gitDecoration.addedResourceForeground#7ED957
• gitDecoration.conflictingResourceForeground#bbff00
• gitDecoration.deletedResourceForeground#FF7A8A
• gitDecoration.ignoredResourceForeground#70896A
• gitDecoration.modifiedResourceForeground#F4D35E
• gitDecoration.submoduleResourceForeground#86A37F
• gitDecoration.untrackedResourceForeground#9CE8D7
• icon.foreground#f2ff00
• input.background#000000
• input.border#00ff40
• input.foreground#EDFBE8
• input.placeholderForeground#EDFBE866
• inputOption.activeBackground#bbff0022
• inputOption.activeBorder#bbff00
• inputOption.activeForeground#f2ff00
• inputValidation.errorBackground#FF7A8A22
• inputValidation.errorBorder#FF7A8A
• inputValidation.infoBackground#00ff4022
• inputValidation.infoBorder#00ff40
• inputValidation.warningBackground#F4D35E22
• inputValidation.warningBorder#F4D35E
• list.activeSelectionBackground#bbff0022
• list.activeSelectionForeground#00ff40
• list.dropBackground#7ED95733
• list.errorForeground#FF7A8A
• list.focusBackground#bbff0022
• list.focusForeground#00ff40
• list.focusOutline#bbff00
• list.highlightForeground#f2ff00
• list.hoverBackground#FFFFFF08
• list.hoverForeground#EDFBE8
• list.inactiveSelectionBackground#bbff0018
• list.inactiveSelectionForeground#C7DEBE
• list.warningForeground#F4D35E
• menu.background#000000
• menu.border#2F412F
• menu.foreground#EDFBE8
• menu.selectionBackground#bbff0022
• menu.selectionForeground#EDFBE8
• menu.separatorBackground#2F412F
• minimap.background#000000
• minimap.errorHighlight#FF7A8A
• minimap.findMatchHighlight#F4D35E55
• minimap.selectionHighlight#bbff0033
• minimap.warningHighlight#F4D35E
• notificationCenter.border#2F412F
• notificationCenterHeader.background#000900
• notificationCenterHeader.foreground#f2ff00
• notificationLink.foreground#bbff00
• notifications.background#000000
• notifications.border#2F412F
• notifications.foreground#EDFBE8
• panel.background#000000
• panel.border#00ff40
• panelInput.border#2F412F
• panelTitle.activeBorder#00ff40
• panelTitle.activeForeground#bbff00
• panelTitle.border#f2ff00
• panelTitle.inactiveForeground#86A37F
• peekView.border#2F412F
• peekViewEditor.background#000000
• peekViewEditor.matchHighlightBackground#F4D35E22
• peekViewResult.background#000000
• peekViewResult.fileForeground#EDFBE8
• peekViewResult.lineForeground#C7DEBE
• peekViewResult.matchHighlightBackground#bbff0022
• peekViewResult.selectionBackground#7ED95722
• peekViewResult.selectionForeground#EDFBE8
• peekViewTitle.background#000900
• peekViewTitleDescription.foreground#86A37F
• peekViewTitleLabel.foreground#f2ff00
• pickerGroup.border#2F412F
• pickerGroup.foreground#f2ff00
• progressBar.background#bbff00
• quickInput.background#000000
• quickInput.foreground#EDFBE8
• quickInputList.focusBackground#bbff0022
• quickInputList.focusForeground#EDFBE8
• scrollbar.shadow#00000040
• scrollbarSlider.activeBackground#bbff0066
• scrollbarSlider.background#86A37F44
• scrollbarSlider.hoverBackground#C7DEBE66
• settings.checkboxBackground#000000
• settings.checkboxBorder#2F412F
• settings.checkboxForeground#f2ff00
• settings.dropdownBackground#000000
• settings.dropdownBorder#2F412F
• settings.dropdownForeground#EDFBE8
• settings.headerForeground#f2ff00
• settings.modifiedItemIndicator#F4D35E
• settings.numberInputBackground#000000
• settings.numberInputBorder#2F412F
• settings.numberInputForeground#EDFBE8
• settings.textInputBackground#000000
• settings.textInputBorder#2F412F
• settings.textInputForeground#EDFBE8
• sideBar.background#000000
• sideBar.border#2F412F
• sideBar.dropBackground#7ED95722
• sideBar.foreground#EDFBE8
• sideBarSectionHeader.background#000000
• sideBarSectionHeader.border#00ff40
• sideBarSectionHeader.foreground#bbff00
• sideBarTitle.background#000900
• sideBarTitle.border#f2ff00
• sideBarTitle.foreground#00ff40
• statusBar.background#000900
• statusBar.border#bbff00
• statusBar.debuggingBackground#F4D35E
• statusBar.debuggingForeground#000900
• statusBar.foreground#EDFBE8
• statusBar.noFolderBackground#000900
• statusBar.noFolderForeground#EDFBE8
• statusBarItem.hoverBackground#FFFFFF10
• statusBarItem.prominentBackground#bbff0022
• statusBarItem.prominentHoverBackground#bbff0033
• statusBarItem.remoteBackground#bbff00
• statusBarItem.remoteForeground#000900
• tab.activeBackground#000000
• tab.activeBorder#00ff40
• tab.activeBorderTop#bbff00
• tab.activeForeground#f2ff00
• tab.border#2F412F
• tab.hoverBackground#000000
• tab.hoverForeground#EDFBE8
• tab.inactiveBackground#000900
• tab.inactiveForeground#EDFBE8aa
• tab.unfocusedActiveForeground#C7DEBE
• tab.unfocusedInactiveForeground#70896A
• terminal.ansiBlack#000000
• terminal.ansiBlue#0bf3ff
• terminal.ansiBrightBlack#70896A
• terminal.ansiBrightBlue#7ef6ff
• terminal.ansiBrightCyan#99ffc9
• terminal.ansiBrightGreen#91ff5a
• terminal.ansiBrightMagenta#f2ff00
• terminal.ansiBrightRed#feaab5
• terminal.ansiBrightWhite#FBFFF9
• terminal.ansiBrightYellow#ffe375
• terminal.ansiCyan#43ffc0
• terminal.ansiGreen#69f12f
• terminal.ansiMagenta#bbff00
• terminal.ansiRed#ff7b8a
• terminal.ansiWhite#EDFBE8
• terminal.ansiYellow#f9d03c
• terminal.background#000000
• terminal.border#2F412F
• terminal.foreground#EDFBE8
• terminal.selectionBackground#bbff0022
• terminalCursor.background#000000
• terminalCursor.foreground#f2ff00
• textBlockQuote.background#000000
• textBlockQuote.border#00ff40
• textCodeBlock.background#000000
• textLink.activeForeground#f2ff00
• textLink.foreground#bbff00
• textPreformat.foreground#f2ff00
• textSeparator.foreground#2F412F
• titleBar.activeBackground#000900
• titleBar.activeForeground#EDFBE8
• titleBar.border#bbff00
• titleBar.inactiveBackground#000900
• titleBar.inactiveForeground#86A37F
• welcomePage.background#000000
• welcomePage.progress.background#2F412F
• welcomePage.progress.foreground#bbff00
• window.activeBorder#2F412F
• window.inactiveBorder#000000

tokenColors

TextMate scopes and font styles (syntax highlighting rules).