No Pixie theme

Color themes

• 

  No Pixie Blue Dark

• 

  No Pixie Blue Light

• 

  No Pixie Dark

• 

  No Pixie Dark High Contrast

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#000000
• activityBar.border#303030
• activityBar.dropBorder#D080D0
• activityBar.foreground#FFFFFF
• activityBar.inactiveForeground#A0A0A0
• activityBarBadge.background#A040A0
• activityBarBadge.foreground#FFFFFF
• badge.background#FFFF00
• badge.foreground#000000
• button.background#A040A0
• button.foreground#FFFFFF
• button.hoverBackground#D060D0
• checkbox.background#181818
• checkbox.border#A0A0A0
• descriptionForeground#F0F0F0
• diffEditor.insertedTextBackground#00FF0030
• diffEditor.removedTextBackground#FF444430
• dropdown.background#181818
• dropdown.border#A0A0A0
• dropdown.foreground#FFFFFF
• editor.background#101010
• editor.findMatchBackground#A040A0
• editor.findMatchHighlightBackground#803080
• editor.findRangeHighlightBackground#404040
• editor.foreground#FFFFFF
• editor.hoverHighlightBackground#404040
• editor.inactiveSelectionBackground#003060
• editor.lineHighlightBackground#181818
• editor.lineHighlightBorder#303030
• editor.rangeHighlightBackground#303030
• editor.selectionBackground#0060B0
• editor.selectionHighlightBackground#004080
• editor.wordHighlightBackground#006040
• editor.wordHighlightStrongBackground#008060
• editorBracketMatch.background#606060
• editorBracketMatch.border#FFFF00
• editorCodeLens.foreground#A0A0A0
• editorCursor.foreground#FFFF00
• editorError.foreground#FF4444
• editorGroup.border#404040
• editorGroup.dropBackground#606060
• editorGroupHeader.tabsBackground#000000
• editorGroupHeader.tabsBorder#303030
• editorGutter.addedBackground#00FF00
• editorGutter.background#101010
• editorGutter.deletedBackground#FF4444
• editorGutter.modifiedBackground#80C8FF
• editorHint.foreground#A0A0A0
• editorHoverWidget.background#0A0A0A
• editorHoverWidget.border#A0A0A0
• editorIndentGuide.activeBackground#808080
• editorIndentGuide.background#404040
• editorInfo.foreground#80C8FF
• editorLineNumber.activeForeground#FFFFFF
• editorLineNumber.foreground#808080
• editorLink.activeForeground#80C8FF
• editorOverviewRuler.addedForeground#00FF00
• editorOverviewRuler.border#303030
• editorOverviewRuler.deletedForeground#FF4444
• editorOverviewRuler.errorForeground#FF4444
• editorOverviewRuler.findMatchForeground#A040A0
• editorOverviewRuler.infoForeground#80C8FF
• editorOverviewRuler.modifiedForeground#80C8FF
• editorOverviewRuler.rangeHighlightForeground#808080
• editorOverviewRuler.selectionHighlightForeground#0080FF
• editorOverviewRuler.warningForeground#FFFF00
• editorOverviewRuler.wordHighlightForeground#00FF80
• editorOverviewRuler.wordHighlightStrongForeground#00FFA0
• editorRuler.foreground#404040
• editorSuggestWidget.background#0A0A0A
• editorSuggestWidget.border#A0A0A0
• editorSuggestWidget.foreground#FFFFFF
• editorSuggestWidget.highlightForeground#FFFF00
• editorSuggestWidget.selectedBackground#404040
• editorWarning.foreground#FFFF00
• editorWhitespace.foreground#606060
• editorWidget.background#0A0A0A
• editorWidget.border#A0A0A0
• errorForeground#FF4444
• focusBorder#D080D0
• foreground#FFFFFF
• gitDecoration.conflictingResourceForeground#FFFF00
• gitDecoration.deletedResourceForeground#FF4444
• gitDecoration.ignoredResourceForeground#808080
• gitDecoration.modifiedResourceForeground#80C8FF
• gitDecoration.untrackedResourceForeground#00FF00
• input.background#181818
• input.border#A0A0A0
• input.foreground#FFFFFF
• input.placeholderForeground#A0A0A0
• inputOption.activeBorder#D080D0
• inputValidation.errorBackground#400000
• inputValidation.errorBorder#FF4444
• list.activeSelectionBackground#A040A0
• list.activeSelectionForeground#FFFFFF
• list.dropBackground#303030
• list.focusBackground#404040
• list.focusForeground#FFFFFF
• list.highlightForeground#FFFF00
• list.hoverBackground#303030
• list.hoverForeground#FFFFFF
• list.inactiveSelectionBackground#404040
• list.inactiveSelectionForeground#F0F0F0
• menu.background#0A0A0A
• menu.foreground#FFFFFF
• menu.selectionBackground#404040
• menu.selectionForeground#FFFFFF
• menu.separatorBackground#A0A0A0
• menubar.selectionBackground#404040
• menubar.selectionBorder#A0A0A0
• menubar.selectionForeground#FFFFFF
• merge.border#A0A0A0
• merge.currentContentBackground#00FF0030
• merge.currentHeaderBackground#00FF0060
• merge.incomingContentBackground#80C8FF30
• merge.incomingHeaderBackground#80C8FF60
• minimap.background#0A0A0A
• minimap.errorHighlight#FF4444
• minimap.findMatchHighlight#FFFF00
• minimap.selectionHighlight#80FF80
• notificationCenter.border#A0A0A0
• notificationCenterHeader.background#0A0A0A
• notificationCenterHeader.foreground#FFFFFF
• notificationLink.foreground#80C8FF
• notifications.background#0A0A0A
• notifications.border#A0A0A0
• notifications.foreground#FFFFFF
• notificationToast.border#A0A0A0
• panel.background#000000
• panel.border#303030
• panelTitle.activeBorder#D080D0
• panelTitle.activeForeground#FFFFFF
• panelTitle.inactiveForeground#A0A0A0
• peekView.border#D080D0
• peekViewEditor.background#0A0A0A
• peekViewEditor.matchHighlightBackground#A040A080
• peekViewEditorGutter.background#000000
• peekViewResult.background#000000
• peekViewResult.fileForeground#FFFFFF
• peekViewResult.lineForeground#F0F0F0
• peekViewResult.matchHighlightBackground#A040A0
• peekViewResult.selectionBackground#404040
• peekViewResult.selectionForeground#FFFFFF
• peekViewTitle.background#000000
• peekViewTitleDescription.foreground#A0A0A0
• peekViewTitleLabel.foreground#FFFFFF
• progressBar.background#FFFF00
• scrollbar.shadow#000000
• scrollbarSlider.activeBackground#C0C0C0
• scrollbarSlider.background#808080
• scrollbarSlider.hoverBackground#A0A0A0
• sideBar.background#0A0A0A
• sideBar.border#303030
• sideBar.foreground#F0F0F0
• sideBarSectionHeader.background#181818
• sideBarSectionHeader.border#404040
• sideBarSectionHeader.foreground#FFFFFF
• sideBarTitle.foreground#FFFFFF
• statusBar.background#000000
• statusBar.border#303030
• statusBar.debuggingBackground#A040A0
• statusBar.debuggingForeground#FFFFFF
• statusBar.foreground#F0F0F0
• statusBar.noFolderBackground#000000
• statusBar.noFolderForeground#F0F0F0
• statusBarItem.activeBackground#404040
• statusBarItem.hoverBackground#303030
• statusBarItem.prominentBackground#A040A0
• statusBarItem.prominentHoverBackground#D060D0
• tab.activeBackground#101010
• tab.activeBorder#D080D0
• tab.activeForeground#FFFFFF
• tab.border#303030
• tab.hoverBackground#181818
• tab.hoverForeground#FFFFFF
• tab.inactiveBackground#000000
• tab.inactiveForeground#A0A0A0
• tab.unfocusedActiveBorder#808080
• tab.unfocusedActiveForeground#F0F0F0
• tab.unfocusedInactiveForeground#808080
• terminal.ansiBlack#000000
• terminal.ansiBlue#4080FF
• terminal.ansiBrightBlack#808080
• terminal.ansiBrightBlue#80C8FF
• terminal.ansiBrightCyan#00FFFF
• terminal.ansiBrightGreen#00FF00
• terminal.ansiBrightMagenta#FF00FF
• terminal.ansiBrightRed#FF4444
• terminal.ansiBrightWhite#FFFFFF
• terminal.ansiBrightYellow#FFFF00
• terminal.ansiCyan#00C0C0
• terminal.ansiGreen#00C000
• terminal.ansiMagenta#C000C0
• terminal.ansiRed#C00000
• terminal.ansiWhite#C0C0C0
• terminal.ansiYellow#C0C000
• terminal.background#000000
• terminal.foreground#FFFFFF
• terminal.selectionBackground#0060B0
• textBlockQuote.background#181818
• textCodeBlock.background#181818
• textLink.activeForeground#60B0FF
• textLink.foreground#80C8FF
• textPreformat.foreground#FFFF00
• textSeparator.foreground#808080
• titleBar.activeBackground#000000
• titleBar.activeForeground#FFFFFF
• titleBar.border#303030
• titleBar.inactiveBackground#000000
• titleBar.inactiveForeground#A0A0A0

tokenColors

TextMate scopes and font styles (syntax highlighting rules).