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#1A1F28
• activityBar.border#2A2F38
• activityBar.dropBorder#A06BA0
• activityBar.foreground#F8E5A0
• activityBar.inactiveForeground#8A8F98
• activityBarBadge.background#7B5A78
• activityBarBadge.foreground#F8E5A0
• badge.background#FFE050
• badge.foreground#1A1F28
• button.background#7B5A78
• button.foreground#F8E5A0
• button.hoverBackground#A06BA0
• checkbox.background#2A2F38
• checkbox.border#5A6F8F
• descriptionForeground#D8DDE5
• diffEditor.insertedTextBackground#7BCF7B20
• diffEditor.removedTextBackground#FF7B7B20
• dropdown.background#2A2F38
• dropdown.border#5A6F8F
• dropdown.foreground#F0F3F8
• editor.background#252A33
• editor.findMatchBackground#A06BA080
• editor.findMatchHighlightBackground#A06BA040
• editor.findRangeHighlightBackground#5A6F8F30
• editor.foreground#F0F3F8
• editor.hoverHighlightBackground#5A6F8F40
• editor.inactiveSelectionBackground#3A3F4840
• editor.lineHighlightBackground#2A2F38
• editor.lineHighlightBorder#00000000
• editor.rangeHighlightBackground#3A3F4840
• editor.selectionBackground#5A6F8F60
• editor.selectionHighlightBackground#5A6F8F40
• editor.wordHighlightBackground#7B9C6840
• editor.wordHighlightStrongBackground#7B9C6860
• editorBracketMatch.background#5A6F8F40
• editorBracketMatch.border#A0B8D8
• editorCodeLens.foreground#8A8F98
• editorCursor.foreground#FFE050
• editorError.foreground#FF7B7B
• editorGroup.border#3A3F48
• editorGroup.dropBackground#5A6F8F40
• editorGroupHeader.tabsBackground#1A1F28
• editorGroupHeader.tabsBorder#2A2F38
• editorGutter.addedBackground#7BCF7B
• editorGutter.background#252A33
• editorGutter.deletedBackground#FF7B7B
• editorGutter.modifiedBackground#A0B8D8
• editorHint.foreground#8A8F98
• editorHoverWidget.background#1F242D
• editorHoverWidget.border#5A6F8F
• editorIndentGuide.activeBackground#6A7080
• editorIndentGuide.background#3A3F48
• editorInfo.foreground#A0B8D8
• editorLineNumber.activeForeground#A0B8D8
• editorLineNumber.foreground#6A7080
• editorLink.activeForeground#A0B8D8
• editorOverviewRuler.addedForeground#7BCF7B
• editorOverviewRuler.border#2A2F38
• editorOverviewRuler.deletedForeground#FF7B7B
• editorOverviewRuler.errorForeground#FF7B7B
• editorOverviewRuler.findMatchForeground#A06BA080
• editorOverviewRuler.infoForeground#A0B8D8
• editorOverviewRuler.modifiedForeground#A0B8D8
• editorOverviewRuler.rangeHighlightForeground#5A6F8F80
• editorOverviewRuler.selectionHighlightForeground#7B9C6880
• editorOverviewRuler.warningForeground#FFE050
• editorOverviewRuler.wordHighlightForeground#7B9C6860
• editorOverviewRuler.wordHighlightStrongForeground#7B9C6880
• editorRuler.foreground#3A3F48
• editorSuggestWidget.background#1F242D
• editorSuggestWidget.border#5A6F8F
• editorSuggestWidget.foreground#F0F3F8
• editorSuggestWidget.highlightForeground#FFE050
• editorSuggestWidget.selectedBackground#3A3F48
• editorWarning.foreground#FFE050
• editorWhitespace.foreground#5A6F8F60
• editorWidget.background#1F242D
• editorWidget.border#5A6F8F
• errorForeground#FF7B7B
• focusBorder#A06BA0
• foreground#F0F3F8
• gitDecoration.conflictingResourceForeground#FFE050
• gitDecoration.deletedResourceForeground#FF7B7B
• gitDecoration.ignoredResourceForeground#6A7080
• gitDecoration.modifiedResourceForeground#A0B8D8
• gitDecoration.untrackedResourceForeground#7BCF7B
• input.background#2A2F38
• input.border#5A6F8F
• input.foreground#F0F3F8
• input.placeholderForeground#8A8F98
• inputOption.activeBorder#A06BA0
• inputValidation.errorBackground#3D2528
• inputValidation.errorBorder#FF7B7B
• list.activeSelectionBackground#5A3058
• list.activeSelectionForeground#F8E5A0
• list.dropBackground#2A2F3880
• list.focusBackground#3A3F48
• list.focusForeground#F0F3F8
• list.highlightForeground#FFE050
• list.hoverBackground#3A3F48
• list.hoverForeground#F0F3F8
• list.inactiveSelectionBackground#3A3F48
• list.inactiveSelectionForeground#D8DDE5
• menu.background#1F242D
• menu.foreground#F0F3F8
• menu.selectionBackground#3A3F48
• menu.selectionForeground#F8E5A0
• menu.separatorBackground#5A6F8F
• menubar.selectionBackground#3A3F48
• menubar.selectionBorder#5A6F8F
• menubar.selectionForeground#F8E5A0
• merge.border#5A6F8F
• merge.currentContentBackground#7BCF7B20
• merge.currentHeaderBackground#7BCF7B40
• merge.incomingContentBackground#A0B8D820
• merge.incomingHeaderBackground#A0B8D840
• minimap.background#1F242D
• minimap.errorHighlight#FF7B7B
• minimap.findMatchHighlight#FFE05080
• minimap.selectionHighlight#7B9C6880
• notificationCenter.border#5A6F8F
• notificationCenterHeader.background#1F242D
• notificationCenterHeader.foreground#F0F3F8
• notificationLink.foreground#A0B8D8
• notifications.background#1F242D
• notifications.border#5A6F8F
• notifications.foreground#F0F3F8
• notificationToast.border#5A6F8F
• panel.background#1A1F28
• panel.border#2A2F38
• panelTitle.activeBorder#A06BA0
• panelTitle.activeForeground#F8E5A0
• panelTitle.inactiveForeground#8A8F98
• peekView.border#A06BA0
• peekViewEditor.background#1F242D
• peekViewEditor.matchHighlightBackground#A06BA040
• peekViewEditorGutter.background#1A1F28
• peekViewResult.background#1A1F28
• peekViewResult.fileForeground#F0F3F8
• peekViewResult.lineForeground#D8DDE5
• peekViewResult.matchHighlightBackground#A06BA060
• peekViewResult.selectionBackground#3A3F48
• peekViewResult.selectionForeground#F8E5A0
• peekViewTitle.background#1A1F28
• peekViewTitleDescription.foreground#8A8F98
• peekViewTitleLabel.foreground#F8E5A0
• progressBar.background#FFE050
• scrollbar.shadow#1A1F28
• scrollbarSlider.activeBackground#A0B8D8C0
• scrollbarSlider.background#5A6F8F80
• scrollbarSlider.hoverBackground#7B9CC8A0
• sideBar.background#1F242D
• sideBar.border#2A2F38
• sideBar.foreground#D8DDE5
• sideBarSectionHeader.background#2A2F38
• sideBarSectionHeader.border#3A3F48
• sideBarSectionHeader.foreground#F0F3F8
• sideBarTitle.foreground#F8E5A0
• statusBar.background#1A1F28
• statusBar.border#2A2F38
• statusBar.debuggingBackground#7B5A78
• statusBar.debuggingForeground#F8E5A0
• statusBar.foreground#D8DDE5
• statusBar.noFolderBackground#1A1F28
• statusBar.noFolderForeground#D8DDE5
• statusBarItem.activeBackground#3A3F48
• statusBarItem.hoverBackground#2A2F38
• statusBarItem.prominentBackground#7B5A78
• statusBarItem.prominentHoverBackground#A06BA0
• tab.activeBackground#252A33
• tab.activeBorder#A06BA0
• tab.activeForeground#F8E5A0
• tab.border#2A2F38
• tab.hoverBackground#252A33
• tab.hoverForeground#F0F3F8
• tab.inactiveBackground#1A1F28
• tab.inactiveForeground#8A8F98
• tab.unfocusedActiveBorder#5A6F8F
• tab.unfocusedActiveForeground#D8DDE5
• tab.unfocusedInactiveForeground#7A7F88
• terminal.ansiBlack#1A1F28
• terminal.ansiBlue#7B9CC8
• terminal.ansiBrightBlack#6A7080
• terminal.ansiBrightBlue#A0B8D8
• terminal.ansiBrightCyan#7BD1CF
• terminal.ansiBrightGreen#A0D080
• terminal.ansiBrightMagenta#A06BA0
• terminal.ansiBrightRed#FF7B7B
• terminal.ansiBrightWhite#F8E5A0
• terminal.ansiBrightYellow#FFD84D
• terminal.ansiCyan#5AAFAD
• terminal.ansiGreen#7BCF7B
• terminal.ansiMagenta#7B5A78
• terminal.ansiRed#F65A5A
• terminal.ansiWhite#D8DDE5
• terminal.ansiYellow#FFE050
• terminal.background#1A1F28
• terminal.foreground#F0F3F8
• terminal.selectionBackground#5A6F8F60
• textBlockQuote.background#2A2F38
• textCodeBlock.background#2A2F38
• textLink.activeForeground#8FA8C8
• textLink.foreground#A0B8D8
• textPreformat.foreground#FFE050
• textSeparator.foreground#5A6F8F
• titleBar.activeBackground#1A1F28
• titleBar.activeForeground#F0F3F8
• titleBar.border#2A2F38
• titleBar.inactiveBackground#1A1F28
• titleBar.inactiveForeground#8A8F98

tokenColors

TextMate scopes and font styles (syntax highlighting rules).