No Pixie theme

Color themes

• 

  No Pixie Light

• 

  No Pixie Light High Contrast

• 

  No Pixie Yellow Dark

• 

  No Pixie Yellow Light

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.background#F8F8F8
• activityBar.border#D0D0D0
• activityBar.dropBorder#C000C0
• activityBar.foreground#000000
• activityBar.inactiveForeground#808080
• activityBarBadge.background#C000C0
• activityBarBadge.foreground#FFFFFF
• badge.background#C000C0
• badge.foreground#FFFFFF
• button.background#C000C0
• button.foreground#FFFFFF
• button.hoverBackground#A000A0
• checkbox.background#FFFFFF
• checkbox.border#808080
• descriptionForeground#202020
• diffEditor.insertedTextBackground#00FF0030
• diffEditor.removedTextBackground#FF000030
• dropdown.background#FFFFFF
• dropdown.border#808080
• dropdown.foreground#000000
• editor.background#FFFFFF
• editor.findMatchBackground#FF80FF
• editor.findMatchHighlightBackground#FFC0FF
• editor.findRangeHighlightBackground#E0E0E0
• editor.foreground#000000
• editor.hoverHighlightBackground#E0E0E0
• editor.inactiveSelectionBackground#D0E8FF
• editor.lineHighlightBackground#F8F8F8
• editor.lineHighlightBorder#E0E0E0
• editor.rangeHighlightBackground#F0F0F0
• editor.selectionBackground#80C0FF
• editor.selectionHighlightBackground#C0E0FF
• editor.wordHighlightBackground#FFFF80
• editor.wordHighlightStrongBackground#FFFF00
• editorBracketMatch.background#E0E0E0
• editorBracketMatch.border#000000
• editorCodeLens.foreground#808080
• editorCursor.foreground#000000
• editorError.foreground#C00000
• editorGroup.border#C0C0C0
• editorGroup.dropBackground#D0D0D0
• editorGroupHeader.tabsBackground#F8F8F8
• editorGroupHeader.tabsBorder#D0D0D0
• editorGutter.addedBackground#00C000
• editorGutter.background#FFFFFF
• editorGutter.deletedBackground#FF0000
• editorGutter.modifiedBackground#0060FF
• editorHint.foreground#606060
• editorHoverWidget.background#F8F8F8
• editorHoverWidget.border#808080
• editorIndentGuide.activeBackground#808080
• editorIndentGuide.background#D0D0D0
• editorInfo.foreground#0040C0
• editorLineNumber.activeForeground#000000
• editorLineNumber.foreground#808080
• editorLink.activeForeground#0040C0
• editorOverviewRuler.addedForeground#00C000
• editorOverviewRuler.border#D0D0D0
• editorOverviewRuler.deletedForeground#FF0000
• editorOverviewRuler.errorForeground#FF0000
• editorOverviewRuler.findMatchForeground#C000C0
• editorOverviewRuler.infoForeground#0060FF
• editorOverviewRuler.modifiedForeground#0060FF
• editorOverviewRuler.rangeHighlightForeground#808080
• editorOverviewRuler.selectionHighlightForeground#00A0FF
• editorOverviewRuler.warningForeground#FF8000
• editorOverviewRuler.wordHighlightForeground#C0C000
• editorOverviewRuler.wordHighlightStrongForeground#A0A000
• editorRuler.foreground#D0D0D0
• editorSuggestWidget.background#F8F8F8
• editorSuggestWidget.border#808080
• editorSuggestWidget.foreground#000000
• editorSuggestWidget.highlightForeground#C000C0
• editorSuggestWidget.selectedBackground#C000C0
• editorSuggestWidget.selectedForeground#FFFFFF
• editorWarning.foreground#FF8000
• editorWhitespace.foreground#D0D0D0
• editorWidget.background#F8F8F8
• editorWidget.border#808080
• errorForeground#C00000
• focusBorder#C000C0
• foreground#000000
• gitDecoration.conflictingResourceForeground#FF8000
• gitDecoration.deletedResourceForeground#C00000
• gitDecoration.ignoredResourceForeground#808080
• gitDecoration.modifiedResourceForeground#0040C0
• gitDecoration.untrackedResourceForeground#008000
• input.background#FFFFFF
• input.border#808080
• input.foreground#000000
• input.placeholderForeground#808080
• inputOption.activeBorder#C000C0
• inputValidation.errorBackground#FFE0E0
• inputValidation.errorBorder#C00000
• list.activeSelectionBackground#C000C0
• list.activeSelectionForeground#FFFFFF
• list.dropBackground#E0E0E0
• list.focusBackground#E8E8E8
• list.focusForeground#000000
• list.highlightForeground#C000C0
• list.hoverBackground#F0F0F0
• list.hoverForeground#000000
• list.inactiveSelectionBackground#E0E0E0
• list.inactiveSelectionForeground#202020
• menu.background#F8F8F8
• menu.foreground#000000
• menu.selectionBackground#C000C0
• menu.selectionForeground#FFFFFF
• menu.separatorBackground#808080
• menubar.selectionBackground#E0E0E0
• menubar.selectionBorder#808080
• menubar.selectionForeground#000000
• merge.border#808080
• merge.currentContentBackground#00FF0030
• merge.currentHeaderBackground#00C00060
• merge.incomingContentBackground#80C0FF30
• merge.incomingHeaderBackground#0060FF60
• minimap.background#FAFAFA
• minimap.errorHighlight#FF0000
• minimap.findMatchHighlight#FFFF00
• minimap.selectionHighlight#00C0FF
• notificationCenter.border#808080
• notificationCenterHeader.background#F8F8F8
• notificationCenterHeader.foreground#000000
• notificationLink.foreground#0040C0
• notifications.background#F8F8F8
• notifications.border#808080
• notifications.foreground#000000
• notificationToast.border#808080
• panel.background#F8F8F8
• panel.border#D0D0D0
• panelTitle.activeBorder#C000C0
• panelTitle.activeForeground#000000
• panelTitle.inactiveForeground#808080
• peekView.border#C000C0
• peekViewEditor.background#F8F8F8
• peekViewEditor.matchHighlightBackground#FF80FF80
• peekViewEditorGutter.background#F0F0F0
• peekViewResult.background#F0F0F0
• peekViewResult.fileForeground#000000
• peekViewResult.lineForeground#202020
• peekViewResult.matchHighlightBackground#FF80FF
• peekViewResult.selectionBackground#C000C0
• peekViewResult.selectionForeground#FFFFFF
• peekViewTitle.background#F0F0F0
• peekViewTitleDescription.foreground#606060
• peekViewTitleLabel.foreground#000000
• progressBar.background#C000C0
• scrollbar.shadow#00000020
• scrollbarSlider.activeBackground#404040
• scrollbarSlider.background#808080
• scrollbarSlider.hoverBackground#606060
• sideBar.background#FAFAFA
• sideBar.border#D0D0D0
• sideBar.foreground#202020
• sideBarSectionHeader.background#F0F0F0
• sideBarSectionHeader.border#C0C0C0
• sideBarSectionHeader.foreground#000000
• sideBarTitle.foreground#000000
• statusBar.background#F8F8F8
• statusBar.border#D0D0D0
• statusBar.debuggingBackground#C000C0
• statusBar.debuggingForeground#FFFFFF
• statusBar.foreground#202020
• statusBar.noFolderBackground#F8F8F8
• statusBar.noFolderForeground#202020
• statusBarItem.activeBackground#C000C0
• statusBarItem.activeForeground#FFFFFF
• statusBarItem.hoverBackground#E0E0E0
• statusBarItem.prominentBackground#C000C0
• statusBarItem.prominentForeground#FFFFFF
• statusBarItem.prominentHoverBackground#A000A0
• tab.activeBackground#FFFFFF
• tab.activeBorder#C000C0
• tab.activeForeground#000000
• tab.border#D0D0D0
• tab.hoverBackground#FFFFFF
• tab.hoverForeground#000000
• tab.inactiveBackground#F8F8F8
• tab.inactiveForeground#808080
• tab.unfocusedActiveBorder#808080
• tab.unfocusedActiveForeground#202020
• tab.unfocusedInactiveForeground#A0A0A0
• terminal.ansiBlack#000000
• terminal.ansiBlue#0000C0
• terminal.ansiBrightBlack#808080
• terminal.ansiBrightBlue#0060FF
• terminal.ansiBrightCyan#00C0C0
• terminal.ansiBrightGreen#00C000
• terminal.ansiBrightMagenta#C000C0
• terminal.ansiBrightRed#FF0000
• terminal.ansiBrightWhite#FFFFFF
• terminal.ansiBrightYellow#C0C000
• terminal.ansiCyan#008080
• terminal.ansiGreen#008000
• terminal.ansiMagenta#800080
• terminal.ansiRed#C00000
• terminal.ansiWhite#C0C0C0
• terminal.ansiYellow#808000
• terminal.background#FFFFFF
• terminal.foreground#000000
• terminal.selectionBackground#80C0FF
• textBlockQuote.background#F0F0F0
• textCodeBlock.background#F0F0F0
• textLink.activeForeground#0060FF
• textLink.foreground#0040C0
• textPreformat.foreground#804000
• textSeparator.foreground#808080
• titleBar.activeBackground#F0D8F0
• titleBar.activeForeground#000000
• titleBar.border#E0C8E0
• titleBar.inactiveBackground#F8E8F8
• titleBar.inactiveForeground#404040

tokenColors

TextMate scopes and font styles (syntax highlighting rules).