Zenith Color Theme

Color themes

• 

  Zenith Midnight

• 

  Zenith Ocean

• 

  Zenith Rosé

• 

  Zenith Zen

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#14191f
• activityBar.border#00000000
• activityBar.dropBorder#00000000
• activityBar.foreground#d8e8f0
• activityBar.inactiveForeground#454b53
• activityBarBadge.background#b8c8e8
• activityBarBadge.foreground#14191f
• badge.background#b8c8e8
• badge.foreground#14191f
• breadcrumb.activeSelectionForeground#b8c8e8
• breadcrumb.background#14191f
• breadcrumb.focusForeground#d8e8f0
• breadcrumb.foreground#545a62
• breadcrumbPicker.background#1d222a
• button.background#b8c8e8
• button.foreground#14191f
• button.hoverBackground#b8c8e8dd
• button.secondaryBackground#22272f
• button.secondaryForeground#d8e8f0
• button.secondaryHoverBackground#1d222a
• checkbox.background#1d222a
• checkbox.border#00000000
• checkbox.foreground#d8e8f0
• descriptionForeground#545a62
• disabledForeground#454b53
• dropdown.background#1d222a
• dropdown.border#00000000
• dropdown.foreground#d8e8f0
• dropdown.listBackground#1d222a
• editor.background#14191f
• editor.findMatchBackground#b8c8e850
• editor.findMatchBorder#b8c8e8
• editor.findMatchHighlightBackground#b8c8e825
• editor.findMatchHighlightBorder#00000000
• editor.findRangeHighlightBackground#272c3440
• editor.findRangeHighlightBorder#00000000
• editor.foreground#d8e8f0
• editor.hoverHighlightBackground#272c3440
• editor.inactiveSelectionBackground#b8c8e830
• editor.lineHighlightBackground#1d222a
• editor.lineHighlightBorder#00000000
• editor.rangeHighlightBackground#272c3440
• editor.rangeHighlightBorder#00000000
• editor.selectionBackground#b8c8e840
• editor.selectionHighlightBackground#b8c8e825
• editor.selectionHighlightBorder#00000000
• editor.wordHighlightBackground#8fb8d825
• editor.wordHighlightBorder#8fb8d860
• editor.wordHighlightStrongBackground#8fb8d835
• editor.wordHighlightStrongBorder#8fb8d880
• editorBracketMatch.background#b8c8e825
• editorBracketMatch.border#b8c8e880
• editorCodeLens.foreground#545a62
• editorCursor.background#14191f
• editorCursor.foreground#b8c8e8
• editorError.border#00000000
• editorError.foreground#a8b8d5
• editorGroup.border#00000000
• editorGroup.dropBackground#272c3440
• editorGroupHeader.border#00000000
• editorGroupHeader.noTabsBackground#14191f
• editorGroupHeader.tabsBackground#14191f
• editorGroupHeader.tabsBorder#00000000
• editorGutter.addedBackground#a8d5c8
• editorGutter.background#14191f
• editorGutter.commentRangeForeground#363c44
• editorGutter.deletedBackground#a8b8d5
• editorGutter.foldingControlForeground#545a62
• editorGutter.modifiedBackground#8fb8d8
• editorHint.border#00000000
• editorHint.foreground#b8c8e8
• editorHoverWidget.background#1d222a
• editorHoverWidget.border#b8c8e860
• editorHoverWidget.foreground#d8e8f0
• editorHoverWidget.statusBarBackground#181d24
• editorIndentGuide.activeBackground#b8c8e860
• editorIndentGuide.background#545a6240
• editorInfo.border#00000000
• editorInfo.foreground#8fb8d8
• editorLineNumber.activeForeground#b8c8e8
• editorLineNumber.foreground#363c44
• editorLink.activeForeground#8fb8d8
• editorOverviewRuler.addedForeground#a8d5c8
• editorOverviewRuler.border#00000000
• editorOverviewRuler.bracketMatchForeground#78a8c8
• editorOverviewRuler.deletedForeground#a8b8d5
• editorOverviewRuler.errorForeground#a8b8d5
• editorOverviewRuler.infoForeground#8fb8d8
• editorOverviewRuler.modifiedForeground#8fb8d8
• editorOverviewRuler.warningForeground#d5e0c8
• editorRuler.foreground#363c4460
• editorSuggestWidget.background#1d222a
• editorSuggestWidget.border#b8c8e860
• editorSuggestWidget.foreground#d8e8f0
• editorSuggestWidget.highlightForeground#b8c8e8
• editorSuggestWidget.selectedBackground#b8c8e830
• editorWarning.border#00000000
• editorWarning.foreground#d5e0c8
• editorWhitespace.foreground#545a6250
• editorWidget.background#1d222a
• editorWidget.border#b8c8e860
• editorWidget.foreground#d8e8f0
• errorForeground#a8b8d5
• extensionButton.prominentBackground#b8c8e8
• extensionButton.prominentForeground#14191f
• extensionButton.prominentHoverBackground#b8c8e8dd
• focusBorder#00000000
• foreground#d8e8f0
• gitDecoration.conflictingResourceForeground#c8d5b8
• gitDecoration.deletedResourceForeground#a8b8d5
• gitDecoration.ignoredResourceForeground#545a62
• gitDecoration.modifiedResourceForeground#8fb8d8
• gitDecoration.submoduleResourceForeground#b8c8e8
• gitDecoration.untrackedResourceForeground#a8d5c8
• icon.foreground#b8c8e8
• input.background#1d222a
• input.border#00000000
• input.foreground#d8e8f0
• input.placeholderForeground#545a62
• inputOption.activeBackground#272c3480
• inputOption.activeBorder#00000000
• inputOption.activeForeground#d8e8f0
• inputValidation.errorBackground#1d222a
• inputValidation.errorBorder#a8b8d5
• inputValidation.errorForeground#a8b8d5
• inputValidation.infoBackground#1d222a
• inputValidation.infoBorder#8fb8d8
• inputValidation.infoForeground#8fb8d8
• inputValidation.warningBackground#1d222a
• inputValidation.warningBorder#d5e0c8
• inputValidation.warningForeground#d5e0c8
• list.activeSelectionBackground#b8c8e835
• list.activeSelectionForeground#d8e8f0
• list.dropBackground#272c3440
• list.errorForeground#a8b8d5
• list.focusBackground#b8c8e830
• list.focusForeground#d8e8f0
• list.highlightForeground#b8c8e8
• list.hoverBackground#1d222a80
• list.hoverForeground#d8e8f0
• list.inactiveSelectionBackground#b8c8e820
• list.inactiveSelectionForeground#d8e8f0
• list.invalidItemForeground#a8b8d5
• list.warningForeground#d5e0c8
• listFilterWidget.background#1d222a
• listFilterWidget.noMatchesOutline#a8b8d5
• listFilterWidget.outline#00000000
• menu.background#1d222a
• menu.border#00000000
• menu.foreground#d8e8f0
• menu.selectionBackground#b8c8e840
• menu.selectionForeground#d8e8f0
• menu.separatorBackground#272c34
• menubar.selectionBackground#272c3440
• menubar.selectionForeground#d8e8f0
• minimap.errorHighlight#a8b8d5
• minimap.findMatchHighlight#d5e0c840
• minimap.selectionHighlight#272c3480
• minimap.warningHighlight#d5e0c8
• minimapGutter.addedBackground#a8d5c8
• minimapGutter.deletedBackground#a8b8d5
• minimapGutter.modifiedBackground#8fb8d8
• notificationCenter.border#00000000
• notificationCenterHeader.background#1d222a
• notificationCenterHeader.foreground#d8e8f0
• notificationLink.foreground#8fb8d8
• notifications.background#1d222a
• notifications.border#00000000
• notifications.foreground#d8e8f0
• notificationsErrorIcon.foreground#a8b8d5
• notificationsInfoIcon.foreground#8fb8d8
• notificationsWarningIcon.foreground#d5e0c8
• notificationToast.border#00000000
• panel.background#14191f
• panel.border#22272f
• panelTitle.activeBorder#b8c8e8
• panelTitle.activeForeground#d8e8f0
• panelTitle.inactiveForeground#545a62
• peekView.border#b8c8e8
• peekViewEditor.background#1d222a
• peekViewEditor.matchHighlightBackground#d5e0c840
• peekViewResult.background#1d222a
• peekViewResult.fileForeground#d8e8f0
• peekViewResult.lineForeground#545a62
• peekViewResult.matchHighlightBackground#d5e0c840
• peekViewResult.selectionBackground#b8c8e840
• peekViewResult.selectionForeground#d8e8f0
• peekViewTitle.background#22272f
• peekViewTitleDescription.foreground#545a62
• peekViewTitleLabel.foreground#d8e8f0
• progressBar.background#b8c8e8
• sash.hoverBorder#00000000
• scrollbar.shadow#14191f40
• scrollbarSlider.activeBackground#b8c8e860
• scrollbarSlider.background#363c4440
• scrollbarSlider.hoverBackground#363c4460
• search.resultsInfoForeground#d8e8f0
• searchEditor.findMatchBackground#b8c8e850
• searchEditor.findMatchBorder#b8c8e8
• searchEditor.textInputBorder#00000000
• selection.background#272c34
• settings.checkboxBackground#1d222a
• settings.checkboxBorder#00000000
• settings.checkboxForeground#d8e8f0
• settings.dropdownBackground#1d222a
• settings.dropdownBorder#00000000
• settings.dropdownForeground#d8e8f0
• settings.dropdownListBorder#00000000
• settings.headerForeground#d8e8f0
• settings.modifiedItemIndicator#8fb8d8
• settings.numberInputBackground#1d222a
• settings.numberInputBorder#00000000
• settings.numberInputForeground#d8e8f0
• settings.textInputBackground#1d222a
• settings.textInputBorder#00000000
• settings.textInputForeground#d8e8f0
• sideBar.background#14191f
• sideBar.border#00000000
• sideBar.foreground#d8e8f0
• sideBarSectionHeader.background#00000000
• sideBarSectionHeader.border#00000000
• sideBarSectionHeader.foreground#d8e8f0
• sideBarTitle.foreground#d8e8f0
• statusBar.background#181d24
• statusBar.border#00000000
• statusBar.debuggingBackground#c8d5b8
• statusBar.debuggingBorder#00000000
• statusBar.debuggingForeground#14191f
• statusBar.foreground#d8e8f0
• statusBar.noFolderBackground#181d24
• statusBar.noFolderBorder#00000000
• statusBar.noFolderForeground#d8e8f0
• statusBarItem.activeBackground#b8c8e840
• statusBarItem.hoverBackground#272c3440
• statusBarItem.prominentBackground#b8c8e8
• statusBarItem.prominentForeground#14191f
• statusBarItem.prominentHoverBackground#b8c8e8dd
• statusBarItem.remoteBackground#b8c8e8
• statusBarItem.remoteForeground#14191f
• tab.activeBackground#14191f
• tab.activeBorder#00000000
• tab.activeBorderTop#b8c8e8
• tab.activeForeground#d8e8f0
• tab.activeModifiedBorder#8fb8d8
• tab.border#00000000
• tab.hoverBackground#1d222a
• tab.hoverBorder#00000000
• tab.hoverForeground#d8e8f0
• tab.inactiveBackground#14191f
• tab.inactiveForeground#545a62
• tab.inactiveModifiedBorder#8fb8d880
• tab.unfocusedActiveBorder#00000000
• tab.unfocusedActiveBorderTop#454b53
• tab.unfocusedActiveForeground#545a62
• tab.unfocusedActiveModifiedBorder#8fb8d860
• tab.unfocusedHoverBackground#1d222a
• tab.unfocusedHoverBorder#00000000
• tab.unfocusedHoverForeground#d8e8f0
• tab.unfocusedInactiveForeground#454b53
• tab.unfocusedInactiveModifiedBorder#8fb8d840
• terminal.ansiBlack#14191f
• terminal.ansiBlue#8fb8d8
• terminal.ansiBrightBlack#363c44
• terminal.ansiBrightBlue#78a8c8
• terminal.ansiBrightCyan#88c8d8
• terminal.ansiBrightGreen#b5e0d5
• terminal.ansiBrightMagenta#a8b8d8
• terminal.ansiBrightRed#a8b8d5
• terminal.ansiBrightWhite#d8e8f0
• terminal.ansiBrightYellow#d5e0c8
• terminal.ansiCyan#a8d8e8
• terminal.ansiGreen#a8d5c8
• terminal.ansiMagenta#b8c8e8
• terminal.ansiRed#a8b8d5
• terminal.ansiWhite#d8e8f0
• terminal.ansiYellow#d5e0c8
• terminal.background#14191f
• terminal.foreground#d8e8f0
• terminal.selectionBackground#b8c8e840
• terminalCursor.background#14191f
• terminalCursor.foreground#b8c8e8
• textBlockQuote.background#1d222a
• textBlockQuote.border#00000000
• textCodeBlock.background#1d222a
• textLink.activeForeground#78a8c8
• textLink.foreground#8fb8d8
• textPreformat.foreground#d8e8f0
• textSeparator.foreground#00000000
• titleBar.activeBackground#14191f
• titleBar.activeForeground#d8e8f0
• titleBar.border#00000000
• titleBar.inactiveBackground#14191f
• titleBar.inactiveForeground#545a62
• toolbar.activeBackground#b8c8e840
• toolbar.hoverBackground#272c3440
• tree.indentGuidesStroke#363c44
• welcomePage.background#14191f
• welcomePage.buttonBackground#1d222a
• welcomePage.buttonHoverBackground#22272f
• widget.shadow#14191f40
• window.activeBorder#00000000
• window.inactiveBorder#00000000

tokenColors

TextMate scopes and font styles (syntax highlighting rules).