Aster Midnight Theme

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#123077cc
• activityBar.border#3A3A3A
• activityBar.foreground#F9FBFF
• activityBarBadge.background#0E6FFF
• activityBarBadge.foreground#000000
• badge.background#0E6FFF30
• badge.foreground#FFFFFF
• breadcrumb.activeSelectionForeground#FFFFFF
• breadcrumb.background#123077cc
• breadcrumb.focusForeground#FFFFFF
• breadcrumb.foreground#d0d4db
• breadcrumbPicker.background#000000
• button.background#0E6FFF90
• contrastBorder#3A3A3A88
• debugToolBar.background#000000
• dropdown.background#000000
• dropdown.border#3A3A3A
• editor.background#000000
• editor.findMatchBackground#0E6FFF40
• editor.findMatchBorder#0E6FFF
• editor.findMatchHighlightBackground#0E6FFF25
• editor.foreground#F9FBFF
• editor.lineHighlightBackground#0E6FFF20
• editor.selectionBackground#0E6FFF40
• editor.selectionHighlightBackground#0E6FFF25
• editor.selectionHighlightBorder#0E6FFF40
• editorBracketMatch.background#1c1f3ecc
• editorBracketMatch.border#4A4A4A
• editorCursor.foreground#0645a4
• editorError.foreground#FF4A55
• editorGroup.border#3A3A3A
• editorGroupHeader.background#123077cc
• editorGroupHeader.noTabsBackground#123077cc
• editorGroupHeader.tabsBackground#123077cc
• editorGroupHeader.tabsBorder#3A3A3A
• editorGutter.addedBackground#0E6FFF60
• editorGutter.deletedBackground#FF4A5560
• editorGutter.modifiedBackground#1E90FF60
• editorHoverWidget.background#000000
• editorHoverWidget.border#3A3A3A
• editorIndentGuide.activeBackground#0E6FFF60
• editorIndentGuide.background#264a7a60
• editorLineNumber.activeForeground#1b64d2
• editorLineNumber.foreground#4A4A4A
• editorMarkerNavigation.background#000000
• editorOverviewRuler.border#3A3A3A
• editorOverviewRuler.errorForeground#FF4A55
• editorOverviewRuler.findMatchForeground#0E6FFF
• editorOverviewRuler.infoForeground#0E6FFF
• editorOverviewRuler.warningForeground#FFD866
• editorSuggestWidget.background#000000
• editorSuggestWidget.border#3A3A3A
• editorSuggestWidget.foreground#F9FBFF
• editorSuggestWidget.highlightForeground#0E6FFF
• editorSuggestWidget.selectedBackground#0E6FFF20
• editorWhitespace.foreground#0E6FFF20
• editorWidget.background#000000
• editorWidget.border#3A3A3A
• editorWidget.resizeBorder#0E6FFF
• extensionButton.prominentBackground#0E6FFF
• extensionButton.prominentHoverBackground#157CFF
• focusBorder#3A3A3A
• gitDecoration.conflictingResourceForeground#FF4A55
• gitDecoration.deletedResourceForeground#FF4A55
• gitDecoration.ignoredResourceForeground#555555
• gitDecoration.modifiedResourceForeground#1E90FF
• gitDecoration.untrackedResourceForeground#0E6FFF
• input.background#000000
• input.border#3A3A3A
• input.foreground#FFFFFF
• input.placeholderForeground#888888
• list.activeSelectionBackground#123077cc
• list.activeSelectionForeground#FFFFFF
• list.hoverBackground#0E6FFF20
• list.hoverForeground#FFFFFF
• list.inactiveSelectionBackground#123077cc
• list.inactiveSelectionForeground#FFFFFF
• menu.background#000000
• menu.border#3A3A3A
• menu.foreground#FFFFFF
• menu.selectionBackground#0E6FFF30
• minimap.background#000000
• minimapSlider.activeBackground#0E6FFF80
• minimapSlider.background#0E6FFF40
• minimapSlider.hoverBackground#0E6FFF60
• notifications.background#000000
• notifications.foreground#F9FBFF
• panel.background#000000
• panel.border#3A3A3A
• panelTitle.activeForeground#FFFFFF
• panelTitle.inactiveForeground#777777
• scrollbarSlider.activeBackground#0E6FFF80
• scrollbarSlider.background#0E6FFF40
• scrollbarSlider.hoverBackground#0E6FFF60
• sideBar.background#000000
• sideBar.border#3A3A3A
• sideBar.foreground#F9FBFF
• sideBarSectionHeader.background#0A0A0A
• statusBar.background#123077cc
• statusBar.border#3A3A3A
• statusBar.foreground#0E6FFF
• tab.activeBackground#000206
• tab.activeBorder#0E6FFF
• tab.activeForeground#FFFFFF
• tab.border#3A3A3A
• tab.inactiveBackground#123077cc
• tab.inactiveForeground#A8A8A8
• terminal.ansiBlue#0E6FFF
• terminal.ansiBrightWhite#FFFFFF
• terminal.ansiCyan#67DDE0
• terminal.ansiGreen#5EE270
• terminal.ansiRed#FF4A55
• terminal.background#000000
• terminal.foreground#F9FBFF
• terminalCursor.foreground#0E6FFF
• titleBar.activeBackground#123077cc
• titleBar.activeForeground#FFFFFF
• titleBar.border#3A3A3A

tokenColors

TextMate scopes and font styles (syntax highlighting rules).