Pink Pixel Fruity Themes

Color themes

• 

  Pink Pixel Strawberry Milk

• 

  Pink Pixel Watermelon Punch

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#ff6394
• activityBar.background#19161D
• activityBar.border#3B3141
• activityBar.foreground#F7B3C8
• activityBar.inactiveForeground#F8EEF2aa
• activityBarBadge.background#f289ae
• activityBarBadge.foreground#19161D
• badge.background#f289ae
• badge.foreground#19161D
• breadcrumb.activeSelectionForeground#fdccdb
• breadcrumb.background#19161D
• breadcrumb.focusForeground#F7B3C8
• breadcrumb.foreground#F8EEF2aa
• breadcrumbPicker.background#2A232E
• button.background#f289ae
• button.foreground#19161D
• button.hoverBackground#F7B3C8
• button.secondaryBackground#3B3141
• button.secondaryForeground#F8EEF2
• button.secondaryHoverBackground#4A3C50
• checkbox.background#2A232E
• checkbox.border#3B3141
• checkbox.foreground#F7B3C8
• debugToolBar.background#2A232E
• descriptionForeground#F8EEF2aa
• diffEditor.insertedLineBackground#8BD3B112
• diffEditor.insertedTextBackground#8BD3B122
• diffEditor.removedLineBackground#C06C8412
• diffEditor.removedTextBackground#C06C8422
• disabledForeground#F8EEF288
• dropdown.background#19161D
• dropdown.border#3B3141
• dropdown.foreground#F8EEF2
• dropdown.listBackground#19161D
• editor.background#211C24
• editor.findMatchBackground#E9C46A44
• editor.findMatchBorder#E9C46A
• editor.findMatchHighlightBackground#E9C46A22
• editor.findMatchHighlightBorder#E9C46A55
• editor.foreground#F8EEF2
• editor.hoverHighlightBackground#FFFFFF08
• editor.inactiveSelectionBackground#F7B3C822
• editor.lineHighlightBackground#FFFFFF06
• editor.lineHighlightBorder#00000000
• editor.rangeHighlightBackground#fdccdb10
• editor.rangeHighlightBorder#fdccdb22
• editor.selectionBackground#F7B3C833
• editor.selectionForeground#F8EEF2
• editor.selectionHighlightBackground#F7B3C818
• editor.selectionHighlightBorder#F7B3C833
• editor.wordHighlightBackground#fdccdb14
• editor.wordHighlightBorder#fdccdb33
• editor.wordHighlightStrongBackground#f289ae18
• editor.wordHighlightStrongBorder#f289ae44
• editorBracketMatch.background#fdccdb14
• editorBracketMatch.border#fdccdb55
• editorCodeLens.foreground#F8EEF2aa
• editorCursor.background#211C24
• editorCursor.foreground#F7B3C8
• editorError.foreground#C06C84
• editorGroup.border#3B3141
• editorGroup.dropBackground#f289ae22
• editorGroup.emptyBackground#211C24
• editorGroupHeader.tabsBackground#19161D
• editorGroupHeader.tabsBorder#3B3141
• editorGutter.addedBackground#8BD3B1
• editorGutter.background#211C24
• editorGutter.deletedBackground#C06C84
• editorGutter.modifiedBackground#89A7E0
• editorHint.foreground#8BD3B1
• editorIndentGuide.activeBackground1#f289ae66
• editorIndentGuide.background1#3B3141
• editorInfo.foreground#89A7E0
• editorLineNumber.activeForeground#F7B3C8
• editorLineNumber.foreground#F8EEF2aa
• editorOverviewRuler.addedForeground#8BD3B1
• editorOverviewRuler.border#00000000
• editorOverviewRuler.bracketMatchForeground#fdccdb
• editorOverviewRuler.deletedForeground#C06C84
• editorOverviewRuler.errorForeground#C06C84
• editorOverviewRuler.findMatchForeground#E9C46Aaa
• editorOverviewRuler.infoForeground#89A7E0
• editorOverviewRuler.modifiedForeground#89A7E0
• editorOverviewRuler.rangeHighlightForeground#fdccdbaa
• editorOverviewRuler.selectionHighlightForeground#F7B3C888
• editorOverviewRuler.warningForeground#E9C46A
• editorOverviewRuler.wordHighlightForeground#fdccdb66
• editorOverviewRuler.wordHighlightStrongForeground#f289ae88
• editorRuler.foreground#3B3141
• editorSuggestWidget.background#2A232E
• editorSuggestWidget.border#3B3141
• editorSuggestWidget.foreground#F8EEF2
• editorSuggestWidget.highlightForeground#F7B3C8
• editorSuggestWidget.selectedBackground#F7B3C822
• editorWarning.foreground#E9C46A
• editorWhitespace.foreground#695663
• editorWidget.background#2A232E
• editorWidget.border#3B3141
• errorForeground#C06C84
• focusBorder#F7B3C8
• foreground#F8EEF2
• gitDecoration.addedResourceForeground#8BD3B1
• gitDecoration.conflictingResourceForeground#f289ae
• gitDecoration.deletedResourceForeground#C06C84
• gitDecoration.ignoredResourceForeground#8E7382
• gitDecoration.modifiedResourceForeground#E9C46A
• gitDecoration.submoduleResourceForeground#F8EEF2aa
• gitDecoration.untrackedResourceForeground#A8E6D1
• icon.foreground#F7B3C8
• input.background#19161D
• input.border#3B3141
• input.foreground#F8EEF2
• input.placeholderForeground#F8EEF2aa
• inputOption.activeBackground#F7B3C822
• inputOption.activeBorder#F7B3C8
• inputOption.activeForeground#fdccdb
• inputValidation.errorBackground#C06C8422
• inputValidation.errorBorder#C06C84
• inputValidation.infoBackground#89A7E022
• inputValidation.infoBorder#89A7E0
• inputValidation.warningBackground#E9C46A22
• inputValidation.warningBorder#E9C46A
• list.activeSelectionBackground#f289ae22
• list.activeSelectionForeground#ff6394
• list.dropBackground#f289ae33
• list.errorForeground#C06C84
• list.focusBackground#F7B3C822
• list.focusForeground#F8EEF2
• list.highlightForeground#fdccdb
• list.hoverBackground#FFFFFF08
• list.hoverForeground#F8EEF2
• list.inactiveSelectionBackground#F7B3C818
• list.inactiveSelectionForeground#F8EEF2aa
• list.warningForeground#E9C46A
• menu.background#19161D
• menu.border#3B3141
• menu.foreground#F8EEF2
• menu.selectionBackground#F7B3C822
• menu.selectionForeground#F8EEF2
• menu.separatorBackground#3B3141
• minimap.background#211C24
• minimap.errorHighlight#C06C84
• minimap.findMatchHighlight#E9C46A55
• minimap.selectionHighlight#F7B3C833
• minimap.warningHighlight#E9C46A
• notificationCenter.border#3B3141
• notificationCenterHeader.background#19161D
• notificationCenterHeader.foreground#F7B3C8
• notificationLink.foreground#F7B3C8
• notifications.background#2A232E
• notifications.border#3B3141
• notifications.foreground#F8EEF2
• panel.background#19161D
• panel.border#ff6394
• panelInput.border#3B3141
• panelTitle.activeBorder#ff6394
• panelTitle.activeForeground#F7B3C8
• panelTitle.inactiveForeground#F8EEF2aa
• peekView.border#3B3141
• peekViewEditor.background#211C24
• peekViewEditor.matchHighlightBackground#E9C46A22
• peekViewResult.background#2A232E
• peekViewResult.fileForeground#F8EEF2
• peekViewResult.lineForeground#F8EEF2aa
• peekViewResult.matchHighlightBackground#F7B3C822
• peekViewResult.selectionBackground#f289ae22
• peekViewResult.selectionForeground#F8EEF2
• peekViewTitle.background#19161D
• peekViewTitleDescription.foreground#F8EEF2aa
• peekViewTitleLabel.foreground#F7B3C8
• pickerGroup.border#3B3141
• pickerGroup.foreground#F7B3C8
• progressBar.background#f289ae
• quickInput.background#2A232E
• quickInput.foreground#F8EEF2
• quickInputList.focusBackground#F7B3C822
• quickInputList.focusForeground#F8EEF2
• scrollbar.shadow#00000040
• scrollbarSlider.activeBackground#F7B3C866
• scrollbarSlider.background#F8EEF244
• scrollbarSlider.hoverBackground#F8EEF266
• settings.checkboxBackground#2A232E
• settings.checkboxBorder#3B3141
• settings.checkboxForeground#F7B3C8
• settings.dropdownBackground#2A232E
• settings.dropdownBorder#3B3141
• settings.dropdownForeground#F8EEF2
• settings.headerForeground#F7B3C8
• settings.modifiedItemIndicator#E9C46A
• settings.numberInputBackground#2A232E
• settings.numberInputBorder#3B3141
• settings.numberInputForeground#F8EEF2
• settings.textInputBackground#2A232E
• settings.textInputBorder#3B3141
• settings.textInputForeground#F8EEF2
• sideBar.background#211C24
• sideBar.border#3B3141
• sideBar.dropBackground#f289ae22
• sideBar.foreground#F8EEF2aa
• sideBarSectionHeader.background#2A232E
• sideBarSectionHeader.border#3B3141
• sideBarSectionHeader.foreground#F7B3C8
• sideBarTitle.foreground#ff6394
• statusBar.background#19161D
• statusBar.border#f289ae
• statusBar.debuggingBackground#E9C46A
• statusBar.debuggingForeground#19161D
• statusBar.foreground#F8EEF2
• statusBar.noFolderBackground#19161D
• statusBar.noFolderForeground#F8EEF2
• statusBarItem.hoverBackground#FFFFFF10
• statusBarItem.prominentBackground#f289ae22
• statusBarItem.prominentHoverBackground#f289ae33
• statusBarItem.remoteBackground#f289ae
• statusBarItem.remoteForeground#19161D
• tab.activeBackground#211C24
• tab.activeBorder#ff6394
• tab.activeBorderTop#f289ae
• tab.activeForeground#fdccdb
• tab.border#3B3141
• tab.hoverBackground#2A232E
• tab.hoverForeground#F8EEF2
• tab.inactiveBackground#19161D
• tab.inactiveForeground#F8EEF2aa
• tab.unfocusedActiveForeground#F8EEF2aa
• tab.unfocusedInactiveForeground#8E7382
• terminal.ansiBlack#211C24
• terminal.ansiBlue#89A7E0
• terminal.ansiBrightBlack#8E7382
• terminal.ansiBrightBlue#AFC5EE
• terminal.ansiBrightCyan#C5F2E5
• terminal.ansiBrightGreen#A6E7C9
• terminal.ansiBrightMagenta#F7B3C8
• terminal.ansiBrightRed#f289ae
• terminal.ansiBrightWhite#FFF7FA
• terminal.ansiBrightYellow#F3D57E
• terminal.ansiCyan#A8E6D1
• terminal.ansiGreen#8BD3B1
• terminal.ansiMagenta#f289ae
• terminal.ansiRed#C06C84
• terminal.ansiWhite#F8EEF2
• terminal.ansiYellow#E9C46A
• terminal.background#211C24
• terminal.border#3B3141
• terminal.foreground#F8EEF2
• terminal.selectionBackground#F7B3C822
• terminalCursor.background#211C24
• terminalCursor.foreground#F7B3C8
• textBlockQuote.background#2A232E
• textBlockQuote.border#f289ae
• textCodeBlock.background#2A232E
• textLink.activeForeground#fdccdb
• textLink.foreground#F7B3C8
• textPreformat.foreground#fdccdb
• textSeparator.foreground#3B3141
• titleBar.activeBackground#19161D
• titleBar.activeForeground#F8EEF2
• titleBar.border#f289ae
• titleBar.inactiveBackground#211C24
• titleBar.inactiveForeground#F8EEF2aa
• welcomePage.background#211C24
• welcomePage.progress.background#3B3141
• welcomePage.progress.foreground#f289ae
• window.activeBorder#3B3141
• window.inactiveBorder#211C24

tokenColors

TextMate scopes and font styles (syntax highlighting rules).