Stellar Dusk
Publisher: MichealThemes in package: 1
Embrace the tranquility of the night sky with the Stellar Dusk theme for Visual Studio Code.
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.activeBackground#090f10
- activityBar.activeBorder#5495ab
- activityBar.background#090f10
- activityBar.border#131d20
- activityBar.foreground#5495ab
- activityBarBadge.background#266273
- activityBarBadge.foreground#e5ebed
- badge.background#1e3e48
- badge.foreground#e5ebed
- breadcrumb.background#090f10
- breadcrumb.focusForeground#e5ebed
- breadcrumb.foreground#c3d1d5
- button.background#5495ab
- button.foreground#e5ebed
- button.hoverBackground#5495ab
- button.secondaryBackground#1e3e48
- button.secondaryForeground#e5ebed
- debugToolBar.background#090f10
- editor.background#090f10
- editor.foreground#e5ebed
- editorGroupHeader.tabsBackground#131d20
- editorWidget.background#090f10
- editorWidget.resizeBorder#131d20
- focusBorder#266273
- foreground#c3d1d5
- input.background#131d20
- input.foreground#e5ebed
- input.placeholderForeground#c3d1d5
- inputOption.activeBackground#1e3e48
- inputOption.activeBorder#1e3e48
- inputOption.activeForeground#e5ebed
- list.activeSelectionBackground#1e3e48
- list.activeSelectionForeground#e5ebed
- list.dropBackground#131d20
- list.focusBackground#1e3e48
- list.focusForeground#c3d1d5
- list.highlightForeground#5495ab
- list.hoverBackground#1e3e48
- list.hoverForeground#c3d1d5
- list.inactiveSelectionBackground#131d20
- list.inactiveSelectionForeground#c3d1d5
- listFilterWidget.background#5495ab
- menu.background#090f10
- menu.border#131d20
- menu.foreground#c3d1d5
- menu.selectionBackground#1e3e48
- menu.selectionForeground#e5ebed
- menu.separatorBackground#131d20
- menubar.selectionBackground#1e3e48
- menubar.selectionBorder#1e3e48
- menubar.selectionForeground#c3d1d5
- panel.background#253b41
- panelTitle.activeBorder#266273
- panelTitle.activeForeground#e5ebed
- panelTitle.inactiveForeground#c3d1d5
- pickerGroup.foreground#5495ab
- progressBar.background#266273
- scrollbar.shadow#131d20
- selection.background#266273
- sideBar.border#131d20
- sideBar.foreground#c3d1d5
- sideBarSectionHeader.background#131d20
- sideBarSectionHeader.foreground#c3d1d5
- statusBar.background#266273
- statusBar.debuggingBackground#1e3e48
- statusBar.debuggingForeground#e5ebed
- statusBar.foreground#e5ebed
- statusBar.noFolderBackground#131d20
- statusBar.noFolderForeground#e5ebed
- statusBarItem.remoteBackground#266273
- statusBarItem.remoteForeground#e5ebed
- tab.activeBackground#090f10
- tab.activeBorder#131d20
- tab.activeBorderTop#131d20
- tab.activeForeground#e5ebed
- tab.border#131d20
- tab.hoverBackground#090f10
- tab.hoverForeground#e5ebed
- tab.inactiveBackground#131d20
- tab.inactiveForeground#c3d1d5
- terminal.ansiBlack#253b41
- terminal.ansiBrightBlack#131d20
- terminal.ansiBrightWhite#e5ebed
- terminal.ansiWhite#e5ebed
- terminal.foreground#c3d1d5
- terminal.selectionBackground#1e3e48
- terminalCursor.background#266273
- terminalCursor.foreground#e5ebed
- textLink.foreground#5495ab
- titleBar.activeBackground#131d20
- titleBar.activeForeground#c3d1d5
- titleBar.border#131d20
- titleBar.inactiveBackground#090f10
- titleBar.inactiveForeground#c3d1d5
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| variable | #ddeaee | — |
| variable.other.readwrite | #ddeaee | — |
| entity.name.variable | #ddeaee | — |
| variable.other.property | #ddeaee | — |
| variable.parameter | #ddeaee | — |
| variable.other.constant.property | #ddeaee | — |
| variable.language | #ddeaee | — |
| entity.name.function | #bbd5dd | — |
| entity.name.type | #bbd5dd | — |
| entity.name.section | #bbd5dd | — |
| support.function | #bbd5dd | — |
| support.type.property-name.css | #bbd5dd | — |
| keyword | #6eb0c4 | — |
| keyword.control | #6eb0c4 | — |
| keyword.other | #6eb0c4 | — |
| keyword.declaration | #6eb0c4 | — |
| storage.type | #6eb0c4 | — |
| storage.modifier | #6eb0c4 | — |
| entity.name.tag | #6eb0c4 | — |
| support.type | #6eb0c4 | — |
| entity.name.tag.css | #6eb0c4 | — |
| comment | #ddeaee | — |
| comment.line | #ddeaee | — |
| comment.block | #ddeaee | — |
| punctuation | #ddeaee | — |
| keyword.operator | #ddeaee | — |
| punctuation.definition.array.begin | #ddeaee | — |
| punctuation.definition.array.end | #ddeaee | — |
| punctuation.section.brackets.begin | #ddeaee | — |
| punctuation.section.brackets.end | #ddeaee | — |
| constant | #8cb6d9 | — |
| constant.character | #8cb6d9 | — |
| constant.language | #8cb6d9 | — |
| constant.other | #8cb6d9 | — |
| entity.name.type.class | #8cb6d9 | — |
| support.class | #8cb6d9 | — |
| variable.other.constant | #8cb6d9 | — |
| support.constant.* | #8cb6d9 | — |
| entity.other.inherited-class | #8cb6d9 | — |
| entity.other.attribute-name | #8cb6d9 | — |
| entity.other.attribute-name.class.css | #8cb6d9 | — |
| entity.other.attribute-name.id.css | #8cb6d9 | — |
| entity.other.attribute-name.pseudo-class.css | #8cb6d9 | — |
| entity.other.attribute-name.pseudo-element.css | #8cb6d9 | — |
| constant.numeric | #499cb5 | — |
| support.constant.property-value.css | #499cb5 | — |
| constant.other.color | #499cb5 | — |
| constant.other.color.rgb-value.css | #499cb5 | — |
| string | #c3d1d5 | — |