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#F0E4C8
• activityBar.border#E8D8B0
• activityBar.dropBorder#B8842A
• activityBar.foreground#3A2F18
• activityBar.inactiveForeground#9A8860
• activityBarBadge.background#8B74A0
• activityBarBadge.foreground#FFFCF0
• badge.background#8A6020
• badge.foreground#FFFCF0
• button.background#8B74A0
• button.foreground#FFFCF0
• button.hoverBackground#735E7A
• checkbox.background#FFFEF8
• checkbox.border#C8A870
• descriptionForeground#5A4828
• diffEditor.insertedTextBackground#7A985020
• diffEditor.removedTextBackground#D8404020
• dropdown.background#FFFEF8
• dropdown.border#C8A870
• dropdown.foreground#3A2F18
• editor.background#FFFDF0
• editor.findMatchBackground#B8842A60
• editor.findMatchHighlightBackground#B8842A30
• editor.findRangeHighlightBackground#E8D8B030
• editor.foreground#3A2F18
• editor.hoverHighlightBackground#F0E8D840
• editor.inactiveSelectionBackground#F8F0E040
• editor.lineHighlightBackground#F8F4E8
• editor.lineHighlightBorder#00000000
• editor.rangeHighlightBackground#F8F0E040
• editor.selectionBackground#E8D8B060
• editor.selectionHighlightBackground#F0E8D840
• editor.wordHighlightBackground#D8C8A040
• editor.wordHighlightStrongBackground#D8C8A060
• editorBracketMatch.background#E8D8B040
• editorBracketMatch.border#B8842A
• editorCodeLens.foreground#9A8860
• editorCursor.foreground#8A6020
• editorError.foreground#D84040
• editorGroup.border#E0D0B0
• editorGroup.dropBackground#E8D8B040
• editorGroupHeader.tabsBackground#F0E4C8
• editorGroupHeader.tabsBorder#E8D8B0
• editorGutter.addedBackground#7A9850
• editorGutter.background#FFFDF0
• editorGutter.deletedBackground#D84040
• editorGutter.modifiedBackground#9A7030
• editorHint.foreground#9A8860
• editorHoverWidget.background#F8F0E0
• editorHoverWidget.border#C8A870
• editorIndentGuide.activeBackground#C8A870
• editorIndentGuide.background#E8D8B0
• editorInfo.foreground#9A7030
• editorLineNumber.activeForeground#8A6020
• editorLineNumber.foreground#B89860
• editorLink.activeForeground#9A7030
• editorOverviewRuler.addedForeground#7A9850
• editorOverviewRuler.border#E8D8B0
• editorOverviewRuler.deletedForeground#D84040
• editorOverviewRuler.errorForeground#D84040
• editorOverviewRuler.findMatchForeground#B8842A80
• editorOverviewRuler.infoForeground#9A7030
• editorOverviewRuler.modifiedForeground#9A7030
• editorOverviewRuler.rangeHighlightForeground#C8A87080
• editorOverviewRuler.selectionHighlightForeground#D8C8A080
• editorOverviewRuler.warningForeground#B8842A
• editorOverviewRuler.wordHighlightForeground#D8C8A060
• editorOverviewRuler.wordHighlightStrongForeground#D8C8A080
• editorRuler.foreground#E8D8B0
• editorSuggestWidget.background#F8F0E0
• editorSuggestWidget.border#C8A870
• editorSuggestWidget.foreground#3A2F18
• editorSuggestWidget.highlightForeground#8A6020
• editorSuggestWidget.selectedBackground#E8D8B0
• editorWarning.foreground#B8842A
• editorWhitespace.foreground#D8C8A060
• editorWidget.background#F8F0E0
• editorWidget.border#C8A870
• errorForeground#D84040
• focusBorder#B8842A
• foreground#3A2F18
• gitDecoration.conflictingResourceForeground#B8842A
• gitDecoration.deletedResourceForeground#D84040
• gitDecoration.ignoredResourceForeground#B89860
• gitDecoration.modifiedResourceForeground#9A7030
• gitDecoration.untrackedResourceForeground#7A9850
• input.background#FFFEF8
• input.border#C8A870
• input.foreground#3A2F18
• input.placeholderForeground#9A8860
• inputOption.activeBorder#B8842A
• inputValidation.errorBackground#FFF0F0
• inputValidation.errorBorder#D84040
• list.activeSelectionBackground#E8D8B0
• list.activeSelectionForeground#3A2F18
• list.dropBackground#F8F0E080
• list.focusBackground#F8F0E0
• list.focusForeground#3A2F18
• list.highlightForeground#8A6020
• list.hoverBackground#F8F4E8
• list.hoverForeground#3A2F18
• list.inactiveSelectionBackground#F0E8D8
• list.inactiveSelectionForeground#5A4828
• menu.background#F8F0E0
• menu.foreground#3A2F18
• menu.selectionBackground#E8D8B0
• menu.selectionForeground#3A2F18
• menu.separatorBackground#C8A870
• menubar.selectionBackground#E8D8B0
• menubar.selectionBorder#C8A870
• menubar.selectionForeground#3A2F18
• merge.border#C8A870
• merge.currentContentBackground#7A985020
• merge.currentHeaderBackground#7A985040
• merge.incomingContentBackground#9A703020
• merge.incomingHeaderBackground#9A703040
• minimap.background#F8F0E0
• minimap.errorHighlight#D84040
• minimap.findMatchHighlight#B8842A80
• minimap.selectionHighlight#D8C8A080
• notificationCenter.border#C8A870
• notificationCenterHeader.background#F8F0E0
• notificationCenterHeader.foreground#3A2F18
• notificationLink.foreground#9A7030
• notifications.background#F8F0E0
• notifications.border#C8A870
• notifications.foreground#3A2F18
• notificationToast.border#C8A870
• panel.background#F0E4C8
• panel.border#E8D8B0
• panelTitle.activeBorder#B8842A
• panelTitle.activeForeground#3A2F18
• panelTitle.inactiveForeground#9A8860
• peekView.border#B8842A
• peekViewEditor.background#FFFEF8
• peekViewEditor.matchHighlightBackground#B8842A40
• peekViewEditorGutter.background#F8F0E0
• peekViewResult.background#F8F0E0
• peekViewResult.fileForeground#3A2F18
• peekViewResult.lineForeground#5A4828
• peekViewResult.matchHighlightBackground#B8842A60
• peekViewResult.selectionBackground#E8D8B0
• peekViewResult.selectionForeground#3A2F18
• peekViewTitle.background#F0E4C8
• peekViewTitleDescription.foreground#9A8860
• peekViewTitleLabel.foreground#3A2F18
• progressBar.background#B8842A
• scrollbar.shadow#D8C8A040
• scrollbarSlider.activeBackground#9A7030A0
• scrollbarSlider.background#C8A87080
• scrollbarSlider.hoverBackground#B8842A80
• sideBar.background#F8F0E0
• sideBar.border#E8D8B0
• sideBar.foreground#5A4828
• sideBarSectionHeader.background#F0E4C8
• sideBarSectionHeader.border#E0D0B0
• sideBarSectionHeader.foreground#3A2F18
• sideBarTitle.foreground#3A2F18
• statusBar.background#F0E4C8
• statusBar.border#E8D8B0
• statusBar.debuggingBackground#8B74A0
• statusBar.debuggingForeground#FFFCF0
• statusBar.foreground#5A4828
• statusBar.noFolderBackground#F0E4C8
• statusBar.noFolderForeground#5A4828
• statusBarItem.activeBackground#E0D0B0
• statusBarItem.hoverBackground#E8D8B0
• statusBarItem.prominentBackground#8B74A0
• statusBarItem.prominentHoverBackground#735E7A
• tab.activeBackground#FFFEF8
• tab.activeBorder#B8842A
• tab.activeForeground#3A2F18
• tab.border#E8D8B0
• tab.hoverBackground#FFFCF0
• tab.hoverForeground#3A2F18
• tab.inactiveBackground#F0E4C8
• tab.inactiveForeground#9A8860
• tab.unfocusedActiveBorder#C8A870
• tab.unfocusedActiveForeground#5A4828
• tab.unfocusedInactiveForeground#A89870
• terminal.ansiBlack#5A4828
• terminal.ansiBlue#6A7AB8
• terminal.ansiBrightBlack#9A8860
• terminal.ansiBrightBlue#7A8AD8
• terminal.ansiBrightCyan#5AA8A0
• terminal.ansiBrightGreen#8AB860
• terminal.ansiBrightMagenta#9A74B8
• terminal.ansiBrightRed#F66060
• terminal.ansiBrightWhite#FFFEF8
• terminal.ansiBrightYellow#D8A030
• terminal.ansiCyan#4A8880
• terminal.ansiGreen#7A9850
• terminal.ansiMagenta#8B74A0
• terminal.ansiRed#D84040
• terminal.ansiWhite#E8DCCE
• terminal.ansiYellow#B8842A
• terminal.background#F0E4C8
• terminal.foreground#3A2F18
• terminal.selectionBackground#E8D8B060
• textBlockQuote.background#F8F0E0
• textCodeBlock.background#F8F0E0
• textLink.activeForeground#B8842A
• textLink.foreground#9A7030
• textPreformat.foreground#8A6020
• textSeparator.foreground#C8A870
• titleBar.activeBackground#E8DCF0
• titleBar.activeForeground#382838
• titleBar.border#D8CCE0
• titleBar.inactiveBackground#F0E8F8
• titleBar.inactiveForeground#786878

tokenColors

TextMate scopes and font styles (syntax highlighting rules).