Astronomic Theme

Color themes

• 

  Astronomic Dark

• 

  Astronomic 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.

• actionBar.toggledBackground#5d37f0
• activityBar.activeBorder#d7ff64
• activityBar.background#261230
• activityBar.border#0B060F50
• activityBar.foreground#d7ff64
• activityBar.inactiveForeground#F0DFDF
• activityBarBadge.background#d7ff64
• activityBarBadge.foreground#261230
• activityBarTop.foreground#d7ff64
• activityBarTop.inactiveForeground#F0DFDF
• badge.background#d7ff64
• badge.foreground#261230
• breadcrumb.activeSelectionForeground#DE5FE9
• breadcrumb.background#261230
• breadcrumb.foreground#F0DFDF70
• button.background#d7ff64
• button.border#E6FF99
• button.foreground#261230
• button.hoverBackground#FFFFFF
• button.secondaryBackground#F1AFF6
• button.secondaryForeground#222244
• button.secondaryHoverBackground#F0DFDF
• chat.editedFileForeground#e2c08d
• chat.slashCommandBackground#26477866
• chat.slashCommandForeground#85b6ff
• checkbox.background#FFFFFF40
• checkbox.border#FFFFFF90
• commandCenter.activeBackground#FFFFFF20
• commandCenter.activeForeground#FFFFFF
• debugToolBar.background#181818
• descriptionForeground#9d9d9d
• dropdown.background#261230
• dropdown.border#F0DFDF20
• dropdown.foreground#F0DFDF
• dropdown.listBackground#261230
• editor.background#30173D
• editor.findMatchBackground#DE5FE9aa
• editor.foldBackground#2612305f
• editor.foreground#F5F5F5
• editor.hoverHighlightBackground#683285
• editor.inactiveLineHighlightBackground#F1AFF609
• editor.inactiveSelectionBackground#a4a4a470
• editor.lineHighlightBackground#F1AFF618
• editor.selectionHighlightBackground#00BFA5a8
• editor.wordHighlightBackground#683285
• editorBracketMatch.background#683285
• editorBracketMatch.border#000FFF00
• editorCursor.foreground#d7ff64
• editorGroup.border#0B060F50
• editorGroupHeader.tabsBackground#261230
• editorGroupHeader.tabsBorder#FFFFFF60
• editorGutter.addedBackground#D7FF64
• editorGutter.background#2612302f
• editorGutter.deletedBackground#E84A62
• editorGutter.foldingControlForeground#683285
• editorGutter.modifiedBackground#46EBE1
• editorHoverWidget.background#261230
• editorHoverWidget.border#0B060F50
• editorHoverWidget.foreground#F0DFDF
• editorIndentGuide.activeBackground1#683285
• editorIndentGuide.background1#452259
• editorLightBulb.foreground#d7ff64
• editorLightBulbAutoFix.foreground#46EBE1
• editorLineNumber.activeForeground#ffffff
• editorLineNumber.foreground#683285
• editorOverviewRuler.border#00000000
• editorStickyScroll.border#0B060F50
• editorStickyScroll.shadow#0B060F50
• editorStickyScrollHover.background#452259
• editorSuggestWidget.border#000FFF00
• editorWidget.background#261230
• editorWidget.border#d7ff64
• errorForeground#f85149
• focusBorder#d7ff64
• foreground#F0DFDF
• icon.foreground#F0DFDF
• input.background#261230
• input.border#F0DFDF20
• input.foreground#F0DFDF
• input.placeholderForeground#F0DFDF70
• inputOption.activeBackground#2489db
• inputOption.activeBorder#2488db
• keybindingLabel.foreground#cccccc
• list.activeSelectionBackground#30173D
• list.activeSelectionForeground#d7ff64
• list.activeSelectionIconForeground#ffffff
• list.dropBackground#00BFA5
• list.errorForeground#f33232
• list.focusHighlightForeground#DE5FE9
• list.highlightForeground#F1AFF6
• list.hoverBackground#30173D
• list.hoverForeground#d7ff64
• list.inactiveSelectionBackground#30173D
• list.inactiveSelectionForeground#d7ff64
• menu.background#261230
• menu.border#88888810
• menu.foreground#cccccc
• menu.selectionBackground#30173d
• menu.selectionForeground#FFFFFF
• menu.separatorBackground#454545
• minimap.background#00000008
• notificationCenter.border#0B060F50
• notificationCenterHeader.background#261230
• notificationCenterHeader.foreground#F0DFDF
• notifications.background#261230
• notifications.border#0B060F50
• notifications.foreground#F0DFDF
• panel.background#261230
• panel.border#0B060F50
• panelInput.border#F0DFDF20
• panelTitle.activeBorder#D7FF64
• panelTitle.activeForeground#D7FF64
• panelTitle.inactiveForeground#F0DFDF
• peekView.border#DE5FE9
• peekViewEditor.background#30173D
• peekViewEditor.matchHighlightBackground#bb800966
• peekViewEditorGutter.background#2612302f
• peekViewResult.background#261230
• peekViewResult.matchHighlightBackground#bb800966
• peekViewResult.selectionBackground#30173D
• peekViewTitle.background#683285
• peekViewTitleDescription.foreground#F0DFDF90
• peekViewTitleLabel.foreground#F0DFDF
• pickerGroup.border#3c3c3c
• pickerGroup.foreground#D7FF64
• ports.iconRunningProcessForeground#369432
• progressBar.background#D7FF64
• quickInput.background#261230
• quickInput.foreground#F0DFDF
• quickInputList.focusForeground#D7FF64
• quickInputList.focusIconForeground#D7FF64
• scrollbar.background#000FFF00
• scrollbarSlider.activeBackground#DE5FE9
• scrollbarSlider.background#F1AFF640
• scrollbarSlider.hoverBackground#F1AFF680
• settings.dropdownBackground#261230
• settings.dropdownBorder#F0DFDF20
• settings.headerForeground#ffffff
• settings.modifiedItemIndicator#DE5FE990
• settings.rowHoverBackground#452259
• settings.settingsHeaderHoverForeground#D7FF64
• sideBar.background#261230
• sideBar.border#0B060F50
• sideBar.foreground#f0dfdf
• sideBarActivityBarTop.border#0B060F50
• sideBarSectionHeader.background#261230
• sideBarSectionHeader.border#0B060F50
• sideBarSectionHeader.foreground#f0dfdf
• sideBarTitle.background#261230
• sideBarTitle.border#0B060F50
• sideBarTitle.foreground#f0dfdf
• statusBar.background#261230
• statusBar.border#0B060F50
• statusBar.debuggingBackground#cd67e1
• statusBar.debuggingForeground#ffffff
• statusBar.focusBorder#0B060F50
• statusBar.foreground#F0DFDF
• statusBar.noFolderBackground#170B1E
• statusBarItem.focusBorder#d7ff64
• statusBarItem.hoverBackground#FFFFFF20
• statusBarItem.hoverForeground#ffffff
• statusBarItem.prominentBackground#FFFFFF20
• statusBarItem.remoteBackground#d7ff64
• statusBarItem.remoteForeground#261230
• tab.activeBackground#261230
• tab.activeBorder#FFFFFF
• tab.activeBorderTop#000FFF00
• tab.activeForeground#ffffff
• tab.border#000FFF00
• tab.hoverBackground#30173d
• tab.hoverForeground#d7ff64
• tab.inactiveBackground#261230
• tab.inactiveForeground#F0DFDF
• tab.lastPinnedBorder#683285
• tab.selectedBackground#261230
• tab.selectedBorderTop#d7ff64
• tab.selectedForeground#d7ff64
• tab.unfocusedActiveBorder#FFFFFF
• tab.unfocusedActiveBorderTop#000FFF00
• tab.unfocusedHoverBackground#261230
• terminal.background#170B1E
• terminal.border#0B060F50
• terminal.foreground#F0DFDF
• terminal.inactiveSelectionBackground#3a3d41
• terminal.tab.activeBorder#FFFFFF
• terminalCursor.foreground#d7ff64
• textBlockQuote.background#2b2b2b
• textBlockQuote.border#616161
• textCodeBlock.background#452259
• textLink.activeForeground#DE5FE9
• textLink.foreground#d7ff64
• textPreformat.background#452259
• textPreformat.foreground#d7ff64
• textSeparator.foreground#2d2121
• titleBar.activeBackground#261230
• titleBar.activeForeground#F0DFDF
• titleBar.border#0B060F50
• titleBar.inactiveBackground#261230
• titleBar.inactiveForeground#F0DFDF70
• toolbar.activeBackground#DE5FE9
• toolbar.hoverBackground#FFFFFF20
• welcomePage.progress.foreground#d7ff64
• widget.border#313131
• widget.shadow#00000020

tokenColors

TextMate scopes and font styles (syntax highlighting rules).