Astraea Space Themes

Color themes

• 

  Astraea - Cosmic Nebula

• 

  Astraea - Lunar Mist

• 

  Astraea - Solar Haze

• 

  Astraea - Stellar Aurora

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#0d1420
• activityBar.foreground#b8d4f0
• activityBarBadge.background#f8bbd9
• activityBarBadge.foreground#ffffff
• dialog.background#0d1420
• dialog.border#2a2a2a
• dialog.foreground#e8f4fd
• dialog.shadow#000000
• dropdown.background#0d1420
• dropdown.border#2a2a2a
• dropdown.foreground#e8f4fd
• dropdown.listBackground#0d1420
• editor.background#0d1420
• editor.findMatchBackground#2d4a7a
• editor.findMatchHighlightBackground#1a2a4a
• editor.foreground#e8f4fd
• editor.lineHighlightBackground#0d1420
• editor.selectionBackground#1a2a4a
• editor.wordHighlightBackground#1a2a4a
• editor.wordHighlightStrongBackground#2d4a7a
• editorGroup.border#2a2a2a
• editorGroupHeader.noTabsBackground#16213e
• editorGroupHeader.tabsBackground#16213e
• editorGroupHeader.tabsBorder#2a2a2a
• editorHoverWidget.background#0d1420
• editorHoverWidget.border#2a2a2a
• editorHoverWidget.foreground#e8f4fd
• editorLineNumber.activeForeground#6b6b6b
• editorLineNumber.foreground#6b6b6b
• editorSuggestWidget.background#0d1420
• editorSuggestWidget.border#2a2a2a
• editorSuggestWidget.foreground#e8f4fd
• editorSuggestWidget.highlightForeground#ffab91
• editorSuggestWidget.selectedBackground#1a2a4a
• editorSuggestWidget.selectedForeground#e8f4fd
• editorWidget.background#0d1420
• editorWidget.border#2a2a2a
• editorWidget.foreground#e8f4fd
• input.background#0d1420
• input.border#2a2a2a
• input.focusedBackground#0d1420
• input.focusedBorder#e0e0e0
• input.foreground#e8f4fd
• input.placeholderForeground#8ba3c7
• inputOption.activeBorder#e0e0e0
• inputOption.hoverBackground#1a2a4a
• inputValidation.errorBackground#0d1420
• inputValidation.errorBorder#ef9a9a
• inputValidation.errorForeground#e8f4fd
• inputValidation.infoBackground#0d1420
• inputValidation.infoBorder#2a2a2a
• inputValidation.infoForeground#e8f4fd
• inputValidation.warningBackground#0d1420
• inputValidation.warningBorder#ffb74d
• inputValidation.warningForeground#e8f4fd
• list.activeSelectionBackground#1a2a4a
• list.activeSelectionForeground#e8f4fd
• list.focusBackground#1a2a4a
• list.focusForeground#e8f4fd
• list.hoverBackground#1a2a4a
• list.hoverForeground#e8f4fd
• list.inactiveSelectionBackground#1a2a4a
• list.inactiveSelectionForeground#e8f4fd
• menu.background#0d1420
• menu.border#2a2a2a
• menu.foreground#e8f4fd
• menu.selectionBackground#1a2a4a
• menu.selectionForeground#e8f4fd
• notification.background#0d1420
• notification.border#2a2a2a
• notification.errorBackground#0d1420
• notification.errorForeground#e8f4fd
• notification.foreground#e8f4fd
• notification.infoBackground#0d1420
• notification.infoForeground#e8f4fd
• notification.warningBackground#0d1420
• notification.warningForeground#e8f4fd
• panel.background#0d1420
• panel.border#2a2a2a
• quickInput.background#0d1420
• quickInput.foreground#e8f4fd
• quickInputList.focusBackground#1a2a4a
• quickInputList.focusDescriptionForeground#8ba3c7
• quickInputList.focusForeground#e8f4fd
• quickInputList.focusHighlightBackground#2d4a7a
• quickInputList.focusHighlightForeground#e8f4fd
• quickInputList.focusIconForeground#ffab91
• scrollbarSlider.activeBackground#6a6a6a
• scrollbarSlider.background#4a4a4a
• scrollbarSlider.hoverBackground#5a5a5a
• searchEditor.textInputBackground#0d1420
• searchEditor.textInputBorder#2a2a2a
• searchEditor.textInputFocusedBorder#e0e0e0
• sideBar.background#0d1420
• sideBar.border#2a2a2a
• sideBar.foreground#b8d4f0
• sideBarSectionHeader.background#0d1420
• statusBar.background#0d1420
• statusBar.foreground#a0a0a0
• tab.activeBackground#0d1420
• tab.activeBorder#2a2a2a
• tab.activeBorderTop#2a2a2a
• tab.activeForeground#e0e0e0
• tab.border#2a2a2a
• tab.hoverBackground#16213e
• tab.hoverBorder#2a2a2a
• tab.inactiveBackground#0d1420
• tab.inactiveBorder#2a2a2a
• tab.inactiveForeground#b0b0b0
• tab.unfocusedActiveBackground#16213e
• tab.unfocusedActiveBorder#2a2a2a
• tab.unfocusedActiveForeground#e0e0e0
• tab.unfocusedHoverBackground#16213e
• tab.unfocusedHoverBorder#2a2a2a
• tab.unfocusedInactiveBackground#1a1a2e
• tab.unfocusedInactiveBorder#2a2a2a
• tab.unfocusedInactiveForeground#b0b0b0
• terminal.background#0d1420
• textInput.background#0d1420
• textInput.border#2a2a2a
• textInput.focusedBorder#e0e0e0
• textInput.foreground#e8f4fd
• textInput.placeholderForeground#8ba3c7
• titleBar.activeBackground#0d1420

tokenColors

TextMate scopes and font styles (syntax highlighting rules).