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#151d17
• activityBar.border#00000000
• activityBar.dropBorder#00000000
• activityBar.foreground#e8f0e0
• activityBar.inactiveForeground#556555
• activityBarBadge.background#c8a8e0
• activityBarBadge.foreground#1a211b
• badge.background#c8a8e0
• badge.foreground#1a211b
• breadcrumb.activeSelectionForeground#c8a8e0
• breadcrumb.background#151d17
• breadcrumb.focusForeground#e8f0e0
• breadcrumb.foreground#667766
• breadcrumbPicker.background#242b26
• button.background#c8a8e0
• button.foreground#1a211b
• button.hoverBackground#c8a8e0dd
• button.secondaryBackground#2a322b
• button.secondaryForeground#e8f0e0
• button.secondaryHoverBackground#242b26
• checkbox.background#242b26
• checkbox.border#00000000
• checkbox.foreground#e8f0e0
• descriptionForeground#667766
• disabledForeground#556555
• dropdown.background#242b26
• dropdown.border#00000000
• dropdown.foreground#e8f0e0
• dropdown.listBackground#242b26
• editor.background#151d17
• editor.findMatchBackground#c8a8e050
• editor.findMatchBorder#c8a8e0
• editor.findMatchHighlightBackground#c8a8e025
• editor.findMatchHighlightBorder#00000000
• editor.findRangeHighlightBackground#30383340
• editor.findRangeHighlightBorder#00000000
• editor.foreground#e8f0e0
• editor.hoverHighlightBackground#30383340
• editor.inactiveSelectionBackground#c8a8e030
• editor.lineHighlightBackground#151d17
• editor.lineHighlightBorder#00000000
• editor.rangeHighlightBackground#30383340
• editor.rangeHighlightBorder#00000000
• editor.selectionBackground#c8a8e040
• editor.selectionHighlightBackground#c8a8e025
• editor.selectionHighlightBorder#00000000
• editor.wordHighlightBackground#89c0eb25
• editor.wordHighlightBorder#89c0eb60
• editor.wordHighlightStrongBackground#89c0eb35
• editor.wordHighlightStrongBorder#89c0eb80
• editorBracketMatch.background#c8a8e025
• editorBracketMatch.border#c8a8e080
• editorCodeLens.foreground#667766
• editorCursor.background#151d17
• editorCursor.foreground#c8a8e0
• editorError.border#00000000
• editorError.foreground#f28b82
• editorGroup.border#00000000
• editorGroup.dropBackground#30383340
• editorGroupHeader.border#00000000
• editorGroupHeader.noTabsBackground#151d17
• editorGroupHeader.tabsBackground#151d17
• editorGroupHeader.tabsBorder#00000000
• editorGutter.addedBackground#81c995
• editorGutter.background#151d17
• editorGutter.commentRangeForeground#3f4740
• editorGutter.deletedBackground#f28b82
• editorGutter.foldingControlForeground#667766
• editorGutter.modifiedBackground#89c0eb
• editorHint.border#00000000
• editorHint.foreground#c8a8e0
• editorHoverWidget.background#242b26
• editorHoverWidget.border#c8a8e060
• editorHoverWidget.foreground#e8f0e0
• editorHoverWidget.statusBarBackground#1f2620
• editorIndentGuide.activeBackground#c8a8e060
• editorIndentGuide.background#66776640
• editorInfo.border#00000000
• editorInfo.foreground#89c0eb
• editorLineNumber.activeForeground#c8a8e0
• editorLineNumber.foreground#3f4740
• editorLink.activeForeground#89c0eb
• editorOverviewRuler.addedForeground#81c995
• editorOverviewRuler.border#00000000
• editorOverviewRuler.bracketMatchForeground#7cb8d8
• editorOverviewRuler.deletedForeground#f28b82
• editorOverviewRuler.errorForeground#f28b82
• editorOverviewRuler.infoForeground#89c0eb
• editorOverviewRuler.modifiedForeground#89c0eb
• editorOverviewRuler.warningForeground#f9e2af
• editorRuler.foreground#3f474060
• editorSuggestWidget.background#242b26
• editorSuggestWidget.border#c8a8e060
• editorSuggestWidget.foreground#e8f0e0
• editorSuggestWidget.highlightForeground#c8a8e0
• editorSuggestWidget.selectedBackground#c8a8e030
• editorWarning.border#00000000
• editorWarning.foreground#f9e2af
• editorWhitespace.foreground#66776650
• editorWidget.background#242b26
• editorWidget.border#c8a8e060
• editorWidget.foreground#e8f0e0
• errorForeground#f28b82
• extensionButton.prominentBackground#c8a8e0
• extensionButton.prominentForeground#1a211b
• extensionButton.prominentHoverBackground#c8a8e0dd
• focusBorder#00000000
• foreground#e8f0e0
• gitDecoration.conflictingResourceForeground#ffb86c
• gitDecoration.deletedResourceForeground#f28b82
• gitDecoration.ignoredResourceForeground#667766
• gitDecoration.modifiedResourceForeground#89c0eb
• gitDecoration.submoduleResourceForeground#c8a8e0
• gitDecoration.untrackedResourceForeground#81c995
• icon.foreground#c8a8e0
• input.background#242b26
• input.border#00000000
• input.foreground#e8f0e0
• input.placeholderForeground#667766
• inputOption.activeBackground#30383380
• inputOption.activeBorder#00000000
• inputOption.activeForeground#e8f0e0
• inputValidation.errorBackground#242b26
• inputValidation.errorBorder#f28b82
• inputValidation.errorForeground#f28b82
• inputValidation.infoBackground#242b26
• inputValidation.infoBorder#89c0eb
• inputValidation.infoForeground#89c0eb
• inputValidation.warningBackground#242b26
• inputValidation.warningBorder#f9e2af
• inputValidation.warningForeground#f9e2af
• list.activeSelectionBackground#c8a8e035
• list.activeSelectionForeground#e8f0e0
• list.dropBackground#30383340
• list.errorForeground#f28b82
• list.focusBackground#c8a8e030
• list.focusForeground#e8f0e0
• list.highlightForeground#c8a8e0
• list.hoverBackground#242b2680
• list.hoverForeground#e8f0e0
• list.inactiveSelectionBackground#c8a8e020
• list.inactiveSelectionForeground#e8f0e0
• list.invalidItemForeground#f28b82
• list.warningForeground#f9e2af
• listFilterWidget.background#242b26
• listFilterWidget.noMatchesOutline#f28b82
• listFilterWidget.outline#00000000
• menu.background#242b26
• menu.border#00000000
• menu.foreground#e8f0e0
• menu.selectionBackground#c8a8e040
• menu.selectionForeground#e8f0e0
• menu.separatorBackground#303833
• menubar.selectionBackground#30383340
• menubar.selectionForeground#e8f0e0
• minimap.errorHighlight#f28b82
• minimap.findMatchHighlight#f9e2af40
• minimap.selectionHighlight#30383380
• minimap.warningHighlight#f9e2af
• minimapGutter.addedBackground#81c995
• minimapGutter.deletedBackground#f28b82
• minimapGutter.modifiedBackground#89c0eb
• notificationCenter.border#00000000
• notificationCenterHeader.background#242b26
• notificationCenterHeader.foreground#e8f0e0
• notificationLink.foreground#89c0eb
• notifications.background#242b26
• notifications.border#00000000
• notifications.foreground#e8f0e0
• notificationsErrorIcon.foreground#f28b82
• notificationsInfoIcon.foreground#89c0eb
• notificationsWarningIcon.foreground#f9e2af
• notificationToast.border#00000000
• panel.background#151d17
• panel.border#2a322b
• panelTitle.activeBorder#c8a8e0
• panelTitle.activeForeground#e8f0e0
• panelTitle.inactiveForeground#667766
• peekView.border#c8a8e0
• peekViewEditor.background#242b26
• peekViewEditor.matchHighlightBackground#f9e2af40
• peekViewResult.background#242b26
• peekViewResult.fileForeground#e8f0e0
• peekViewResult.lineForeground#667766
• peekViewResult.matchHighlightBackground#f9e2af40
• peekViewResult.selectionBackground#c8a8e040
• peekViewResult.selectionForeground#e8f0e0
• peekViewTitle.background#2a322b
• peekViewTitleDescription.foreground#667766
• peekViewTitleLabel.foreground#e8f0e0
• progressBar.background#c8a8e0
• sash.hoverBorder#00000000
• scrollbar.shadow#1a211b40
• scrollbarSlider.activeBackground#c8a8e060
• scrollbarSlider.background#3f474040
• scrollbarSlider.hoverBackground#3f474060
• search.resultsInfoForeground#e8f0e0
• searchEditor.findMatchBackground#c8a8e050
• searchEditor.findMatchBorder#c8a8e0
• searchEditor.textInputBorder#00000000
• selection.background#303833
• settings.checkboxBackground#242b26
• settings.checkboxBorder#00000000
• settings.checkboxForeground#e8f0e0
• settings.dropdownBackground#242b26
• settings.dropdownBorder#00000000
• settings.dropdownForeground#e8f0e0
• settings.dropdownListBorder#00000000
• settings.headerForeground#e8f0e0
• settings.modifiedItemIndicator#89c0eb
• settings.numberInputBackground#242b26
• settings.numberInputBorder#00000000
• settings.numberInputForeground#e8f0e0
• settings.textInputBackground#242b26
• settings.textInputBorder#00000000
• settings.textInputForeground#e8f0e0
• sideBar.background#151d17
• sideBar.border#00000000
• sideBar.foreground#e8f0e0
• sideBarSectionHeader.background#00000000
• sideBarSectionHeader.border#00000000
• sideBarSectionHeader.foreground#e8f0e0
• sideBarTitle.foreground#e8f0e0
• statusBar.background#1f2620
• statusBar.border#00000000
• statusBar.debuggingBackground#ffb86c
• statusBar.debuggingBorder#00000000
• statusBar.debuggingForeground#1a211b
• statusBar.foreground#e8f0e0
• statusBar.noFolderBackground#1f2620
• statusBar.noFolderBorder#00000000
• statusBar.noFolderForeground#e8f0e0
• statusBarItem.activeBackground#c8a8e040
• statusBarItem.hoverBackground#30383340
• statusBarItem.prominentBackground#c8a8e0
• statusBarItem.prominentForeground#1a211b
• statusBarItem.prominentHoverBackground#c8a8e0dd
• statusBarItem.remoteBackground#c8a8e0
• statusBarItem.remoteForeground#1a211b
• tab.activeBackground#151d17
• tab.activeBorder#00000000
• tab.activeBorderTop#c8a8e0
• tab.activeForeground#e8f0e0
• tab.activeModifiedBorder#89c0eb
• tab.border#00000000
• tab.hoverBackground#242b26
• tab.hoverBorder#00000000
• tab.hoverForeground#e8f0e0
• tab.inactiveBackground#151d17
• tab.inactiveForeground#667766
• tab.inactiveModifiedBorder#89c0eb80
• tab.unfocusedActiveBorder#00000000
• tab.unfocusedActiveBorderTop#556555
• tab.unfocusedActiveForeground#667766
• tab.unfocusedActiveModifiedBorder#89c0eb60
• tab.unfocusedHoverBackground#242b26
• tab.unfocusedHoverBorder#00000000
• tab.unfocusedHoverForeground#e8f0e0
• tab.unfocusedInactiveForeground#556555
• tab.unfocusedInactiveModifiedBorder#89c0eb40
• terminal.ansiBlack#1a211b
• terminal.ansiBlue#89c0eb
• terminal.ansiBrightBlack#3f4740
• terminal.ansiBrightBlue#7cb8d8
• terminal.ansiBrightCyan#76cec7
• terminal.ansiBrightGreen#9de0ad
• terminal.ansiBrightMagenta#b89fd8
• terminal.ansiBrightRed#f28b82
• terminal.ansiBrightWhite#e8f0e0
• terminal.ansiBrightYellow#f9e2af
• terminal.ansiCyan#89dceb
• terminal.ansiGreen#81c995
• terminal.ansiMagenta#c8a8e0
• terminal.ansiRed#f28b82
• terminal.ansiWhite#e8f0e0
• terminal.ansiYellow#f9e2af
• terminal.background#151d17
• terminal.foreground#e8f0e0
• terminal.selectionBackground#c8a8e040
• terminalCursor.background#1a211b
• terminalCursor.foreground#c8a8e0
• textBlockQuote.background#242b26
• textBlockQuote.border#00000000
• textCodeBlock.background#242b26
• textLink.activeForeground#7cb8d8
• textLink.foreground#89c0eb
• textPreformat.foreground#e8f0e0
• textSeparator.foreground#00000000
• titleBar.activeBackground#151d17
• titleBar.activeForeground#e8f0e0
• titleBar.border#00000000
• titleBar.inactiveBackground#151d17
• titleBar.inactiveForeground#667766
• toolbar.activeBackground#c8a8e040
• toolbar.hoverBackground#30383340
• tree.indentGuidesStroke#3f4740
• welcomePage.background#151d17
• welcomePage.buttonBackground#242b26
• welcomePage.buttonHoverBackground#2a322b
• widget.shadow#1a211b40
• window.activeBorder#00000000
• window.inactiveBorder#00000000

tokenColors

TextMate scopes and font styles (syntax highlighting rules).