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#eff1f5
• activityBar.border#00000000
• activityBar.dropBorder#00000000
• activityBar.foreground#4c4f69
• activityBar.inactiveForeground#8589a0
• activityBarBadge.background#8839ef
• activityBarBadge.foreground#eff1f5
• badge.background#8839ef
• badge.foreground#eff1f5
• breadcrumb.activeSelectionForeground#8839ef
• breadcrumb.background#eff1f5
• breadcrumb.focusForeground#4c4f69
• breadcrumb.foreground#7c7f93
• breadcrumbPicker.background#e0e3e9
• button.background#8839ef
• button.foreground#eff1f5
• button.hoverBackground#8839efdd
• button.secondaryBackground#d5d8de
• button.secondaryForeground#4c4f69
• button.secondaryHoverBackground#e0e3e9
• checkbox.background#e0e3e9
• checkbox.border#00000000
• checkbox.foreground#4c4f69
• descriptionForeground#7c7f93
• disabledForeground#8589a0
• dropdown.background#e0e3e9
• dropdown.border#00000000
• dropdown.foreground#4c4f69
• dropdown.listBackground#e0e3e9
• editor.background#eff1f5
• editor.findMatchBackground#8839ef50
• editor.findMatchBorder#8839ef
• editor.findMatchHighlightBackground#8839ef25
• editor.findMatchHighlightBorder#00000000
• editor.findRangeHighlightBackground#c5c8ce40
• editor.findRangeHighlightBorder#00000000
• editor.foreground#4c4f69
• editor.hoverHighlightBackground#c5c8ce40
• editor.inactiveSelectionBackground#8839ef30
• editor.lineHighlightBackground#e0e3e9
• editor.lineHighlightBorder#00000000
• editor.rangeHighlightBackground#c5c8ce40
• editor.rangeHighlightBorder#00000000
• editor.selectionBackground#8839ef40
• editor.selectionHighlightBackground#8839ef25
• editor.selectionHighlightBorder#00000000
• editor.wordHighlightBackground#1e66f525
• editor.wordHighlightBorder#1e66f560
• editor.wordHighlightStrongBackground#1e66f535
• editor.wordHighlightStrongBorder#1e66f580
• editorBracketMatch.background#8839ef25
• editorBracketMatch.border#8839ef80
• editorCodeLens.foreground#7c7f93
• editorCursor.background#eff1f5
• editorCursor.foreground#8839ef
• editorError.border#00000000
• editorError.foreground#d20f39
• editorGroup.border#00000000
• editorGroup.dropBackground#c5c8ce40
• editorGroupHeader.border#00000000
• editorGroupHeader.noTabsBackground#eff1f5
• editorGroupHeader.tabsBackground#eff1f5
• editorGroupHeader.tabsBorder#00000000
• editorGutter.addedBackground#40a02b
• editorGutter.background#eff1f5
• editorGutter.commentRangeForeground#9ca0b0
• editorGutter.deletedBackground#d20f39
• editorGutter.foldingControlForeground#7c7f93
• editorGutter.modifiedBackground#1e66f5
• editorHint.border#00000000
• editorHint.foreground#8839ef
• editorHoverWidget.background#e0e3e9
• editorHoverWidget.border#8839ef60
• editorHoverWidget.foreground#4c4f69
• editorHoverWidget.statusBarBackground#e6e9ef
• editorIndentGuide.activeBackground#8839ef60
• editorIndentGuide.background#7c7f9340
• editorInfo.border#00000000
• editorInfo.foreground#1e66f5
• editorLineNumber.activeForeground#8839ef
• editorLineNumber.foreground#9ca0b0
• editorLink.activeForeground#1e66f5
• editorOverviewRuler.addedForeground#40a02b
• editorOverviewRuler.border#00000000
• editorOverviewRuler.bracketMatchForeground#1e66f5
• editorOverviewRuler.deletedForeground#d20f39
• editorOverviewRuler.errorForeground#d20f39
• editorOverviewRuler.infoForeground#1e66f5
• editorOverviewRuler.modifiedForeground#1e66f5
• editorOverviewRuler.warningForeground#df8e1d
• editorRuler.foreground#9ca0b060
• editorSuggestWidget.background#e0e3e9
• editorSuggestWidget.border#8839ef60
• editorSuggestWidget.foreground#4c4f69
• editorSuggestWidget.highlightForeground#8839ef
• editorSuggestWidget.selectedBackground#8839ef30
• editorWarning.border#00000000
• editorWarning.foreground#df8e1d
• editorWhitespace.foreground#7c7f9350
• editorWidget.background#e0e3e9
• editorWidget.border#8839ef60
• editorWidget.foreground#4c4f69
• errorForeground#d20f39
• extensionButton.prominentBackground#8839ef
• extensionButton.prominentForeground#eff1f5
• extensionButton.prominentHoverBackground#8839efdd
• focusBorder#00000000
• foreground#4c4f69
• gitDecoration.conflictingResourceForeground#fe640b
• gitDecoration.deletedResourceForeground#d20f39
• gitDecoration.ignoredResourceForeground#7c7f93
• gitDecoration.modifiedResourceForeground#1e66f5
• gitDecoration.submoduleResourceForeground#8839ef
• gitDecoration.untrackedResourceForeground#40a02b
• icon.foreground#8839ef
• input.background#e0e3e9
• input.border#00000000
• input.foreground#4c4f69
• input.placeholderForeground#7c7f93
• inputOption.activeBackground#c5c8ce80
• inputOption.activeBorder#00000000
• inputOption.activeForeground#4c4f69
• inputValidation.errorBackground#e0e3e9
• inputValidation.errorBorder#d20f39
• inputValidation.errorForeground#d20f39
• inputValidation.infoBackground#e0e3e9
• inputValidation.infoBorder#1e66f5
• inputValidation.infoForeground#1e66f5
• inputValidation.warningBackground#e0e3e9
• inputValidation.warningBorder#df8e1d
• inputValidation.warningForeground#df8e1d
• list.activeSelectionBackground#8839ef35
• list.activeSelectionForeground#4c4f69
• list.dropBackground#c5c8ce40
• list.errorForeground#d20f39
• list.focusBackground#8839ef30
• list.focusForeground#4c4f69
• list.highlightForeground#8839ef
• list.hoverBackground#e0e3e980
• list.hoverForeground#4c4f69
• list.inactiveSelectionBackground#8839ef20
• list.inactiveSelectionForeground#4c4f69
• list.invalidItemForeground#d20f39
• list.warningForeground#df8e1d
• listFilterWidget.background#e0e3e9
• listFilterWidget.noMatchesOutline#d20f39
• listFilterWidget.outline#00000000
• menu.background#e0e3e9
• menu.border#00000000
• menu.foreground#4c4f69
• menu.selectionBackground#8839ef40
• menu.selectionForeground#4c4f69
• menu.separatorBackground#c5c8ce
• menubar.selectionBackground#c5c8ce40
• menubar.selectionForeground#4c4f69
• minimap.errorHighlight#d20f39
• minimap.findMatchHighlight#df8e1d40
• minimap.selectionHighlight#c5c8ce80
• minimap.warningHighlight#df8e1d
• minimapGutter.addedBackground#40a02b
• minimapGutter.deletedBackground#d20f39
• minimapGutter.modifiedBackground#1e66f5
• notificationCenter.border#00000000
• notificationCenterHeader.background#e0e3e9
• notificationCenterHeader.foreground#4c4f69
• notificationLink.foreground#1e66f5
• notifications.background#e0e3e9
• notifications.border#00000000
• notifications.foreground#4c4f69
• notificationsErrorIcon.foreground#d20f39
• notificationsInfoIcon.foreground#1e66f5
• notificationsWarningIcon.foreground#df8e1d
• notificationToast.border#00000000
• panel.background#eff1f5
• panel.border#d5d8de
• panelTitle.activeBorder#8839ef
• panelTitle.activeForeground#4c4f69
• panelTitle.inactiveForeground#7c7f93
• peekView.border#8839ef
• peekViewEditor.background#e0e3e9
• peekViewEditor.matchHighlightBackground#df8e1d40
• peekViewResult.background#e0e3e9
• peekViewResult.fileForeground#4c4f69
• peekViewResult.lineForeground#7c7f93
• peekViewResult.matchHighlightBackground#df8e1d40
• peekViewResult.selectionBackground#8839ef40
• peekViewResult.selectionForeground#4c4f69
• peekViewTitle.background#d5d8de
• peekViewTitleDescription.foreground#7c7f93
• peekViewTitleLabel.foreground#4c4f69
• progressBar.background#8839ef
• sash.hoverBorder#00000000
• scrollbar.shadow#eff1f540
• scrollbarSlider.activeBackground#8839ef60
• scrollbarSlider.background#9ca0b040
• scrollbarSlider.hoverBackground#9ca0b060
• search.resultsInfoForeground#4c4f69
• searchEditor.findMatchBackground#8839ef50
• searchEditor.findMatchBorder#8839ef
• searchEditor.textInputBorder#00000000
• selection.background#c5c8ce
• settings.checkboxBackground#e0e3e9
• settings.checkboxBorder#00000000
• settings.checkboxForeground#4c4f69
• settings.dropdownBackground#e0e3e9
• settings.dropdownBorder#00000000
• settings.dropdownForeground#4c4f69
• settings.dropdownListBorder#00000000
• settings.headerForeground#4c4f69
• settings.modifiedItemIndicator#1e66f5
• settings.numberInputBackground#e0e3e9
• settings.numberInputBorder#00000000
• settings.numberInputForeground#4c4f69
• settings.textInputBackground#e0e3e9
• settings.textInputBorder#00000000
• settings.textInputForeground#4c4f69
• sideBar.background#eff1f5
• sideBar.border#00000000
• sideBar.foreground#4c4f69
• sideBarSectionHeader.background#00000000
• sideBarSectionHeader.border#00000000
• sideBarSectionHeader.foreground#4c4f69
• sideBarTitle.foreground#4c4f69
• statusBar.background#e6e9ef
• statusBar.border#00000000
• statusBar.debuggingBackground#fe640b
• statusBar.debuggingBorder#00000000
• statusBar.debuggingForeground#eff1f5
• statusBar.foreground#4c4f69
• statusBar.noFolderBackground#e6e9ef
• statusBar.noFolderBorder#00000000
• statusBar.noFolderForeground#4c4f69
• statusBarItem.activeBackground#8839ef40
• statusBarItem.hoverBackground#c5c8ce40
• statusBarItem.prominentBackground#8839ef
• statusBarItem.prominentForeground#eff1f5
• statusBarItem.prominentHoverBackground#8839efdd
• statusBarItem.remoteBackground#8839ef
• statusBarItem.remoteForeground#eff1f5
• tab.activeBackground#eff1f5
• tab.activeBorder#00000000
• tab.activeBorderTop#8839ef
• tab.activeForeground#4c4f69
• tab.activeModifiedBorder#1e66f5
• tab.border#00000000
• tab.hoverBackground#e0e3e9
• tab.hoverBorder#00000000
• tab.hoverForeground#4c4f69
• tab.inactiveBackground#eff1f5
• tab.inactiveForeground#7c7f93
• tab.inactiveModifiedBorder#1e66f580
• tab.unfocusedActiveBorder#00000000
• tab.unfocusedActiveBorderTop#8589a0
• tab.unfocusedActiveForeground#7c7f93
• tab.unfocusedActiveModifiedBorder#1e66f560
• tab.unfocusedHoverBackground#e0e3e9
• tab.unfocusedHoverBorder#00000000
• tab.unfocusedHoverForeground#4c4f69
• tab.unfocusedInactiveForeground#8589a0
• tab.unfocusedInactiveModifiedBorder#1e66f540
• terminal.ansiBlack#eff1f5
• terminal.ansiBlue#1e66f5
• terminal.ansiBrightBlack#9ca0b0
• terminal.ansiBrightBlue#1e66f5
• terminal.ansiBrightCyan#179299
• terminal.ansiBrightGreen#5fb268
• terminal.ansiBrightMagenta#7c3aed
• terminal.ansiBrightRed#d20f39
• terminal.ansiBrightWhite#4c4f69
• terminal.ansiBrightYellow#df8e1d
• terminal.ansiCyan#04a5e5
• terminal.ansiGreen#40a02b
• terminal.ansiMagenta#8839ef
• terminal.ansiRed#d20f39
• terminal.ansiWhite#4c4f69
• terminal.ansiYellow#df8e1d
• terminal.background#eff1f5
• terminal.foreground#4c4f69
• terminal.selectionBackground#8839ef40
• terminalCursor.background#eff1f5
• terminalCursor.foreground#8839ef
• textBlockQuote.background#e0e3e9
• textBlockQuote.border#00000000
• textCodeBlock.background#e0e3e9
• textLink.activeForeground#1e66f5
• textLink.foreground#1e66f5
• textPreformat.foreground#4c4f69
• textSeparator.foreground#00000000
• titleBar.activeBackground#eff1f5
• titleBar.activeForeground#4c4f69
• titleBar.border#00000000
• titleBar.inactiveBackground#eff1f5
• titleBar.inactiveForeground#7c7f93
• toolbar.activeBackground#8839ef40
• toolbar.hoverBackground#c5c8ce40
• tree.indentGuidesStroke#9ca0b0
• welcomePage.background#eff1f5
• welcomePage.buttonBackground#e0e3e9
• welcomePage.buttonHoverBackground#d5d8de
• widget.shadow#eff1f540
• window.activeBorder#00000000
• window.inactiveBorder#00000000

tokenColors

TextMate scopes and font styles (syntax highlighting rules).