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#1A2028
• activityBar.border#2A3340
• activityBar.dropBorder#5A9FD8
• activityBar.foreground#A0E5F8
• activityBar.inactiveForeground#8A95A0
• activityBarBadge.background#4A7FB8
• activityBarBadge.foreground#A0E5F8
• badge.background#50D8FF
• badge.foreground#1A2028
• button.background#4A7FB8
• button.foreground#A0E5F8
• button.hoverBackground#5A9FD8
• checkbox.background#2A3340
• checkbox.border#5A88A8
• descriptionForeground#D8E2EA
• diffEditor.insertedTextBackground#5AC8C820
• diffEditor.removedTextBackground#FF7B7B20
• dropdown.background#2A3340
• dropdown.border#5A88A8
• dropdown.foreground#F0F5FA
• editor.background#242B38
• editor.findMatchBackground#5A9FD880
• editor.findMatchHighlightBackground#5A9FD840
• editor.findRangeHighlightBackground#5A88A830
• editor.foreground#F0F5FA
• editor.hoverHighlightBackground#5A88A840
• editor.inactiveSelectionBackground#35415040
• editor.lineHighlightBackground#2A3340
• editor.lineHighlightBorder#00000000
• editor.rangeHighlightBackground#35415040
• editor.selectionBackground#5A88A860
• editor.selectionHighlightBackground#5A88A840
• editor.wordHighlightBackground#5AC8C840
• editor.wordHighlightStrongBackground#5AC8C860
• editorBracketMatch.background#5A88A840
• editorBracketMatch.border#78B8F8
• editorCodeLens.foreground#8A95A0
• editorCursor.foreground#50D8FF
• editorError.foreground#FF7B7B
• editorGroup.border#354150
• editorGroup.dropBackground#5A88A840
• editorGroupHeader.tabsBackground#1A2028
• editorGroupHeader.tabsBorder#2A3340
• editorGutter.addedBackground#5AC8C8
• editorGutter.background#242B38
• editorGutter.deletedBackground#FF7B7B
• editorGutter.modifiedBackground#78B8F8
• editorHint.foreground#8A95A0
• editorHoverWidget.background#1E2530
• editorHoverWidget.border#5A88A8
• editorIndentGuide.activeBackground#6A7888
• editorIndentGuide.background#354150
• editorInfo.foreground#78B8F8
• editorLineNumber.activeForeground#78B8F8
• editorLineNumber.foreground#6A7888
• editorLink.activeForeground#78B8F8
• editorOverviewRuler.addedForeground#5AC8C8
• editorOverviewRuler.border#2A3340
• editorOverviewRuler.deletedForeground#FF7B7B
• editorOverviewRuler.errorForeground#FF7B7B
• editorOverviewRuler.findMatchForeground#5A9FD880
• editorOverviewRuler.infoForeground#78B8F8
• editorOverviewRuler.modifiedForeground#78B8F8
• editorOverviewRuler.rangeHighlightForeground#5A88A880
• editorOverviewRuler.selectionHighlightForeground#5AC8C880
• editorOverviewRuler.warningForeground#50D8FF
• editorOverviewRuler.wordHighlightForeground#5AC8C860
• editorOverviewRuler.wordHighlightStrongForeground#5AC8C880
• editorRuler.foreground#354150
• editorSuggestWidget.background#1E2530
• editorSuggestWidget.border#5A88A8
• editorSuggestWidget.foreground#F0F5FA
• editorSuggestWidget.highlightForeground#50D8FF
• editorSuggestWidget.selectedBackground#354150
• editorWarning.foreground#50D8FF
• editorWhitespace.foreground#5A88A860
• editorWidget.background#1E2530
• editorWidget.border#5A88A8
• errorForeground#FF7B7B
• focusBorder#5A9FD8
• foreground#F0F5FA
• gitDecoration.conflictingResourceForeground#50D8FF
• gitDecoration.deletedResourceForeground#FF7B7B
• gitDecoration.ignoredResourceForeground#6A7888
• gitDecoration.modifiedResourceForeground#78B8F8
• gitDecoration.untrackedResourceForeground#5AC8C8
• input.background#2A3340
• input.border#5A88A8
• input.foreground#F0F5FA
• input.placeholderForeground#8A95A0
• inputOption.activeBorder#5A9FD8
• inputValidation.errorBackground#3D2528
• inputValidation.errorBorder#FF7B7B
• list.activeSelectionBackground#2A5078
• list.activeSelectionForeground#A0E5F8
• list.dropBackground#2A334080
• list.focusBackground#354150
• list.focusForeground#F0F5FA
• list.highlightForeground#50D8FF
• list.hoverBackground#354150
• list.hoverForeground#F0F5FA
• list.inactiveSelectionBackground#354150
• list.inactiveSelectionForeground#D8E2EA
• menu.background#1E2530
• menu.foreground#F0F5FA
• menu.selectionBackground#354150
• menu.selectionForeground#A0E5F8
• menu.separatorBackground#5A88A8
• menubar.selectionBackground#354150
• menubar.selectionBorder#5A88A8
• menubar.selectionForeground#A0E5F8
• merge.border#5A88A8
• merge.currentContentBackground#5AC8C820
• merge.currentHeaderBackground#5AC8C840
• merge.incomingContentBackground#78B8F820
• merge.incomingHeaderBackground#78B8F840
• minimap.background#1E2530
• minimap.errorHighlight#FF7B7B
• minimap.findMatchHighlight#50D8FF80
• minimap.selectionHighlight#5AC8C880
• notificationCenter.border#5A88A8
• notificationCenterHeader.background#1E2530
• notificationCenterHeader.foreground#F0F5FA
• notificationLink.foreground#78B8F8
• notifications.background#1E2530
• notifications.border#5A88A8
• notifications.foreground#F0F5FA
• notificationToast.border#5A88A8
• panel.background#1A2028
• panel.border#2A3340
• panelTitle.activeBorder#5A9FD8
• panelTitle.activeForeground#A0E5F8
• panelTitle.inactiveForeground#8A95A0
• peekView.border#5A9FD8
• peekViewEditor.background#1E2530
• peekViewEditor.matchHighlightBackground#5A9FD840
• peekViewEditorGutter.background#1A2028
• peekViewResult.background#1A2028
• peekViewResult.fileForeground#F0F5FA
• peekViewResult.lineForeground#D8E2EA
• peekViewResult.matchHighlightBackground#5A9FD860
• peekViewResult.selectionBackground#354150
• peekViewResult.selectionForeground#A0E5F8
• peekViewTitle.background#1A2028
• peekViewTitleDescription.foreground#8A95A0
• peekViewTitleLabel.foreground#A0E5F8
• progressBar.background#50D8FF
• scrollbar.shadow#1A2028
• scrollbarSlider.activeBackground#78B8F8C0
• scrollbarSlider.background#5A88A880
• scrollbarSlider.hoverBackground#5AA8E8A0
• sideBar.background#1E2530
• sideBar.border#2A3340
• sideBar.foreground#D8E2EA
• sideBarSectionHeader.background#2A3340
• sideBarSectionHeader.border#354150
• sideBarSectionHeader.foreground#F0F5FA
• sideBarTitle.foreground#A0E5F8
• statusBar.background#1A2028
• statusBar.border#2A3340
• statusBar.debuggingBackground#4A7FB8
• statusBar.debuggingForeground#A0E5F8
• statusBar.foreground#D8E2EA
• statusBar.noFolderBackground#1A2028
• statusBar.noFolderForeground#D8E2EA
• statusBarItem.activeBackground#354150
• statusBarItem.hoverBackground#2A3340
• statusBarItem.prominentBackground#4A7FB8
• statusBarItem.prominentHoverBackground#5A9FD8
• tab.activeBackground#242B38
• tab.activeBorder#5A9FD8
• tab.activeForeground#A0E5F8
• tab.border#2A3340
• tab.hoverBackground#242B38
• tab.hoverForeground#F0F5FA
• tab.inactiveBackground#1A2028
• tab.inactiveForeground#8A95A0
• tab.unfocusedActiveBorder#5A88A8
• tab.unfocusedActiveForeground#D8E2EA
• tab.unfocusedInactiveForeground#7A858F
• terminal.ansiBlack#1A2028
• terminal.ansiBlue#5AA8E8
• terminal.ansiBrightBlack#6A7888
• terminal.ansiBrightBlue#78B8F8
• terminal.ansiBrightCyan#5AE8E5
• terminal.ansiBrightGreen#80D8D0
• terminal.ansiBrightMagenta#7AB8E8
• terminal.ansiBrightRed#FF7B7B
• terminal.ansiBrightWhite#A0E5F8
• terminal.ansiBrightYellow#4DD8FF
• terminal.ansiCyan#4AC8C5
• terminal.ansiGreen#5AC8C8
• terminal.ansiMagenta#4A7FB8
• terminal.ansiRed#F65A5A
• terminal.ansiWhite#D8E2EA
• terminal.ansiYellow#50D8FF
• terminal.background#1A2028
• terminal.foreground#F0F5FA
• terminal.selectionBackground#5A88A860
• textBlockQuote.background#2A3340
• textCodeBlock.background#2A3340
• textLink.activeForeground#68A8E8
• textLink.foreground#78B8F8
• textPreformat.foreground#50D8FF
• textSeparator.foreground#5A88A8
• titleBar.activeBackground#1A2028
• titleBar.activeForeground#F0F5FA
• titleBar.border#2A3340
• titleBar.inactiveBackground#1A2028
• titleBar.inactiveForeground#8A95A0

tokenColors

TextMate scopes and font styles (syntax highlighting rules).