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#94ff8d
• activityBar.background#0b0a10
• activityBar.border#53ffda
• activityBar.foreground#ff728c
• activityBar.inactiveForeground#fbf1eeaa
• activityBarBadge.background#ffa74a
• activityBarBadge.foreground#0b0a10
• badge.background#ff728c
• badge.foreground#0b0a10
• breadcrumb.activeSelectionForeground#ffbb6e
• breadcrumb.background#0b0a10
• breadcrumb.focusForeground#ff728c
• breadcrumb.foreground#fbf1ee
• breadcrumbPicker.background#0b0a10
• button.background#ff728c
• button.foreground#0b0a10
• button.hoverBackground#FF6FA0
• button.secondaryBackground#24222d
• button.secondaryForeground#fbf1ee
• button.secondaryHoverBackground#573C40
• checkbox.background#0b0a10
• checkbox.border#24222d
• checkbox.foreground#ffbb6e
• debugToolBar.background#0b0a10
• descriptionForeground#fbf1ee
• diffEditor.insertedLineBackground#94ff8d12
• diffEditor.insertedTextBackground#94ff8d22
• diffEditor.removedLineBackground#FF8C8212
• diffEditor.removedTextBackground#FF8C8222
• disabledForeground#fbf1eeaa
• dropdown.background#0b0a10
• dropdown.border#24222d
• dropdown.foreground#fbf1ee
• dropdown.listBackground#0b0a10
• editor.background#0b0a10
• editor.findMatchBackground#ffa74a44
• editor.findMatchBorder#ffa74a
• editor.findMatchHighlightBackground#ffa74a22
• editor.findMatchHighlightBorder#ffa74a55
• editor.foreground#fbf1ee
• editor.hoverHighlightBackground#FFFFFF08
• editor.inactiveSelectionBackground#ff728c22
• editor.lineHighlightBackground#FFFFFF06
• editor.lineHighlightBorder#00000000
• editor.rangeHighlightBackground#ffea5f10
• editor.rangeHighlightBorder#ffea5f22
• editor.selectionBackground#ff728c33
• editor.selectionForeground#fbf1ee
• editor.selectionHighlightBackground#ff728c18
• editor.selectionHighlightBorder#ff728c33
• editor.wordHighlightBackground#ffbb6e14
• editor.wordHighlightBorder#ffbb6e33
• editor.wordHighlightStrongBackground#FF6FA018
• editor.wordHighlightStrongBorder#FF6FA044
• editorBracketMatch.background#ffbb6e14
• editorBracketMatch.border#ffbb6e55
• editorCodeLens.foreground#fbf1eeaa
• editorCursor.background#0b0a10
• editorCursor.foreground#ffbb6e
• editorError.foreground#FF8C82
• editorGroup.border#24222d
• editorGroup.dropBackground#FF6FA022
• editorGroup.emptyBackground#0b0a10
• editorGroupHeader.tabsBackground#0b0a10
• editorGroupHeader.tabsBorder#24222d
• editorGutter.addedBackground#94ff8d
• editorGutter.background#0b0a10
• editorGutter.deletedBackground#FF8C82
• editorGutter.modifiedBackground#53ffda
• editorHint.foreground#94ff8d
• editorIndentGuide.activeBackground1#ff728c66
• editorIndentGuide.background1#24222d
• editorInfo.foreground#53ffda
• editorLineNumber.activeForeground#ff728c
• editorLineNumber.foreground#946E69
• editorOverviewRuler.addedForeground#94ff8d
• editorOverviewRuler.border#00000000
• editorOverviewRuler.bracketMatchForeground#ffbb6e
• editorOverviewRuler.deletedForeground#FF8C82
• editorOverviewRuler.errorForeground#FF8C82
• editorOverviewRuler.findMatchForeground#ffa74aaa
• editorOverviewRuler.infoForeground#53ffda
• editorOverviewRuler.modifiedForeground#53ffda
• editorOverviewRuler.rangeHighlightForeground#ffea5faa
• editorOverviewRuler.selectionHighlightForeground#ff728c88
• editorOverviewRuler.warningForeground#F4C06A
• editorOverviewRuler.wordHighlightForeground#ffbb6e66
• editorOverviewRuler.wordHighlightStrongForeground#FF6FA088
• editorRuler.foreground#24222d
• editorSuggestWidget.background#0b0a10
• editorSuggestWidget.border#24222d
• editorSuggestWidget.foreground#fbf1ee
• editorSuggestWidget.highlightForeground#ff728c
• editorSuggestWidget.selectedBackground#ff728c22
• editorWarning.foreground#F4C06A
• editorWhitespace.foreground#614647
• editorWidget.background#0b0a10
• editorWidget.border#24222d
• errorForeground#FF8C82
• focusBorder#ff728c
• foreground#fbf1ee
• gitDecoration.addedResourceForeground#94ff8d
• gitDecoration.conflictingResourceForeground#ff728c
• gitDecoration.deletedResourceForeground#FF8C82
• gitDecoration.ignoredResourceForeground#946E69
• gitDecoration.modifiedResourceForeground#53ffda
• gitDecoration.submoduleResourceForeground#fbf1eeaa
• gitDecoration.untrackedResourceForeground#CDEEE8
• icon.foreground#ffbb6e
• input.background#0b0a10
• input.border#24222d
• input.foreground#fbf1ee
• input.placeholderForeground#fbf1eeaa
• inputOption.activeBackground#ff728c22
• inputOption.activeBorder#ff728c
• inputOption.activeForeground#ffbb6e
• inputValidation.errorBackground#FF8C8222
• inputValidation.errorBorder#FF8C82
• inputValidation.infoBackground#53ffda22
• inputValidation.infoBorder#53ffda
• inputValidation.warningBackground#F4C06A22
• inputValidation.warningBorder#F4C06A
• list.activeSelectionBackground#ee7eff33
• list.activeSelectionForeground#53ffda
• list.dropBackground#ee7eff33
• list.errorForeground#ee7eff
• list.focusAndSelectionOutline#ff728c
• list.focusBackground#ee7eff22
• list.focusForeground#fbf1ee
• list.highlightForeground#ffbb6e
• list.hoverBackground#FFFFFF08
• list.hoverForeground#fbf1ee
• list.inactiveSelectionBackground#ee7eff18
• list.inactiveSelectionForeground#fbf1ee
• list.warningForeground#F4C06A
• menu.background#0b0a10
• menu.border#24222d
• menu.foreground#fbf1ee
• menu.selectionBackground#ff728c22
• menu.selectionForeground#fbf1ee
• menu.separatorBackground#24222d
• minimap.background#0b0a10
• minimap.errorHighlight#FF8C82
• minimap.findMatchHighlight#ffa74a55
• minimap.selectionHighlight#ff728c33
• minimap.warningHighlight#F4C06A
• notificationCenter.border#24222d
• notificationCenterHeader.background#0b0a10
• notificationCenterHeader.foreground#ffbb6e
• notificationLink.foreground#ff728c
• notifications.background#0b0a10
• notifications.border#24222d
• notifications.foreground#fbf1ee
• panel.background#0b0a10
• panel.border#53ffda
• panelInput.border#24222d
• panelTitle.activeBorder#94ff8d
• panelTitle.activeForeground#ff728c
• panelTitle.inactiveForeground#fbf1eeaa
• pickerGroup.border#24222d
• pickerGroup.foreground#ffbb6e
• progressBar.background#ff728c
• quickInput.background#0b0a10
• quickInput.foreground#fbf1ee
• quickInputList.focusBackground#ff728c22
• quickInputList.focusForeground#fbf1ee
• scrollbar.shadow#00000040
• scrollbarSlider.activeBackground#ff728c66
• scrollbarSlider.background#fbf1eeaa
• scrollbarSlider.hoverBackground#fbf1ee66
• settings.checkboxBackground#0b0a10
• settings.checkboxBorder#24222d
• settings.checkboxForeground#ffbb6e
• settings.dropdownBackground#0b0a10
• settings.dropdownBorder#24222d
• settings.dropdownForeground#fbf1ee
• settings.headerForeground#ffbb6e
• settings.modifiedItemIndicator#53ffda
• settings.numberInputBackground#0b0a10
• settings.numberInputBorder#24222d
• settings.numberInputForeground#fbf1ee
• settings.textInputBackground#0b0a10
• settings.textInputBorder#24222d
• settings.textInputForeground#fbf1ee
• sideBar.background#0e0d15
• sideBar.border#24222d
• sideBar.dropBackground#FF6FA022
• sideBar.foreground#fbf1ee
• sideBarSectionHeader.background#0b0a10
• sideBarSectionHeader.border#24222d
• sideBarSectionHeader.foreground#ffbb6e
• sideBarTitle.foreground#ee7eff
• statusBar.background#0b0a10
• statusBar.border#ff728c
• statusBar.debuggingBackground#ffa74a
• statusBar.debuggingForeground#0b0a10
• statusBar.foreground#fbf1ee
• statusBar.noFolderBackground#0b0a10
• statusBar.noFolderForeground#fbf1ee
• statusBarItem.hoverBackground#FFFFFF10
• statusBarItem.prominentBackground#ff728c22
• statusBarItem.prominentHoverBackground#ff728c33
• statusBarItem.remoteBackground#ff728c
• statusBarItem.remoteForeground#0b0a10
• tab.activeBackground#0b0a10
• tab.activeBorder#53ffda
• tab.activeBorderTop#ff728c
• tab.activeForeground#fbf1ee
• tab.border#24222d
• tab.hoverBackground#0b0a10
• tab.hoverForeground#fbf1ee
• tab.inactiveBackground#0b0a10
• tab.inactiveForeground#fbf1eeaa
• tab.unfocusedActiveForeground#fbf1ee
• tab.unfocusedInactiveForeground#946E69
• terminal.ansiBlack#0b0a10
• terminal.ansiBlue#53ffda
• terminal.ansiBrightBlack#946E69
• terminal.ansiBrightBlue#AEE9DF
• terminal.ansiBrightCyan#D8F6F0
• terminal.ansiBrightGreen#B8E9B5
• terminal.ansiBrightMagenta#ffbb6e
• terminal.ansiBrightRed#FFAAA2
• terminal.ansiBrightWhite#FFF8F5
• terminal.ansiBrightYellow#F8D689
• terminal.ansiCyan#BFEDE5
• terminal.ansiGreen#94ff8d
• terminal.ansiMagenta#ff728c
• terminal.ansiRed#FF8C82
• terminal.ansiWhite#fbf1ee
• terminal.ansiYellow#F4C06A
• terminal.background#0b0a10
• terminal.border#24222d
• terminal.foreground#fbf1ee
• terminal.selectionBackground#ff728c22
• terminalCursor.background#0b0a10
• terminalCursor.foreground#ee7eff
• textBlockQuote.background#0b0a10
• textBlockQuote.border#FF6FA0
• textCodeBlock.background#0b0a10
• textLink.activeForeground#ffbb6e
• textLink.foreground#ff728c
• textPreformat.foreground#ffea5f
• textSeparator.foreground#24222d
• titleBar.activeBackground#0b0a10
• titleBar.activeForeground#fbf1ee
• titleBar.border#24222d
• titleBar.inactiveBackground#0b0a10
• titleBar.inactiveForeground#fbf1eeaa
• welcomePage.background#0b0a10
• welcomePage.progress.background#24222d
• welcomePage.progress.foreground#ff728c
• window.activeBorder#24222d
• window.inactiveBorder#0b0a10

tokenColors

TextMate scopes and font styles (syntax highlighting rules).