Horizon Dusk & Dawn Theme
Publisher: Kamron ZaidiThemes in package: 4
An ergonomic theme suite inspired by the colors of dusk and dawn.
Color themes
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.activeBorder#C2410C
- activityBar.background#D6DDEC
- activityBar.foreground#C2410C
- activityBar.inactiveForeground#7C8BA1
- button.background#0275B9
- button.foreground#FFFFFF
- button.hoverBackground#0369A1
- editor.background#FBF5EE
- editor.foreground#0B1220
- editor.lineHighlightBackground#F5EDE0
- editorCursor.foreground#0275B9
- editorError.foreground#DC2626
- editorGroup.emptyBackground#E4E8F2
- editorGroupHeader.noTabsBackground#E4E8F2
- editorGroupHeader.tabsBackground#E4E8F2
- editorHoverWidget.background#FDFBF7
- editorHoverWidget.border#C0C9DA
- editorIndentGuide.activeBackground#7C8BA1
- editorIndentGuide.background#E2E6EC
- editorInfo.foreground#2563EB
- editorLineNumber.activeForeground#0B1220
- editorLineNumber.foreground#9EB0C6
- editorSuggestWidget.background#FDFBF7
- editorSuggestWidget.border#C0C9DA
- editorSuggestWidget.selectedBackground#CBDDF4
- editorWarning.foreground#D97706
- editorWidget.background#FDFBF7
- editorWidget.border#C0C9DA
- focusBorder#7C8BA1
- input.background#FFFFFF
- input.border#C0C9DA
- input.foreground#0B1220
- list.activeSelectionBackground#CBDDF4
- list.activeSelectionForeground#0B1220
- list.hoverBackground#E4E8F2
- list.inactiveSelectionBackground#E4E8F2
- menu.background#FDFBF7
- menu.border#C0C9DA
- menu.foreground#0B1220
- menu.selectionBackground#CBDDF4
- menu.selectionForeground#0B1220
- menu.separatorBackground#C0C9DA
- menubar.selectionBackground#CBDDF4
- menubar.selectionForeground#0B1220
- panel.background#EFE8DD
- panel.border#DFD7C9
- panelTitle.activeBorder#C2410C
- panelTitle.activeForeground#0B1220
- panelTitle.inactiveForeground#6E6659
- quickInput.background#FDFBF7
- quickInput.border#C0C9DA
- quickInput.foreground#0B1220
- quickInputList.focusBackground#CBDDF4
- quickInputList.focusForeground#0B1220
- settings.checkboxBackground#FDFBF7
- settings.checkboxBorder#C0C9DA
- settings.checkboxForeground#0B1220
- settings.dropdownBackground#FDFBF7
- settings.dropdownBorder#C0C9DA
- settings.dropdownForeground#0B1220
- settings.numberInputBackground#FDFBF7
- settings.numberInputBorder#C0C9DA
- settings.numberInputForeground#0B1220
- settings.textInputBackground#FDFBF7
- settings.textInputBorder#C0C9DA
- settings.textInputForeground#0B1220
- sideBar.background#E4E8F2
- sideBar.foreground#4A5A72
- sideBarSectionHeader.background#D6DDEC
- sideBarSectionHeader.foreground#0B1220
- statusBar.background#D6DDEC
- statusBar.debuggingBackground#D97706
- statusBar.debuggingForeground#FFFFFF
- statusBar.foreground#334155
- statusBar.noFolderBackground#D6DDEC
- tab.activeBackground#FBF5EE
- tab.activeBorderTop#C2410C
- tab.activeForeground#0B1220
- tab.inactiveBackground#E4E8F2
- tab.inactiveForeground#4A5A72
- terminal.background#FBF5EE
- terminal.foreground#0B1220
- titleBar.activeBackground#D6DDEC
- titleBar.activeForeground#0B1220
- titleBar.border#C0C9DA
- titleBar.inactiveBackground#E4E8F2
- titleBar.inactiveForeground#5E6E85
- widget.shadow#C0C9DA
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #5E6E85 | italic |
| keyword, storage.type, storage.modifier, variable.language | #9A208C | — |
| entity.name.function, support.function, meta.function-call | #0275B9 | — |
| string, string.quoted, punctuation.definition.string | #107C41 | — |
| entity.name.type, entity.name.class, support.class, support.type | #C2410C | — |
| constant.numeric, constant.language, support.constant, constant.character | #D97706 | — |
| variable, variable.other, variable.parameter, entity.name.variable | #0B1220 | — |
| keyword.operator, punctuation | #334155 | — |
| entity.name.tag, meta.tag, entity.other.attribute-name, meta.object-literal.key | #0275B9 | — |