Elderberry Theme

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#ebb63e
• activityBar.activeFocusBorder#242940
• activityBar.background#13131d
• activityBar.border#222634
• activityBar.dropBorder#ebb63e
• activityBar.foreground#c6c8d1
• activityBar.inactiveForeground#6b7089
• activityBarBadge.background#ebb63e
• activityBarBadge.foreground#17182b
• activityBarTop.activeBackground#00000000
• activityBarTop.activeBorder#ebb63e
• activityBarTop.background#13131d
• activityBarTop.dropBorder#ebb63e
• activityBarTop.foreground#c6c8d1
• activityBarTop.inactiveForeground#6b7089
• activityErrorBadge.background#bd6980
• activityErrorBadge.foreground#17182b
• activityWarningBadge.background#f6c177
• activityWarningBadge.foreground#17182b
• badge.background#ebb63e
• badge.foreground#17182b
• banner.background#ebb63e
• banner.foreground#17182b
• banner.iconForeground#17182b
• breadcrumb.activeSelectionForeground#ebb63e
• breadcrumb.background#17182b
• breadcrumb.focusForeground#e9eaef
• breadcrumb.foreground#6b7089
• breadcrumbPicker.background#13131d
• button.background#264f78
• button.border#00000000
• button.foreground#c6c8d1
• button.hoverBackground#2d5e8f
• button.secondaryBackground#3d4366
• button.secondaryForeground#c6c8d1
• button.secondaryHoverBackground#495079
• button.separator#00000000
• chart.axis#222634
• chart.guide#222634
• chart.line#222634
• charts.blue#3f83a6
• charts.foreground#c6c8d1
• charts.green#6da565
• charts.lines#222634
• charts.orange#f6c177
• charts.purple#8f73af
• charts.red#bd6980
• charts.yellow#fbf39d
• checkbox.background#264f78
• checkbox.border#00000000
• checkbox.disabled.background#3d4366
• checkbox.disabled.foreground#c6c8d1
• checkbox.foreground#c6c8d1
• checkbox.selectBackground#2b4e69
• checkbox.selectBorder#00000000
• descriptionForeground#6b7089
• disabledForeground#6b7089
• dropdown.background#264f78
• dropdown.border#00000000
• dropdown.foreground#c6c8d1
• dropdown.listBackground#264f78
• editor.background#17182b
• editor.findMatchBackground#2b4e69
• editor.findMatchBorder#00000000
• editor.findMatchForeground#c6c8d1
• editor.findMatchHighlightBackground#585b7033
• editor.findMatchHighlightBorder#00000000
• editor.findMatchHighlightForegrounddefault
• editor.findRangeHighlightBackground#2b4e69cc
• editor.findRangeHighlightBorder#00000000
• editor.focusedStackFrameHighlightBackground#6da56533
• editor.foldBackground#2b4e691a
• editor.foreground#c6c8d1
• editor.hoverHighlightBackground#2b4e6933
• editor.inactiveLineHighlightBackground#2b4e691a
• editor.lineHighlightBackground#2b4e6933
• editor.lineHighlightBorder#00000000
• editor.rangeHighlightBackground#2b4e6933
• editor.rangeHighlightBorder#00000000
• editor.selectionBackground#2b4e6966
• editor.selectionForeground#c6c8d1
• editor.selectionHighlightBackground#2b4e6966
• editor.selectionHighlightBorder#00000000
• editor.stackFrameHighlightBackground#ebb63e33
• editor.wordHighlightBackground#383a4e33
• editor.wordHighlightStrongBackground#383a4e66
• editorBracketHighlight.foreground1#bd6980
• editorBracketHighlight.foreground2#f6c177
• editorBracketHighlight.foreground3#fbf39d
• editorBracketHighlight.foreground4#6da565
• editorBracketHighlight.foreground5#3f83a6
• editorBracketHighlight.foreground6#7ec2d3
• editorBracketHighlight.unexpectedBracket.foreground#a357b3
• editorBracketMatch.background#383a4e
• editorBracketMatch.border#585b70
• editorCodeLens.foreground#fbf39d
• editorCursor.background#181825
• editorCursor.foreground#c6c8d1
• editorError.background#00000000
• editorError.border#00000000
• editorError.foreground#bd6980
• editorGroup.border#222634
• editorGroup.dropBackground#2b4e6933
• editorGroup.emptyBackground#17182b
• editorGroup.focusedEmptyBorder#242940
• editorGroupHeader.border#222634
• editorGroupHeader.noTabsBackground#13131d
• editorGroupHeader.tabsBackground#13131d
• editorGroupHeader.tabsBorder#222634
• editorGutter.addedBackground#6da565
• editorGutter.background#17182b
• editorGutter.commentGlyphForeground#f6c177
• editorGutter.commentRangeForeground#2b4e69
• editorGutter.deletedBackground#bd6980
• editorGutter.foldingControlForeground#6b7089
• editorGutter.modifiedBackground#f6c177
• editorHint.border#00000000
• editorHint.foreground#fbf39d
• editorHoverWidget.background#181825f2
• editorHoverWidget.border#242940
• editorHoverWidget.foreground#c6c8d1
• editorHoverWidget.highlightForeground#2b4e69
• editorHoverWidget.statusBarBackground#17182b
• editorInfo.background#00000000
• editorInfo.border#00000000
• editorInfo.foreground#3f83a6
• editorInlayHint.background#13131d
• editorInlayHint.foreground#c6c8d1
• editorInlayHint.parameterBackground#13131d
• editorInlayHint.parameterForeground#c6c8d1
• editorInlayHint.typeBackground#13131d
• editorInlayHint.typeForeground#c6c8d1
• editorLightBulb.foreground#fbf39d
• editorLineNumber.activeForeground#c6c8d1
• editorLineNumber.dimmedForeground#414453
• editorLineNumber.foreground#6b7089
• editorLink.activeForeground#ebb63e
• editorMarkerNavigation.background#13131d
• editorMarkerNavigationError.background#bd6980
• editorMarkerNavigationInfo.background#3f83a6
• editorMarkerNavigationWarning.background#f6c177
• editorOverviewRuler.addedForeground#6da565cc
• editorOverviewRuler.background#17182b
• editorOverviewRuler.border#222634
• editorOverviewRuler.bracketMatchForegrounddefault
• editorOverviewRuler.commentForegrounddefault
• editorOverviewRuler.commentUnresolvedForegrounddefault
• editorOverviewRuler.commonContentForegrounddefault
• editorOverviewRuler.currentContentForegrounddefault
• editorOverviewRuler.deletedForeground#d799b0cc
• editorOverviewRuler.errorForeground#bd6980cc
• editorOverviewRuler.findMatchForegrounddefault
• editorOverviewRuler.incomingContentForeground#3f83a6cc
• editorOverviewRuler.infoForeground#3f83a6cc
• editorOverviewRuler.inlineChatInserteddefault
• editorOverviewRuler.inlineChatRemoveddefault
• editorOverviewRuler.modifiedForeground#fbf39dcc
• editorOverviewRuler.rangeHighlightForegrounddefault
• editorOverviewRuler.selectionHighlightForegrounddefault
• editorOverviewRuler.warningForeground#f6c177cc
• editorOverviewRuler.wordHighlightForegrounddefault
• editorOverviewRuler.wordHighlightStrongForegrounddefault
• editorOverviewRuler.wordHighlightTextForegrounddefault
• editorRuler.foreground#222634
• editorStickyScroll.background#181825cc
• editorStickyScroll.border#222634
• editorStickyScroll.shadow#00000000
• editorStickyScrollGutter.background#181825cc
• editorStickyScrollHover.background#13131dcc
• editorSuggestWidget.background#181825f2
• editorSuggestWidget.border#222634
• editorSuggestWidget.focusHighlightForeground#c6c8d1
• editorSuggestWidget.foreground#c6c8d1
• editorSuggestWidget.highlightForeground#c6c8d1
• editorSuggestWidget.selectedBackground#2b4e69
• editorSuggestWidget.selectedForeground#c6c8d1
• editorSuggestWidget.selectedIconForeground#c6c8d1
• editorSuggestWidgetStatus.foreground#c6c8d1
• editorWarning.background#00000000
• editorWarning.border#00000000
• editorWarning.foreground#f6c177
• editorWidget.background#181825
• editorWidget.border#222634
• editorWidget.foreground#c6c8d1
• editorWidget.resizeBorder#222634
• errorForeground#bd6980
• extensionBadge.remoteBackground#6da565
• extensionBadge.remoteForeground#17182b
• extensionButton.background#264f78
• extensionButton.foreground#c6c8d1
• extensionButton.hoverBackground#2d5e8f
• extensionButton.prominentBackground#264f78
• extensionButton.prominentForeground#c6c8d1
• extensionButton.prominentHoverBackground#2d5e8f
• extensionButton.separator#00000000
• extensionIcon.preReleaseForeground#8f73af
• extensionIcon.privateForeground#c6c8d1
• extensionIcon.sponsorForeground#bd6980
• extensionIcon.starForeground#f6c177
• extensionIcon.verifiedForeground#3f83a6
• focusBorder#222634
• foreground#c6c8d1
• gitDecoration.addedResourceForeground#6da565
• gitDecoration.conflictingResourceForeground#f6c177
• gitDecoration.deletedResourceForeground#bd6980
• gitDecoration.ignoredResourceForeground#6b7089
• gitDecoration.modifiedResourceForeground#fbf39d
• gitDecoration.stageDeletedResourceForeground#d799b0
• gitDecoration.stageModifiedResourceForeground#fdf9B5
• gitDecoration.submoduleResourceForeground#8f73af
• gitDecoration.untrackedResourceForeground#c6c8d1
• icon.foreground#c6c8d1
• input.background#383a4e
• input.border#00000000
• input.foreground#c6c8d1
• input.placeholderForeground#6b7089
• inputOption.activeBackground#2b4e69
• inputOption.activeBorder#585b70
• inputOption.activeForeground#c6c8d1
• inputValidation.errorBackground#bd6980
• inputValidation.errorBorder#222634
• inputValidation.errorForeground#17182b
• inputValidation.infoBackground#3f83a6
• inputValidation.infoBorder#222634
• inputValidation.infoForeground#c6c8d1
• inputValidation.warningBackground#f6c177
• inputValidation.warningBorder#222634
• inputValidation.warningForeground#17182b
• list.activeSelectionBackground#2b4e69
• list.activeSelectionForeground#e9eaef
• list.dropBackground#2b4e6933
• list.focusBackground#2b4e69
• list.focusForeground#e9eaef
• list.focusOutline#00000000
• list.highlightForeground#e9eaef
• list.hoverBackground#2b4e6933
• list.hoverForeground#c6c8d1
• list.inactiveSelectionBackground#2b4e6933
• list.inactiveSelectionForeground#c6c8d1
• list.warningForeground#f6c177
• listFilterWidget.background#3d4366
• listFilterWidget.noMatchesOutline#bd6980
• listFilterWidget.outline#00000000
• menu.background#181825
• menu.border#242940
• menu.foreground#c6c8d1
• menu.selectionBackground#2b4e69
• menu.selectionBorder#00000000
• menu.selectionForeground#e9eaef
• menu.separatorBackground#222634
• menubar.selectionBackground#2b4e69
• menubar.selectionForeground#e9eaef
• merge.commonContentBackgrounddefault
• merge.commonHeaderBackgrounddefault
• merge.currentContentBackgrounddefault
• merge.currentHeaderBackgrounddefault
• merge.incomingContentBackgrounddefault
• merge.incomingHeaderBackgrounddefault
• minimap.background#383a4e1a
• minimap.errorHighlight#bd6980
• minimap.findMatchHighlightdefault
• minimap.selectionHighlightdefault
• minimap.selectionOccurrenceHighlightdefault
• minimap.warningHighlight#f6c177
• minimapGutter.addedBackground#6da565
• minimapGutter.deletedBackground#bd6980
• minimapGutter.modifiedBackground#fbf39d
• minimapSlider.activeBackground#383a4ecc
• minimapSlider.background#383a4e66
• minimapSlider.hoverBackground#383a4e99
• notificationCenter.border#222634
• notificationCenterHeader.background#264f78cc
• notificationCenterHeader.foreground#e9eaef
• notificationLink.foreground#ebb63e
• notifications.background#13131dcc
• notifications.border#222634
• notifications.foreground#c6c8d1
• notificationsErrorIcon.foreground#bd6980
• notificationsInfoIcon.foreground#3f83a6
• notificationsWarningIcon.foreground#f6c177
• notificationToast.border#222634
• panel.background#181825
• panel.border#222634
• panelSection.border#222634
• panelSection.dropBackground#2b4e6933
• panelTitle.activeBorder#00000000
• panelTitle.activeForeground#e9eaef
• panelTitle.border#222634
• panelTitle.inactiveForeground#6b7089
• peekView.border#585b70
• peekViewEditor.background#17182b
• peekViewEditor.matchHighlightBackground#181825
• peekViewEditor.matchHighlightBorder#00000000
• peekViewEditorGutter.background#383a4e
• peekViewEditorStickyScroll.background#181825cc
• peekViewEditorStickyScrollGutter.background#181825cc
• peekViewResult.background#383a4e33
• peekViewResult.fileForeground#c6c8d1
• peekViewResult.lineForeground#c6c8d1
• peekViewResult.matchHighlightBackground#2b4e69
• peekViewResult.selectionBackground#2b4e69
• peekViewResult.selectionForeground#e9eaef
• peekViewTitle.background#13131d
• peekViewTitleDescription.foreground#6b7089
• peekViewTitleLabel.foreground#ebb63e
• pickerGroup.border#242940
• pickerGroup.foreground#fbf39d
• problemsErrorIcon.foreground#bd6980
• problemsInfoIcon.foreground#3f83a6
• problemsWarningIcon.foreground#f6c177
• progressBar.background#ebb63e
• sash.hoverBorder#ebb63e
• scmGraph.foreground1#bd6980
• scmGraph.foreground2#f6c177
• scmGraph.foreground3#fbf39d
• scmGraph.foreground4#6da565
• scmGraph.foreground5#3f83a6
• scmGraph.historyItemBaseRefColor#264f78
• scmGraph.historyItemHoverDefaultLabelBackground#2b4e6933
• scmGraph.historyItemHoverDefaultLabelForeground#c6c8d1
• scmGraph.historyItemRefColor#ebb63e
• scmGraph.historyItemRemoteRefColor#6da565
• scrollbar.background#383a4e33
• scrollbar.shadow#222634
• scrollbarSlider.activeBackground#383a4ecc
• scrollbarSlider.background#383a4e66
• scrollbarSlider.hoverBackground#383a4e99
• selection.background#2b4e69
• settings.dropdownBackground#264f78
• settings.dropdownBorder#00000000
• settings.dropdownListBorder#00000000
• settings.focusedRowBackground#13131d
• settings.focusedRowBorder#242940
• settings.headerForeground#e9eaef
• settings.modifiedItemIndicator#264f78
• settings.numberInputBackground#264f78
• settings.numberInputBorder#00000000
• settings.rowHoverBackground#181825
• settings.textInputBackground#264f78
• settings.textInputBorder#00000000
• sideBar.background#181825
• sideBar.border#222634
• sideBar.dropBackground#2b4e6933
• sideBar.foreground#c6c8d1
• sideBarSectionHeader.background#181825
• sideBarSectionHeader.border#222634
• sideBarSectionHeader.foreground#c6c8d1
• sideBarStickyScroll.background#13131d
• sideBarStickyScroll.border#222634
• sideBarStickyScroll.shadow#2b4e6933
• sideBarTitle.background#13131d
• sideBarTitle.border#222634
• sideBarTitle.foreground#ebb63e
• statusBar.background#17182b
• statusBar.border#222634
• statusBar.debuggingBackground#264f78
• statusBar.debuggingBorder#222634
• statusBar.debuggingForeground#c6c8d1
• statusBar.focusBorder#222634
• statusBar.foreground#c6c8d1
• statusBar.noFolderBackground#17182b
• statusBar.noFolderBorder#222634
• statusBar.noFolderForeground#585B70
• statusBarItem.activeBackground#585B70
• statusBarItem.errorBackground#bd6980
• statusBarItem.errorForeground#17182b
• statusBarItem.hoverBackground#2b4e69
• statusBarItem.hoverForeground#e9eaef
• statusBarItem.offlineBackground#585B70
• statusBarItem.offlineForeground#c6c8d1
• statusBarItem.prominentBackground#264f78
• statusBarItem.prominentForeground#c6c8d1
• statusBarItem.prominentHoverBackground#2b4e69
• statusBarItem.prominentHoverForeground#e9eaef
• statusBarItem.remoteBackground#6da565
• statusBarItem.remoteForeground#17182b
• statusBarItem.warningBackground#f6c177
• statusBarItem.warningForeground#17182b
• symbolIcon.arrayForegrounddefault
• symbolIcon.booleanForegrounddefault
• symbolIcon.classForegrounddefault
• symbolIcon.colorForegrounddefault
• symbolIcon.constantForegrounddefault
• symbolIcon.constructorForegrounddefault
• symbolIcon.enumeratorForegrounddefault
• symbolIcon.enumeratorMemberForegrounddefault
• symbolIcon.eventForegrounddefault
• symbolIcon.fieldForegrounddefault
• symbolIcon.fileForegrounddefault
• symbolIcon.folderForegrounddefault
• symbolIcon.functionForegrounddefault
• symbolIcon.interfaceForegrounddefault
• symbolIcon.keyForegrounddefault
• symbolIcon.keywordForegrounddefault
• symbolIcon.methodForegrounddefault
• symbolIcon.moduleForegrounddefault
• symbolIcon.namespaceForegrounddefault
• symbolIcon.nullForegrounddefault
• symbolIcon.numberForegrounddefault
• symbolIcon.objectForegrounddefault
• symbolIcon.operatorForegrounddefault
• symbolIcon.packageForegrounddefault
• symbolIcon.propertyForegrounddefault
• symbolIcon.referenceForegrounddefault
• symbolIcon.snippetForegrounddefault
• symbolIcon.stringForegrounddefault
• symbolIcon.structForegrounddefault
• symbolIcon.textForegrounddefault
• symbolIcon.typeParameterForegrounddefault
• symbolIcon.unitForegrounddefault
• symbolIcon.variableForegrounddefault
• tab.activeBackground#17182b
• tab.activeBorder#17182b
• tab.activeBorderTop#ebb63e
• tab.activeForeground#e9eaef
• tab.activeModifiedBorderdefault
• tab.border#222634
• tab.dragAndDropBorder#ebb63e
• tab.hoverBackground#13131d
• tab.hoverBorder#00000000
• tab.hoverForeground#c6c8d1
• tab.inactiveBackground#13131d
• tab.inactiveForeground#6b7089
• tab.inactiveModifiedBorderdefault
• tab.lastPinnedBorder#264f78
• tab.selectedBackground#17182b
• tab.selectedBorderTop#ebb63e
• tab.selectedForeground#e9eaef
• tab.unfocusedActiveBackground#17182b
• tab.unfocusedActiveBorder#17182b
• tab.unfocusedActiveBorderTop#264f78
• tab.unfocusedActiveForeground#6b7089
• tab.unfocusedActiveModifiedBorderdefault
• tab.unfocusedHoverBackground#13131d
• tab.unfocusedHoverBorder#00000000
• tab.unfocusedHoverForeground#c6c8d1
• tab.unfocusedInactiveBackground#13131d
• tab.unfocusedInactiveForeground#6b7089
• tab.unfocusedInactiveModifiedBorderdefault
• terminal.ansiBlack#0f1117
• terminal.ansiBlue#3f83a6
• terminal.ansiBrightBlack#13131d
• terminal.ansiBrightBlue#6ea1bc
• terminal.ansiBrightCyan#8bd5e8
• terminal.ansiBrightGreen#aada9a
• terminal.ansiBrightMagenta#ca8fda
• terminal.ansiBrightRed#d799b0
• terminal.ansiBrightWhite#e9eaef
• terminal.ansiBrightYellow#fdf9B5
• terminal.ansiCyan#7ec2d3
• terminal.ansiGreen#6da565
• terminal.ansiMagenta#a357b3
• terminal.ansiRed#bd6980
• terminal.ansiWhite#c6c8d1
• terminal.ansiYellow#fbf39d
• terminal.background#17182b
• terminal.border#222634
• terminal.dropBackground#2b4e6933
• terminal.findMatchBackgrounddefault
• terminal.findMatchBorderdefault
• terminal.findMatchHighlightBackgrounddefault
• terminal.findMatchHighlightBorderdefault
• terminal.foreground#c6c8d1
• terminal.hoverHighlightBackgrounddefault
• terminal.inactiveSelectionBackground#2b4e6933
• terminal.selectionBackground#2b4e6966
• terminal.selectionForegrounddefault
• terminal.tab.activeBorder#ebb63e
• terminalCommandDecoration.defaultBackgrounddefault
• terminalCommandDecoration.errorBackground#bd6980
• terminalCommandDecoration.successBackground#6da565
• terminalCursor.background#c6c8d1
• terminalCursor.foreground#e9eaef
• terminalOverviewRuler.border#222634
• terminalOverviewRuler.cursorForegrounddefault
• terminalOverviewRuler.findMatchForegrounddefault
• terminalStickyScroll.background#13131d
• terminalStickyScroll.border#222634
• terminalStickyScrollHover.background#13131dcc
• testing.coverCountBadgeBackgrounddefault
• testing.coverCountBadgeForegrounddefault
• testing.coveredBackgrounddefault
• testing.coveredBorderdefault
• testing.coveredGutterBackgrounddefault
• testing.iconErrored#bd6980
• testing.iconErrored.retired#bd6980
• testing.iconFailed#bd6980
• testing.iconFailed.retired#d799b0
• testing.iconPassed#6da565
• testing.iconPassed.retired#aada9a
• testing.iconQueued#3f83a6
• testing.iconQueued.retired#6ea1bc
• testing.iconSkippeddefault
• testing.iconSkipped.retireddefault
• testing.iconUnsetdefault
• testing.iconUnset.retireddefault
• testing.message.error.lineBackgrounddefault
• testing.message.info.decorationForegrounddefault
• testing.message.info.lineBackgrounddefault
• testing.messagePeekBorder#222634
• testing.messagePeekHeaderBackgrounddefault
• testing.peekBorder#222634
• testing.peekHeaderBackgrounddefault
• testing.runActiondefault
• testing.uncoveredBackgrounddefault
• testing.uncoveredBorderdefault
• testing.uncoveredBranchBackgrounddefault
• testing.uncoveredGutterBackgrounddefault
• textBlockQuote.backgrounddefault
• textBlockQuote.borderdefault
• textLink.activeForeground#ebb63e
• textLink.foreground#e9eaef
• textPreformat.foregrounddefault
• textSeparator.foregrounddefault
• titleBar.activeBackground#264f78
• titleBar.activeForeground#c6c8d1
• titleBar.border#222634
• titleBar.inactiveBackground#17182b
• titleBar.inactiveForeground#585B70
• tree.inactiveIndentGuidesStroke#222634
• tree.indentGuidesStroke#00000000
• tree.tableColumnsBorderdefault
• tree.tableOddRowsBackgrounddefault
• walkThrough.embeddedEditorBackground#17182b
• walkthrough.stepTitle.foreground#e9eaef
• welcomePage.progress.background#222634
• welcomePage.progress.foreground#ebb63e
• welcomePage.tileBackground#13131d
• welcomePage.tileBorder#222634
• welcomePage.tileHoverBackground#2b4e69
• widget.shadow#17182b

tokenColors

TextMate scopes and font styles (syntax highlighting rules).