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#f03737
• activityBar.activeBorder#0B060F
• activityBar.background#f4f4f1
• activityBar.border#e2e1e2
• activityBar.foreground#452259
• activityBar.inactiveForeground#45225990
• activityBarBadge.background#D7FF64
• activityBarBadge.foreground#452259
• activityBarTop.foreground#452259
• activityBarTop.inactiveForeground#45225990
• badge.background#D7FF64
• badge.foreground#170B1E
• breadcrumb.activeSelectionForeground#DE5FE9
• breadcrumb.background#f4f4f1
• breadcrumb.foreground#BBBBBB
• button.background#30173D
• button.border#F1AFF6aa
• button.foreground#F9F2FB
• button.hoverBackground#683285
• button.secondaryBackground#F1AFF6
• button.secondaryForeground#222244
• button.secondaryHoverBackground#DE5FE9
• chat.editedFileForeground#e2c08d
• chat.slashCommandBackground#26477866
• chat.slashCommandForeground#85b6ff
• checkbox.background#00000018
• checkbox.border#452259
• commandCenter.activeBackground#FFFFFF10
• commandCenter.activeForeground#D7FF64
• debugToolBar.background#181818
• descriptionForeground#9d9d9d
• dropdown.background#FFFFFF
• dropdown.border#30173D
• dropdown.foreground#0B060F
• dropdown.listBackground#F4F4F1
• editor.background#FCFCFC
• editor.findMatchBackground#DE5FE9aa
• editor.foldBackground#f4f4f15f
• editor.foreground#707070
• editor.hoverHighlightBackground#E6FF99
• editor.inactiveLineHighlightBackground#F8F8F8
• editor.inactiveSelectionBackground#a4a4a470
• editor.lineHighlightBackground#F4F4F4
• editor.selectionHighlightBackground#00BFA5a8
• editor.wordHighlightBackground#E6FF99
• editorBracketMatch.background#F0DFDF
• editorBracketMatch.border#30173D20
• editorCursor.foreground#DE5FE9
• editorGroup.border#e2e1e2
• editorGroup.dropBackground#68328590
• editorGroupHeader.tabsBackground#F4F4F1
• editorGroupHeader.tabsBorder#e2e1e2
• editorGutter.addedBackground#008b02
• editorGutter.background#FAFAFA
• editorGutter.deletedBackground#E84A62
• editorGutter.foldingControlForeground#CCCCCC
• editorGutter.modifiedBackground#00a9c7
• editorHoverWidget.background#f4f4f1
• editorHoverWidget.border#e2e1e2
• editorHoverWidget.foreground#30173D
• editorIndentGuide.activeBackground1#D0D0D0
• editorIndentGuide.background1#EEEEEE
• editorLightBulb.foreground#0B060F
• editorLightBulbAutoFix.foreground#46EBE1
• editorLineNumber.activeForeground#888888
• editorLineNumber.foreground#CCCCCC
• editorOverviewRuler.border#00000000
• editorStickyScroll.border#e2e1e2
• editorStickyScroll.shadow#e2e1e2
• editorStickyScrollHover.background#EEEEEE
• editorSuggestWidget.border#e2e1e2
• editorWidget.background#f4f4f1
• editorWidget.border#DE5FE9
• editorWidget.resizeBorder#DE5FE9
• errorForeground#f85149
• focusBorder#0B060F
• foreground#452259
• icon.foreground#452259
• input.background#FFFFFF
• input.border#30173D
• input.foreground#0B060F
• input.placeholderForeground#0B060F70
• inputOption.activeBackground#DE5FE9
• inputOption.activeBorder#DE5FE9
• keybindingLabel.foreground#0B060F
• list.activeSelectionBackground#FCFCFC
• list.activeSelectionForeground#5e42a6
• list.activeSelectionIconForeground#DE5FE9
• list.dropBackground#CCCCCC90
• list.errorForeground#ff2323
• list.highlightForeground#DE5FE9
• list.hoverBackground#FCFCFC
• list.hoverForeground#DE5FE9
• list.inactiveSelectionBackground#FCFCFC
• list.inactiveSelectionForeground#5e42a6
• menu.background#F4F4F1
• menu.border#e2e1e2
• menu.foreground#0B060F
• menu.selectionBackground#fcfcfc
• menu.selectionForeground#DE5FE9
• menu.separatorBackground#CCCCCC
• minimap.background#00000008
• notificationCenter.border#e2e1e2
• notificationCenterHeader.background#F4F4F1
• notificationCenterHeader.foreground#0B060F
• notifications.background#F4F4F1
• notifications.border#e2e1e2
• notifications.foreground#0B060F
• panel.background#f4f4f1
• panel.border#e2e1e2
• panelInput.border#30173D
• panelTitle.activeBorder#452259
• panelTitle.activeForeground#452259
• panelTitle.inactiveForeground#45225990
• peekView.border#DE5FE9
• peekViewEditor.background#ffffff
• peekViewEditorGutter.background#f4f4f12f
• peekViewResult.background#f4f4f1
• peekViewResult.selectionBackground#ffffff
• peekViewTitle.background#683285
• peekViewTitleDescription.foreground#FFFFFF90
• peekViewTitleLabel.foreground#FFFFFF
• pickerGroup.border#3c3c3c
• pickerGroup.foreground#DE5FE9
• ports.iconRunningProcessForeground#369432
• progressBar.background#0B060F
• quickInput.background#f4f4f1
• quickInput.foreground#0B060F
• quickInputList.focusForeground#DE5FE9
• quickInputList.focusIconForeground#DE5FE9
• scrollbar.background#000FFF00
• scrollbarSlider.activeBackground#DE5FE9
• scrollbarSlider.background#87878740
• scrollbarSlider.hoverBackground#D7FF64
• settings.dropdownBackground#FFFFFF
• settings.dropdownBorder#30173D
• settings.headerForeground#30173D
• settings.modifiedItemIndicator#DE5FE990
• settings.rowHoverBackground#F4F4F1
• settings.settingsHeaderHoverForeground#DE5FE9
• sideBar.background#f4f4f1
• sideBar.border#e2e1e2
• sideBar.dropBackground#CCCCCC90
• sideBar.foreground#30173D
• sideBarActivityBarTop.border#e2e1e2
• sideBarSectionHeader.background#f8f8f8
• sideBarSectionHeader.border#e2e1e2
• sideBarSectionHeader.foreground#452259
• sideBarTitle.background#f4f4f1
• sideBarTitle.border#e2e1e2
• sideBarTitle.foreground#452259
• statusBar.background#F4F4F1
• statusBar.border#e2e1e2
• statusBar.debuggingBackground#DE5FE9
• statusBar.debuggingForeground#0B060F
• statusBar.focusBorder#e2e1e2
• statusBar.foreground#45225990
• statusBar.noFolderBackground#170B1E
• statusBarItem.focusBorder#0B060F
• statusBarItem.hoverBackground#FCFCFC
• statusBarItem.hoverForeground#452259
• statusBarItem.prominentBackground#FFFFFF20
• statusBarItem.remoteBackground#452259
• statusBarItem.remoteForeground#f4f4f1
• tab.activeBackground#F4F4F1
• tab.activeBorder#0B060F
• tab.activeBorderTop#000FFF00
• tab.activeForeground#0B060F
• tab.border#000FFF00
• tab.hoverBackground#FCFCFC
• tab.hoverForeground#0B060F
• tab.inactiveBackground#F4F4F1
• tab.inactiveForeground#30173D
• tab.lastPinnedBorder#683285
• tab.selectedBackground#FCFCFC
• tab.selectedBorderTop#0B060F
• tab.selectedForeground#0B060F
• tab.unfocusedActiveBorder#0B060F
• tab.unfocusedActiveBorderTop#000FFF00
• tab.unfocusedHoverBackground#FCFCFC
• terminal.background#FEFEFE
• terminal.border#e2e1e2
• terminal.foreground#261230
• terminal.inactiveSelectionBackground#3a3d41
• terminal.tab.activeBorder#0B060F
• terminalCursor.foreground#DE5FE9
• textBlockQuote.background#2b2b2b
• textBlockQuote.border#616161
• textCodeBlock.background#bfbfbf
• textLink.activeForeground#DE5FE9
• textLink.foreground#0B060F
• textPreformat.background#bfbfbf
• textPreformat.foreground#452259
• textSeparator.foreground#2d2121
• titleBar.activeBackground#261230
• titleBar.activeForeground#F9F2FB
• titleBar.border#0B060F50
• titleBar.inactiveBackground#261230
• titleBar.inactiveForeground#F9F2FB90
• toolbar.activeBackground#D7FF64
• toolbar.hoverBackground#00000018
• welcomePage.progress.background#CCCCCC
• welcomePage.progress.foreground#683285
• widget.border#313131
• widget.shadow#00000020

tokenColors

TextMate scopes and font styles (syntax highlighting rules).