Zenith Color Theme

Color themes

• 

  Zenith Aurora

• 

  Zenith Dawn

• 

  Zenith Dusk

• 

  Zenith Forest

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#00000000
• activityBar.activeBorder#00000000
• activityBar.activeFocusBorder#00000000
• activityBar.background#1a1e24
• activityBar.border#00000000
• activityBar.dropBorder#00000000
• activityBar.foreground#d8e5e8
• activityBar.inactiveForeground#4d5563
• activityBarBadge.background#c8b5e8
• activityBarBadge.foreground#1a1e24
• badge.background#c8b5e8
• badge.foreground#1a1e24
• breadcrumb.activeSelectionForeground#c8b5e8
• breadcrumb.background#1a1e24
• breadcrumb.focusForeground#d8e5e8
• breadcrumb.foreground#5c6473
• breadcrumbPicker.background#242831
• button.background#c8b5e8
• button.foreground#1a1e24
• button.hoverBackground#c8b5e8dd
• button.secondaryBackground#292d36
• button.secondaryForeground#d8e5e8
• button.secondaryHoverBackground#242831
• checkbox.background#242831
• checkbox.border#00000000
• checkbox.foreground#d8e5e8
• descriptionForeground#5c6473
• disabledForeground#4d5563
• dropdown.background#242831
• dropdown.border#00000000
• dropdown.foreground#d8e5e8
• dropdown.listBackground#242831
• editor.background#1a1e24
• editor.findMatchBackground#c8b5e850
• editor.findMatchBorder#c8b5e8
• editor.findMatchHighlightBackground#c8b5e825
• editor.findMatchHighlightBorder#00000000
• editor.findRangeHighlightBackground#2f343d40
• editor.findRangeHighlightBorder#00000000
• editor.foreground#d8e5e8
• editor.hoverHighlightBackground#2f343d40
• editor.inactiveSelectionBackground#c8b5e830
• editor.lineHighlightBackground#242831
• editor.lineHighlightBorder#00000000
• editor.rangeHighlightBackground#2f343d40
• editor.rangeHighlightBorder#00000000
• editor.selectionBackground#c8b5e840
• editor.selectionHighlightBackground#c8b5e825
• editor.selectionHighlightBorder#00000000
• editor.wordHighlightBackground#9fc5e825
• editor.wordHighlightBorder#9fc5e860
• editor.wordHighlightStrongBackground#9fc5e835
• editor.wordHighlightStrongBorder#9fc5e880
• editorBracketMatch.background#c8b5e825
• editorBracketMatch.border#c8b5e880
• editorCodeLens.foreground#5c6473
• editorCursor.background#1a1e24
• editorCursor.foreground#c8b5e8
• editorError.border#00000000
• editorError.foreground#e8a5b8
• editorGroup.border#00000000
• editorGroup.dropBackground#2f343d40
• editorGroupHeader.border#00000000
• editorGroupHeader.noTabsBackground#1a1e24
• editorGroupHeader.tabsBackground#1a1e24
• editorGroupHeader.tabsBorder#00000000
• editorGutter.addedBackground#a8dfc5
• editorGutter.background#1a1e24
• editorGutter.commentRangeForeground#3e4450
• editorGutter.deletedBackground#e8a5b8
• editorGutter.foldingControlForeground#5c6473
• editorGutter.modifiedBackground#9fc5e8
• editorHint.border#00000000
• editorHint.foreground#c8b5e8
• editorHoverWidget.background#242831
• editorHoverWidget.border#c8b5e860
• editorHoverWidget.foreground#d8e5e8
• editorHoverWidget.statusBarBackground#1f232a
• editorIndentGuide.activeBackground#c8b5e860
• editorIndentGuide.background#5c647340
• editorInfo.border#00000000
• editorInfo.foreground#9fc5e8
• editorLineNumber.activeForeground#c8b5e8
• editorLineNumber.foreground#3e4450
• editorLink.activeForeground#9fc5e8
• editorOverviewRuler.addedForeground#a8dfc5
• editorOverviewRuler.border#00000000
• editorOverviewRuler.bracketMatchForeground#88b3d6
• editorOverviewRuler.deletedForeground#e8a5b8
• editorOverviewRuler.errorForeground#e8a5b8
• editorOverviewRuler.infoForeground#9fc5e8
• editorOverviewRuler.modifiedForeground#9fc5e8
• editorOverviewRuler.warningForeground#e8d8b0
• editorRuler.foreground#3e445060
• editorSuggestWidget.background#242831
• editorSuggestWidget.border#c8b5e860
• editorSuggestWidget.foreground#d8e5e8
• editorSuggestWidget.highlightForeground#c8b5e8
• editorSuggestWidget.selectedBackground#c8b5e830
• editorWarning.border#00000000
• editorWarning.foreground#e8d8b0
• editorWhitespace.foreground#5c647350
• editorWidget.background#242831
• editorWidget.border#c8b5e860
• editorWidget.foreground#d8e5e8
• errorForeground#e8a5b8
• extensionButton.prominentBackground#c8b5e8
• extensionButton.prominentForeground#1a1e24
• extensionButton.prominentHoverBackground#c8b5e8dd
• focusBorder#00000000
• foreground#d8e5e8
• gitDecoration.conflictingResourceForeground#e8c4a0
• gitDecoration.deletedResourceForeground#e8a5b8
• gitDecoration.ignoredResourceForeground#5c6473
• gitDecoration.modifiedResourceForeground#9fc5e8
• gitDecoration.submoduleResourceForeground#c8b5e8
• gitDecoration.untrackedResourceForeground#a8dfc5
• icon.foreground#c8b5e8
• input.background#242831
• input.border#00000000
• input.foreground#d8e5e8
• input.placeholderForeground#5c6473
• inputOption.activeBackground#2f343d80
• inputOption.activeBorder#00000000
• inputOption.activeForeground#d8e5e8
• inputValidation.errorBackground#242831
• inputValidation.errorBorder#e8a5b8
• inputValidation.errorForeground#e8a5b8
• inputValidation.infoBackground#242831
• inputValidation.infoBorder#9fc5e8
• inputValidation.infoForeground#9fc5e8
• inputValidation.warningBackground#242831
• inputValidation.warningBorder#e8d8b0
• inputValidation.warningForeground#e8d8b0
• list.activeSelectionBackground#c8b5e835
• list.activeSelectionForeground#d8e5e8
• list.dropBackground#2f343d40
• list.errorForeground#e8a5b8
• list.focusBackground#c8b5e830
• list.focusForeground#d8e5e8
• list.highlightForeground#c8b5e8
• list.hoverBackground#24283180
• list.hoverForeground#d8e5e8
• list.inactiveSelectionBackground#c8b5e820
• list.inactiveSelectionForeground#d8e5e8
• list.invalidItemForeground#e8a5b8
• list.warningForeground#e8d8b0
• listFilterWidget.background#242831
• listFilterWidget.noMatchesOutline#e8a5b8
• listFilterWidget.outline#00000000
• menu.background#242831
• menu.border#00000000
• menu.foreground#d8e5e8
• menu.selectionBackground#c8b5e840
• menu.selectionForeground#d8e5e8
• menu.separatorBackground#2f343d
• menubar.selectionBackground#2f343d40
• menubar.selectionForeground#d8e5e8
• minimap.errorHighlight#e8a5b8
• minimap.findMatchHighlight#e8d8b040
• minimap.selectionHighlight#2f343d80
• minimap.warningHighlight#e8d8b0
• minimapGutter.addedBackground#a8dfc5
• minimapGutter.deletedBackground#e8a5b8
• minimapGutter.modifiedBackground#9fc5e8
• notificationCenter.border#00000000
• notificationCenterHeader.background#242831
• notificationCenterHeader.foreground#d8e5e8
• notificationLink.foreground#9fc5e8
• notifications.background#242831
• notifications.border#00000000
• notifications.foreground#d8e5e8
• notificationsErrorIcon.foreground#e8a5b8
• notificationsInfoIcon.foreground#9fc5e8
• notificationsWarningIcon.foreground#e8d8b0
• notificationToast.border#00000000
• panel.background#1a1e24
• panel.border#292d36
• panelTitle.activeBorder#c8b5e8
• panelTitle.activeForeground#d8e5e8
• panelTitle.inactiveForeground#5c6473
• peekView.border#c8b5e8
• peekViewEditor.background#242831
• peekViewEditor.matchHighlightBackground#e8d8b040
• peekViewResult.background#242831
• peekViewResult.fileForeground#d8e5e8
• peekViewResult.lineForeground#5c6473
• peekViewResult.matchHighlightBackground#e8d8b040
• peekViewResult.selectionBackground#c8b5e840
• peekViewResult.selectionForeground#d8e5e8
• peekViewTitle.background#292d36
• peekViewTitleDescription.foreground#5c6473
• peekViewTitleLabel.foreground#d8e5e8
• progressBar.background#c8b5e8
• sash.hoverBorder#00000000
• scrollbar.shadow#1a1e2440
• scrollbarSlider.activeBackground#c8b5e860
• scrollbarSlider.background#3e445040
• scrollbarSlider.hoverBackground#3e445060
• search.resultsInfoForeground#d8e5e8
• searchEditor.findMatchBackground#c8b5e850
• searchEditor.findMatchBorder#c8b5e8
• searchEditor.textInputBorder#00000000
• selection.background#2f343d
• settings.checkboxBackground#242831
• settings.checkboxBorder#00000000
• settings.checkboxForeground#d8e5e8
• settings.dropdownBackground#242831
• settings.dropdownBorder#00000000
• settings.dropdownForeground#d8e5e8
• settings.dropdownListBorder#00000000
• settings.headerForeground#d8e5e8
• settings.modifiedItemIndicator#9fc5e8
• settings.numberInputBackground#242831
• settings.numberInputBorder#00000000
• settings.numberInputForeground#d8e5e8
• settings.textInputBackground#242831
• settings.textInputBorder#00000000
• settings.textInputForeground#d8e5e8
• sideBar.background#1a1e24
• sideBar.border#00000000
• sideBar.foreground#d8e5e8
• sideBarSectionHeader.background#00000000
• sideBarSectionHeader.border#00000000
• sideBarSectionHeader.foreground#d8e5e8
• sideBarTitle.foreground#d8e5e8
• statusBar.background#1f232a
• statusBar.border#00000000
• statusBar.debuggingBackground#e8c4a0
• statusBar.debuggingBorder#00000000
• statusBar.debuggingForeground#1a1e24
• statusBar.foreground#d8e5e8
• statusBar.noFolderBackground#1f232a
• statusBar.noFolderBorder#00000000
• statusBar.noFolderForeground#d8e5e8
• statusBarItem.activeBackground#c8b5e840
• statusBarItem.hoverBackground#2f343d40
• statusBarItem.prominentBackground#c8b5e8
• statusBarItem.prominentForeground#1a1e24
• statusBarItem.prominentHoverBackground#c8b5e8dd
• statusBarItem.remoteBackground#c8b5e8
• statusBarItem.remoteForeground#1a1e24
• tab.activeBackground#1a1e24
• tab.activeBorder#00000000
• tab.activeBorderTop#c8b5e8
• tab.activeForeground#d8e5e8
• tab.activeModifiedBorder#9fc5e8
• tab.border#00000000
• tab.hoverBackground#242831
• tab.hoverBorder#00000000
• tab.hoverForeground#d8e5e8
• tab.inactiveBackground#1a1e24
• tab.inactiveForeground#5c6473
• tab.inactiveModifiedBorder#9fc5e880
• tab.unfocusedActiveBorder#00000000
• tab.unfocusedActiveBorderTop#4d5563
• tab.unfocusedActiveForeground#5c6473
• tab.unfocusedActiveModifiedBorder#9fc5e860
• tab.unfocusedHoverBackground#242831
• tab.unfocusedHoverBorder#00000000
• tab.unfocusedHoverForeground#d8e5e8
• tab.unfocusedInactiveForeground#4d5563
• tab.unfocusedInactiveModifiedBorder#9fc5e840
• terminal.ansiBlack#1a1e24
• terminal.ansiBlue#9fc5e8
• terminal.ansiBrightBlack#3e4450
• terminal.ansiBrightBlue#88b3d6
• terminal.ansiBrightCyan#96d6d0
• terminal.ansiBrightGreen#b8e5d0
• terminal.ansiBrightMagenta#b8a5d8
• terminal.ansiBrightRed#e8a5b8
• terminal.ansiBrightWhite#d8e5e8
• terminal.ansiBrightYellow#e8d8b0
• terminal.ansiCyan#a0e8e0
• terminal.ansiGreen#a8dfc5
• terminal.ansiMagenta#c8b5e8
• terminal.ansiRed#e8a5b8
• terminal.ansiWhite#d8e5e8
• terminal.ansiYellow#e8d8b0
• terminal.background#1a1e24
• terminal.foreground#d8e5e8
• terminal.selectionBackground#c8b5e840
• terminalCursor.background#1a1e24
• terminalCursor.foreground#c8b5e8
• textBlockQuote.background#242831
• textBlockQuote.border#00000000
• textCodeBlock.background#242831
• textLink.activeForeground#88b3d6
• textLink.foreground#9fc5e8
• textPreformat.foreground#d8e5e8
• textSeparator.foreground#00000000
• titleBar.activeBackground#1a1e24
• titleBar.activeForeground#d8e5e8
• titleBar.border#00000000
• titleBar.inactiveBackground#1a1e24
• titleBar.inactiveForeground#5c6473
• toolbar.activeBackground#c8b5e840
• toolbar.hoverBackground#2f343d40
• tree.indentGuidesStroke#3e4450
• welcomePage.background#1a1e24
• welcomePage.buttonBackground#242831
• welcomePage.buttonHoverBackground#292d36
• widget.shadow#1a1e2440
• window.activeBorder#00000000
• window.inactiveBorder#00000000

tokenColors

TextMate scopes and font styles (syntax highlighting rules).