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#ECEEF1
• activityBar.border#D8DDE5
• activityBar.dropBorder#7B4968
• activityBar.foreground#7B4968
• activityBar.inactiveForeground#8A8F98
• activityBarBadge.background#7B4968
• activityBarBadge.foreground#F8E5A0
• badge.background#7B4968
• badge.foreground#FFFFFF
• button.background#7B4968
• button.foreground#F8E5A0
• button.hoverBackground#9B5988
• checkbox.background#FFFFFF
• checkbox.border#B8BDC5
• descriptionForeground#4A4F58
• diffEditor.insertedTextBackground#3A8A3A20
• diffEditor.removedTextBackground#C42A2A20
• dropdown.background#FFFFFF
• dropdown.border#B8BDC5
• dropdown.foreground#2A2F38
• editor.background#FFFFFF
• editor.findMatchBackground#D8C8E080
• editor.findMatchHighlightBackground#D8C8E040
• editor.findRangeHighlightBackground#C8D0E030
• editor.foreground#2A2F38
• editor.hoverHighlightBackground#C8D0E040
• editor.inactiveSelectionBackground#D8E0E840
• editor.lineHighlightBackground#F5F6F8
• editor.lineHighlightBorder#00000000
• editor.rangeHighlightBackground#E8EBF040
• editor.selectionBackground#C8D0E060
• editor.selectionHighlightBackground#C8D0E040
• editor.wordHighlightBackground#E4D8A840
• editor.wordHighlightStrongBackground#E4D8A860
• editorBracketMatch.background#C8D0E040
• editorBracketMatch.border#5A7CA8
• editorCodeLens.foreground#8A8F98
• editorCursor.foreground#7B4968
• editorError.foreground#C42A2A
• editorGroup.border#D8DDE5
• editorGroup.dropBackground#C8D0E040
• editorGroupHeader.tabsBackground#ECEEF1
• editorGroupHeader.tabsBorder#D8DDE5
• editorGutter.addedBackground#3A8A3A
• editorGutter.background#FFFFFF
• editorGutter.deletedBackground#C42A2A
• editorGutter.modifiedBackground#5A7CA8
• editorHint.foreground#6A6F78
• editorHoverWidget.background#ECEEF1
• editorHoverWidget.border#B8BDC5
• editorIndentGuide.activeBackground#B8BDC5
• editorIndentGuide.background#D8DDE5
• editorInfo.foreground#3A4F6F
• editorLineNumber.activeForeground#5A7CA8
• editorLineNumber.foreground#B8BDC5
• editorLink.activeForeground#3A4F6F
• editorOverviewRuler.addedForeground#3A8A3A
• editorOverviewRuler.border#D8DDE5
• editorOverviewRuler.deletedForeground#C42A2A
• editorOverviewRuler.errorForeground#C42A2A
• editorOverviewRuler.findMatchForeground#D8C8E080
• editorOverviewRuler.infoForeground#5A7CA8
• editorOverviewRuler.modifiedForeground#5A7CA8
• editorOverviewRuler.rangeHighlightForeground#C8D0E080
• editorOverviewRuler.selectionHighlightForeground#E4D8A880
• editorOverviewRuler.warningForeground#7B4A2C
• editorOverviewRuler.wordHighlightForeground#E4D8A860
• editorOverviewRuler.wordHighlightStrongForeground#E4D8A880
• editorRuler.foreground#D8DDE5
• editorSuggestWidget.background#ECEEF1
• editorSuggestWidget.border#B8BDC5
• editorSuggestWidget.foreground#2A2F38
• editorSuggestWidget.highlightForeground#7B4968
• editorSuggestWidget.selectedBackground#D8C8E0
• editorWarning.foreground#7B4A2C
• editorWhitespace.foreground#C8D0E080
• editorWidget.background#ECEEF1
• editorWidget.border#B8BDC5
• errorForeground#C42A2A
• focusBorder#7B4968
• foreground#2A2F38
• gitDecoration.conflictingResourceForeground#7B4A2C
• gitDecoration.deletedResourceForeground#C42A2A
• gitDecoration.ignoredResourceForeground#8A8F98
• gitDecoration.modifiedResourceForeground#3A4F6F
• gitDecoration.untrackedResourceForeground#3A8A3A
• input.background#FFFFFF
• input.border#B8BDC5
• input.foreground#2A2F38
• input.placeholderForeground#8A8F98
• inputOption.activeBorder#7B4968
• inputValidation.errorBackground#FFE8E8
• inputValidation.errorBorder#C42A2A
• list.activeSelectionBackground#D8C8E0
• list.activeSelectionForeground#2A2F38
• list.dropBackground#E8EBF080
• list.focusBackground#E8DBF0
• list.focusForeground#2A2F38
• list.highlightForeground#7B4968
• list.hoverBackground#F0E5F8
• list.hoverForeground#2A2F38
• list.inactiveSelectionBackground#E8DBF0
• list.inactiveSelectionForeground#4A4F58
• menu.background#ECEEF1
• menu.foreground#2A2F38
• menu.selectionBackground#D8C8E0
• menu.selectionForeground#2A2F38
• menu.separatorBackground#B8BDC5
• menubar.selectionBackground#D8C8E0
• menubar.selectionBorder#B8BDC5
• menubar.selectionForeground#2A2F38
• merge.border#B8BDC5
• merge.currentContentBackground#3A8A3A20
• merge.currentHeaderBackground#3A8A3A40
• merge.incomingContentBackground#5A7CA820
• merge.incomingHeaderBackground#5A7CA840
• minimap.background#F5F6F8
• minimap.errorHighlight#C42A2A
• minimap.findMatchHighlight#C4A03F80
• minimap.selectionHighlight#7FA8B880
• notificationCenter.border#B8BDC5
• notificationCenterHeader.background#ECEEF1
• notificationCenterHeader.foreground#2A2F38
• notificationLink.foreground#3A4F6F
• notifications.background#ECEEF1
• notifications.border#B8BDC5
• notifications.foreground#2A2F38
• notificationToast.border#B8BDC5
• panel.background#ECEEF1
• panel.border#D8DDE5
• panelTitle.activeBorder#7B4968
• panelTitle.activeForeground#2A2F38
• panelTitle.inactiveForeground#8A8F98
• peekView.border#7B4968
• peekViewEditor.background#ECEEF1
• peekViewEditor.matchHighlightBackground#D8C8E040
• peekViewEditorGutter.background#E0E2E5
• peekViewResult.background#E0E2E5
• peekViewResult.fileForeground#2A2F38
• peekViewResult.lineForeground#4A4F58
• peekViewResult.matchHighlightBackground#D8C8E060
• peekViewResult.selectionBackground#D8C8E0
• peekViewResult.selectionForeground#2A2F38
• peekViewTitle.background#E0E2E5
• peekViewTitleDescription.foreground#6A6F78
• peekViewTitleLabel.foreground#2A2F38
• progressBar.background#9B5988
• scrollbar.shadow#E8EBF033
• scrollbarSlider.activeBackground#787D88C0
• scrollbarSlider.background#B8BDC580
• scrollbarSlider.hoverBackground#989DA5A0
• sideBar.background#F5F6F8
• sideBar.border#D8DDE5
• sideBar.foreground#4A4F58
• sideBarSectionHeader.background#E8EBF0
• sideBarSectionHeader.border#D8DDE5
• sideBarSectionHeader.foreground#2A2F38
• sideBarTitle.foreground#2A2F38
• statusBar.background#ECEEF1
• statusBar.border#D8DDE5
• statusBar.debuggingBackground#7B4968
• statusBar.debuggingForeground#F8E5A0
• statusBar.foreground#4A4F58
• statusBar.noFolderBackground#ECEEF1
• statusBar.noFolderForeground#4A4F58
• statusBarItem.activeBackground#D8C8E0
• statusBarItem.hoverBackground#E8DBF0
• statusBarItem.prominentBackground#7B4968
• statusBarItem.prominentHoverBackground#9B5988
• tab.activeBackground#FFFFFF
• tab.activeBorder#7B4968
• tab.activeForeground#2A2F38
• tab.border#D8DDE5
• tab.hoverBackground#FFFFFF
• tab.hoverForeground#2A2F38
• tab.inactiveBackground#ECEEF1
• tab.inactiveForeground#8A8F98
• tab.unfocusedActiveBorder#B8BDC5
• tab.unfocusedActiveForeground#4A4F58
• tab.unfocusedInactiveForeground#A0A5AD
• terminal.ansiBlack#2A2F38
• terminal.ansiBlue#3A4F6F
• terminal.ansiBrightBlack#6A6F78
• terminal.ansiBrightBlue#5A7CA8
• terminal.ansiBrightCyan#3A9F9D
• terminal.ansiBrightGreen#5AAF5A
• terminal.ansiBrightMagenta#A066AD
• terminal.ansiBrightRed#D44A4A
• terminal.ansiBrightWhite#F8E5A0
• terminal.ansiBrightYellow#D4A03F
• terminal.ansiCyan#1A6F6D
• terminal.ansiGreen#3A8A3A
• terminal.ansiMagenta#7B4968
• terminal.ansiRed#B42A2A
• terminal.ansiWhite#B8BDC5
• terminal.ansiYellow#7B4A2C
• terminal.background#ECEEF1
• terminal.foreground#2A2F38
• terminal.selectionBackground#C8D0E060
• textBlockQuote.background#E8EBF0
• textCodeBlock.background#E8EBF0
• textLink.activeForeground#5A7CA8
• textLink.foreground#3A4F6F
• textPreformat.foreground#7B4A2C
• textSeparator.foreground#B8BDC5
• titleBar.activeBackground#E8D4E0
• titleBar.activeForeground#3A2030
• titleBar.border#D8C4D0
• titleBar.inactiveBackground#F0E0E8
• titleBar.inactiveForeground#8A7080

tokenColors

TextMate scopes and font styles (syntax highlighting rules).