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.background#DEE5ED
- activityBar.foreground#1D2636
- activityBar.inactiveForeground#7D8C9F
- button.background#0284C7
- button.foreground#FFFFFF
- button.hoverBackground#0270A9
- editor.background#F4F6F9
- editor.foreground#1D2636
- editor.lineHighlightBackground#EBF1F6
- editorCursor.foreground#0284C7
- editorError.foreground#DC2626
- editorGroup.emptyBackground#E5EAF0
- editorGroupHeader.noTabsBackground#E5EAF0
- editorGroupHeader.tabsBackground#E5EAF0
- editorHoverWidget.background#EDF2F7
- editorHoverWidget.border#CBD4E1
- editorIndentGuide.activeBackground#7D8C9F
- editorIndentGuide.background#E2E9F2
- editorInfo.foreground#2563EB
- editorLineNumber.activeForeground#1D2636
- editorLineNumber.foreground#9EB0C6
- editorSuggestWidget.background#EDF2F7
- editorSuggestWidget.border#CBD4E1
- editorSuggestWidget.selectedBackground#CBDDF4
- editorWarning.foreground#D97706
- editorWidget.background#EDF2F7
- editorWidget.border#CBD4E1
- focusBorder#7D8C9F
- input.background#FFFFFF
- input.border#CBD4E1
- input.foreground#1D2636
- list.activeSelectionBackground#CBDDF4
- list.activeSelectionForeground#1D2636
- list.hoverBackground#E2E9F2
- list.inactiveSelectionBackground#E2E9F2
- menu.background#EDF2F7
- menu.border#CBD4E1
- menu.foreground#1D2636
- menu.selectionBackground#CBDDF4
- menu.selectionForeground#1D2636
- menu.separatorBackground#CBD4E1
- menubar.selectionBackground#CBDDF4
- menubar.selectionForeground#1D2636
- panel.background#DEE5ED
- panel.border#CBD4E1
- panelTitle.activeBorder#0284C7
- panelTitle.activeForeground#1D2636
- panelTitle.inactiveForeground#7D8C9F
- quickInput.background#EDF2F7
- quickInput.border#CBD4E1
- quickInput.foreground#1D2636
- quickInputList.focusBackground#CBDDF4
- quickInputList.focusForeground#1D2636
- settings.checkboxBackground#EDF2F7
- settings.checkboxBorder#CBD4E1
- settings.checkboxForeground#1D2636
- settings.dropdownBackground#EDF2F7
- settings.dropdownBorder#CBD4E1
- settings.dropdownForeground#1D2636
- settings.numberInputBackground#EDF2F7
- settings.numberInputBorder#CBD4E1
- settings.numberInputForeground#1D2636
- settings.textInputBackground#EDF2F7
- settings.textInputBorder#CBD4E1
- settings.textInputForeground#1D2636
- sideBar.background#EBF1F6
- sideBar.foreground#5C6B84
- sideBarSectionHeader.background#DFE5EC
- sideBarSectionHeader.foreground#1D2636
- statusBar.background#EBF1F6
- statusBar.debuggingBackground#EA580C
- statusBar.debuggingForeground#FFFFFF
- statusBar.foreground#5C6B84
- statusBar.noFolderBackground#EBF1F6
- tab.activeBackground#F4F6F9
- tab.activeBorderTop#0284C7
- tab.activeForeground#1D2636
- tab.inactiveBackground#E5EAF0
- tab.inactiveForeground#5C6B84
- terminal.background#F4F6F9
- terminal.foreground#1D2636
- titleBar.activeBackground#D1D9E3
- titleBar.activeForeground#1D2636
- titleBar.border#CBD4E1
- titleBar.inactiveBackground#DFE5EC
- titleBar.inactiveForeground#5C6B84
- widget.shadow#CAD3DD
tokenColors
TextMate scopes and font styles (syntax highlighting rules).
| scope | foreground | fontStyle |
|---|---|---|
| comment, punctuation.definition.comment | #7A8B9E | italic |
| keyword, storage.type, storage.modifier, variable.language | #7C3AED | — |
| entity.name.function, support.function, meta.function-call | #0284C7 | — |
| string, string.quoted, punctuation.definition.string | #0F766E | — |
| entity.name.type, entity.name.class, support.class, support.type | #B45309 | — |
| constant.numeric, constant.language, support.constant, constant.character | #EA580C | — |
| variable, variable.other, variable.parameter, entity.name.variable | #1D2636 | — |
| keyword.operator, punctuation | #5C6B84 | — |
| entity.name.tag, meta.tag, entity.other.attribute-name, meta.object-literal.key | #0284C7 | — |