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#2A2018
• activityBar.border#3A3028
• activityBar.dropBorder#D4A844
• activityBar.foreground#FFE680
• activityBar.inactiveForeground#9A8F78
• activityBarBadge.background#735E7A
• activityBarBadge.foreground#FFE680
• badge.background#FFE680
• badge.foreground#2A2018
• button.background#735E7A
• button.foreground#FFE680
• button.hoverBackground#8B74A0
• checkbox.background#3A3028
• checkbox.border#8B6F47
• descriptionForeground#E8DCCE
• diffEditor.insertedTextBackground#A8B87820
• diffEditor.removedTextBackground#FF7B7B20
• dropdown.background#3A3028
• dropdown.border#8B6F47
• dropdown.foreground#F8F4E8
• editor.background#352B23
• editor.findMatchBackground#D4A84480
• editor.findMatchHighlightBackground#D4A84440
• editor.findRangeHighlightBackground#8B6F4730
• editor.foreground#F8F4E8
• editor.hoverHighlightBackground#8B6F4740
• editor.inactiveSelectionBackground#4A3F3840
• editor.lineHighlightBackground#3A3028
• editor.lineHighlightBorder#00000000
• editor.rangeHighlightBackground#4A3F3840
• editor.selectionBackground#8B6F4760
• editor.selectionHighlightBackground#8B6F4740
• editor.wordHighlightBackground#B8986040
• editor.wordHighlightStrongBackground#B8986060
• editorBracketMatch.background#8B6F4740
• editorBracketMatch.border#E8C870
• editorCodeLens.foreground#9A8F78
• editorCursor.foreground#FFE680
• editorError.foreground#FF7B7B
• editorGroup.border#4A3F38
• editorGroup.dropBackground#8B6F4740
• editorGroupHeader.tabsBackground#2A2018
• editorGroupHeader.tabsBorder#3A3028
• editorGutter.addedBackground#A8B878
• editorGutter.background#352B23
• editorGutter.deletedBackground#FF7B7B
• editorGutter.modifiedBackground#E8C870
• editorHint.foreground#9A8F78
• editorHoverWidget.background#2F2520
• editorHoverWidget.border#8B6F47
• editorIndentGuide.activeBackground#7A6850
• editorIndentGuide.background#4A3F38
• editorInfo.foreground#E8C870
• editorLineNumber.activeForeground#D4A844
• editorLineNumber.foreground#7A6850
• editorLink.activeForeground#E8C870
• editorOverviewRuler.addedForeground#A8B878
• editorOverviewRuler.border#3A3028
• editorOverviewRuler.deletedForeground#FF7B7B
• editorOverviewRuler.errorForeground#FF7B7B
• editorOverviewRuler.findMatchForeground#D4A84480
• editorOverviewRuler.infoForeground#E8C870
• editorOverviewRuler.modifiedForeground#E8C870
• editorOverviewRuler.rangeHighlightForeground#8B6F4780
• editorOverviewRuler.selectionHighlightForeground#B8986080
• editorOverviewRuler.warningForeground#FFE680
• editorOverviewRuler.wordHighlightForeground#B8986060
• editorOverviewRuler.wordHighlightStrongForeground#B8986080
• editorRuler.foreground#4A3F38
• editorSuggestWidget.background#2F2520
• editorSuggestWidget.border#8B6F47
• editorSuggestWidget.foreground#F8F4E8
• editorSuggestWidget.highlightForeground#FFE680
• editorSuggestWidget.selectedBackground#4A3F38
• editorWarning.foreground#FFE680
• editorWhitespace.foreground#8B6F4760
• editorWidget.background#2F2520
• editorWidget.border#8B6F47
• errorForeground#FF7B7B
• focusBorder#D4A844
• foreground#F8F4E8
• gitDecoration.conflictingResourceForeground#FFE680
• gitDecoration.deletedResourceForeground#FF7B7B
• gitDecoration.ignoredResourceForeground#7A6850
• gitDecoration.modifiedResourceForeground#E8C870
• gitDecoration.untrackedResourceForeground#A8B878
• input.background#3A3028
• input.border#8B6F47
• input.foreground#F8F4E8
• input.placeholderForeground#9A8F78
• inputOption.activeBorder#D4A844
• inputValidation.errorBackground#3D2528
• inputValidation.errorBorder#FF7B7B
• list.activeSelectionBackground#5A4838
• list.activeSelectionForeground#FFE680
• list.dropBackground#3A302880
• list.focusBackground#4A3F38
• list.focusForeground#F8F4E8
• list.highlightForeground#FFE680
• list.hoverBackground#4A3F38
• list.hoverForeground#F8F4E8
• list.inactiveSelectionBackground#4A3F38
• list.inactiveSelectionForeground#E8DCCE
• menu.background#2F2520
• menu.foreground#F8F4E8
• menu.selectionBackground#4A3F38
• menu.selectionForeground#FFE680
• menu.separatorBackground#8B6F47
• menubar.selectionBackground#4A3F38
• menubar.selectionBorder#8B6F47
• menubar.selectionForeground#FFE680
• merge.border#8B6F47
• merge.currentContentBackground#A8B87820
• merge.currentHeaderBackground#A8B87840
• merge.incomingContentBackground#E8C87020
• merge.incomingHeaderBackground#E8C87040
• minimap.background#2F2520
• minimap.errorHighlight#FF7B7B
• minimap.findMatchHighlight#FFE68080
• minimap.selectionHighlight#D4A84480
• notificationCenter.border#8B6F47
• notificationCenterHeader.background#2F2520
• notificationCenterHeader.foreground#F8F4E8
• notificationLink.foreground#E8C870
• notifications.background#2F2520
• notifications.border#8B6F47
• notifications.foreground#F8F4E8
• notificationToast.border#8B6F47
• panel.background#2A2018
• panel.border#3A3028
• panelTitle.activeBorder#D4A844
• panelTitle.activeForeground#FFE680
• panelTitle.inactiveForeground#9A8F78
• peekView.border#D4A844
• peekViewEditor.background#2F2520
• peekViewEditor.matchHighlightBackground#D4A84440
• peekViewEditorGutter.background#2A2018
• peekViewResult.background#2A2018
• peekViewResult.fileForeground#F8F4E8
• peekViewResult.lineForeground#E8DCCE
• peekViewResult.matchHighlightBackground#D4A84460
• peekViewResult.selectionBackground#4A3F38
• peekViewResult.selectionForeground#FFE680
• peekViewTitle.background#2A2018
• peekViewTitleDescription.foreground#9A8F78
• peekViewTitleLabel.foreground#FFE680
• progressBar.background#FFE680
• scrollbar.shadow#2A2018
• scrollbarSlider.activeBackground#D4A844C0
• scrollbarSlider.background#8B6F4780
• scrollbarSlider.hoverBackground#B89860A0
• sideBar.background#2F2520
• sideBar.border#3A3028
• sideBar.foreground#E8DCCE
• sideBarSectionHeader.background#3A3028
• sideBarSectionHeader.border#4A3F38
• sideBarSectionHeader.foreground#F8F4E8
• sideBarTitle.foreground#FFE680
• statusBar.background#2A2018
• statusBar.border#3A3028
• statusBar.debuggingBackground#735E7A
• statusBar.debuggingForeground#FFE680
• statusBar.foreground#E8DCCE
• statusBar.noFolderBackground#2A2018
• statusBar.noFolderForeground#E8DCCE
• statusBarItem.activeBackground#4A3F38
• statusBarItem.hoverBackground#3A3028
• statusBarItem.prominentBackground#735E7A
• statusBarItem.prominentHoverBackground#8B74A0
• tab.activeBackground#352B23
• tab.activeBorder#D4A844
• tab.activeForeground#FFE680
• tab.border#3A3028
• tab.hoverBackground#352B23
• tab.hoverForeground#F8F4E8
• tab.inactiveBackground#2A2018
• tab.inactiveForeground#9A8F78
• tab.unfocusedActiveBorder#8B6F47
• tab.unfocusedActiveForeground#E8DCCE
• tab.unfocusedInactiveForeground#7A7068
• terminal.ansiBlack#2A2018
• terminal.ansiBlue#8B8EC8
• terminal.ansiBrightBlack#7A6850
• terminal.ansiBrightBlue#A8B0E8
• terminal.ansiBrightCyan#A8D8D0
• terminal.ansiBrightGreen#C8D898
• terminal.ansiBrightMagenta#A88EC8
• terminal.ansiBrightRed#FF7B7B
• terminal.ansiBrightWhite#FFE680
• terminal.ansiBrightYellow#FFE8A0
• terminal.ansiCyan#7AB8B0
• terminal.ansiGreen#A8B878
• terminal.ansiMagenta#735E7A
• terminal.ansiRed#F65A5A
• terminal.ansiWhite#E8DCCE
• terminal.ansiYellow#FFE680
• terminal.background#2A2018
• terminal.foreground#F8F4E8
• terminal.selectionBackground#8B6F4760
• textBlockQuote.background#3A3028
• textCodeBlock.background#3A3028
• textLink.activeForeground#D4A844
• textLink.foreground#E8C870
• textPreformat.foreground#FFE680
• textSeparator.foreground#8B6F47
• titleBar.activeBackground#2A2018
• titleBar.activeForeground#F8F4E8
• titleBar.border#3A3028
• titleBar.inactiveBackground#2A2018
• titleBar.inactiveForeground#9A8F78

tokenColors

TextMate scopes and font styles (syntax highlighting rules).