Homebrew Dark

Name: Homebrew Dark
Author: s7a19t4r

Publisher: s7a19t4rThemes in package: 1

Homebrew Dark Color Scheme

GitHub

VS Code preview

Full workbench mockup using this variant's colors and tokenColors.

Homebrew Dark — Homebrew Dark

fetchUser.ts

index.ts

README.md

main*

Copilot

Ln 5, Col 12

Spaces: 2

UTF-8

TypeScript

Dark+

colors

Workbench UI color keys from the theme JSON colors map.

activityBar.activeBackground#000000
activityBar.activeBorder#7EFA55
activityBar.activeFocusBorder#7EFA55
activityBar.background#000000
activityBar.border#7EFA55
activityBar.dropBorder#7EFA55
activityBar.foreground#7EFA55
activityBar.inactiveForeground#477032
activityBarBadge.background#7EFA55
activityBarBadge.foreground#000000
badge.background#000000
badge.foreground#7EFA55
banner.background#000000
banner.foreground#7EFA55
banner.iconForeground#7EFA55
breadcrumb.activeSelectionForeground#7EFA55
breadcrumb.background#000000
breadcrumb.focusForeground#7EFA55
breadcrumb.foreground#7EFA55
breadcrumbPicker.background#000000
button.background#7EFA55
button.border#7EFA55
button.foreground#000000
button.hoverBackground#a3ff84
button.secondaryBackground#7EFA55
button.secondaryForeground#000000
button.secondaryHoverBackground#a3ff84
button.separator#7EFA55
charts.blue#0000ff
charts.foreground#7EFA55
charts.green#7EFA55
charts.lines#7EFA55
charts.orange#ff7700
charts.purple#c800ff
charts.red#ff0000
charts.yellow#dddd4c
chat.requestBackground#000000
chat.requestBorder#7EFA55
checkbox.background#000000
checkbox.border#7EFA55
checkbox.foreground#7EFA55
checkbox.selectBackground#7EFA55
checkbox.selectBorder#7EFA55
commandCenter.activeBackground#000000
commandCenter.activeBorder#7EFA55
commandCenter.activeForeground#7EFA55
commandCenter.background#000000
commandCenter.border#7EFA55
commandCenter.foreground#7EFA55
commandCenter.inactiveBorder#7EFA55
commandCenter.inactiveForeground#477032
commentsView.resolvedIcon#7EFA55
commentsView.unresolvedIcon#dddd4c
contrastActiveBorder#7EFA55
contrastBorder#7EFA55
debugConsole.errorForeground#ff0000
debugConsole.infoForeground#7EFA55
debugConsole.sourceForeground#7EFA55
debugConsole.warningForeground#dddd4c
debugConsoleInputIcon.foreground#7EFA55
debugExceptionWidget.background#000000
debugExceptionWidget.border#7EFA55
debugIcon.breakpointCurrentStackframeForeground#7EFA55
debugIcon.breakpointDisabledForeground#888888
debugIcon.breakpointForeground#7EFA55
debugIcon.breakpointStackframeForeground#7EFA55
debugIcon.breakpointUnverifiedForeground#7EFA55
debugIcon.continueForeground#7EFA55
debugIcon.disconnectForeground#7EFA55
debugIcon.pauseForeground#7EFA55
debugIcon.restartForeground#7EFA55
debugIcon.startForeground#7EFA55
debugIcon.stepBackForeground#7EFA55
debugIcon.stepIntoForeground#7EFA55
debugIcon.stepOutForeground#7EFA55
debugIcon.stepOverForeground#7EFA55
debugIcon.stopForeground#7EFA55
debugTokenExpression.boolean#7EFA55
debugTokenExpression.error#ff0000
debugTokenExpression.name#7EFA55
debugTokenExpression.number#7EFA55
debugTokenExpression.string#7EFA55
debugTokenExpression.value#7EFA55
debugToolBar.background#000000
debugToolBar.border#7EFA55
debugView.exceptionLabelBackground#000000
debugView.exceptionLabelForeground#ff0000
debugView.stateLabelBackground#000000
debugView.stateLabelForeground#7EFA55
debugView.valueChangedHighlight#6c6c6c
descriptionForeground#7EFA55
diffEditor.border#7EFA55
diffEditor.diagonalFill#000000
diffEditor.insertedLineBackground#6c6c6c
diffEditor.insertedTextBackground#6c6c6c
diffEditor.insertedTextBorder#6c6c6c
diffEditor.move.border#6c6c6c
diffEditor.removedLineBackground#ff8888
diffEditor.removedTextBackground#ff8888
diffEditor.removedTextBorder#ff8888
diffEditor.unchangedCodeBackground#000000
diffEditor.unchangedRegionBackground#000000
diffEditor.unchangedRegionForeground#7EFA55
diffEditorGutter.insertedLineBackground#7EFA55
diffEditorGutter.removedLineBackground#ff8888
diffEditorOverview.insertedForeground#7EFA55
diffEditorOverview.removedForeground#ff0000
disabledForeground#ff0000
dropdown.background#000000
dropdown.border#7EFA55
dropdown.foreground#7EFA55
dropdown.listBackground#000000
editor.background#000000
editor.findMatchBackground#6c6c6c
editor.findMatchBorder#6c6c6c
editor.findMatchHighlightBackground#6c6c6c
editor.findMatchHighlightBorder#6c6c6c
editor.findRangeHighlightBackground#6c6c6c
editor.findRangeHighlightBorder#6c6c6c
editor.focusedStackFrameHighlightBackground#6c6c6c
editor.foldBackground#6c6c6c
editor.foreground#7EFA55
editor.hoverHighlightBackground#000000
editor.inactiveSelectionBackground#6c6c6c
editor.inlineValuesBackground#000000
editor.inlineValuesForeground#7EFA55
editor.lineHighlightBackground#000000
editor.lineHighlightBorder#000000
editor.linkedEditingBackground#6c6c6c
editor.rangeHighlightBackground#6c6c6c
editor.rangeHighlightBorder#6c6c6c
editor.selectionBackground#6c6c6c
editor.selectionForeground#7efa55
editor.selectionHighlightBackground#6c6c6c
editor.selectionHighlightBorder#6c6c6c
editor.snippetFinalTabstopHighlightBackground#6c6c6c
editor.snippetFinalTabstopHighlightBorder#6c6c6c
editor.snippetTabstopHighlightBackground#6c6c6c
editor.snippetTabstopHighlightBorder#6c6c6c
editor.stackFrameHighlightBackground#000000
editor.symbolHighlightBackground#6c6c6c
editor.symbolHighlightBorder#6c6c6c
editor.wordHighlightBackground#6c6c6c
editor.wordHighlightBorder#6c6c6c
editor.wordHighlightStrongBackground#6c6c6c
editor.wordHighlightStrongBorder#6c6c6c
editor.wordHighlightTextBackground#6c6c6c
editor.wordHighlightTextBorder#6c6c6c
editorBracketHighlight.foreground1#7EFA55
editorBracketHighlight.foreground2#7EFA55
editorBracketHighlight.foreground3#7EFA55
editorBracketHighlight.foreground4#7EFA55
editorBracketHighlight.foreground5#7EFA55
editorBracketHighlight.foreground6#7EFA55
editorBracketHighlight.unexpectedBracket.foreground#ff0000
editorBracketMatch.background#6c6c6c
editorBracketMatch.border#6c6c6c
editorBracketPairGuide.activeBackground1#6c6c6c
editorBracketPairGuide.activeBackground2#6c6c6c
editorBracketPairGuide.activeBackground3#6c6c6c
editorBracketPairGuide.activeBackground4#6c6c6c
editorBracketPairGuide.activeBackground5#6c6c6c
editorBracketPairGuide.activeBackground6#6c6c6c
editorBracketPairGuide.background1#6c6c6c
editorBracketPairGuide.background2#6c6c6c
editorBracketPairGuide.background3#6c6c6c
editorBracketPairGuide.background4#6c6c6c
editorBracketPairGuide.background5#6c6c6c
editorBracketPairGuide.background6#6c6c6c
editorCodeLens.foreground#7EFA55
editorCommentsWidget.rangeActiveBackground#000000
editorCommentsWidget.rangeActiveBorder#7EFA55
editorCommentsWidget.rangeBackground#000000
editorCommentsWidget.rangeBorder#7EFA55
editorCommentsWidget.resolvedBorder#7EFA55
editorCommentsWidget.unresolvedBorder#dddd4c
editorCursor.background#7EFA55
editorCursor.foreground#7EFA55
editorError.background#000000
editorError.border#ff0000
editorError.foreground#ff0000
editorGhostText.background#000000
editorGhostText.border#000000
editorGhostText.foreground#6c6c6c
editorGroup.border#7EFA55
editorGroup.dropBackground#7EFA55
editorGroup.dropIntoPromptBackground#7EFA55
editorGroup.dropIntoPromptBorder#7EFA55
editorGroup.dropIntoPromptForeground#7EFA55
editorGroup.emptyBackground#000000
editorGroup.focusedEmptyBorder#7EFA55
editorGroupHeader.border#000000
editorGroupHeader.noTabsBackground#000000
editorGroupHeader.tabsBackground#000000
editorGroupHeader.tabsBorder#7EFA55
editorGutter.addedBackground#000000
editorGutter.background#000000
editorGutter.commentGlyphForeground#7EFA55
editorGutter.commentRangeForeground#7EFA55
editorGutter.commentUnresolvedGlyphForeground#7EFA55
editorGutter.deletedBackground#000000
editorGutter.foldingControlForeground#7EFA55
editorGutter.modifiedBackground#000000
editorHint.border#7EFA55
editorHint.foreground#7EFA55
editorHoverWidget.background#000000
editorHoverWidget.border#7EFA55
editorHoverWidget.foreground#A8FCBA
editorHoverWidget.highlightForeground#7EFA55
editorHoverWidget.statusBarBackground#000000
editorIndentGuide.activeBackground1#304c21
editorIndentGuide.activeBackground2#304c21
editorIndentGuide.activeBackground3#304c21
editorIndentGuide.activeBackground4#304c21
editorIndentGuide.activeBackground5#304c21
editorIndentGuide.activeBackground6#304c21
editorIndentGuide.background1#304c21
editorIndentGuide.background2#304c21
editorIndentGuide.background3#304c21
editorIndentGuide.background4#304c21
editorIndentGuide.background5#304c21
editorIndentGuide.background6#304c21
editorInfo.background#000000
editorInfo.border#7EFA55
editorInfo.foreground#7EFA55
editorInlayHint.background#000000
editorInlayHint.foreground#7EFA55
editorInlayHint.parameterBackground#000000
editorInlayHint.parameterForeground#7EFA55
editorInlayHint.typeBackground#000000
editorInlayHint.typeForeground#7EFA55
editorLightBulb.foreground#7EFA55
editorLightBulbAutoFix.foreground#7EFA55
editorLineNumber.activeForeground#DDDD4C
editorLineNumber.dimmedForeground#dddd4c
editorLineNumber.foreground#DDDD4C
editorLink.activeForeground#7EFA55
editorMarkerNavigation.background#000000
editorMarkerNavigationError.background#000000
editorMarkerNavigationError.headerBackground#000000
editorMarkerNavigationInfo.background#000000
editorMarkerNavigationInfo.headerBackground#000000
editorMarkerNavigationWarning.background#000000
editorMarkerNavigationWarning.headerBackground#000000
editorOverviewRuler.addedForeground#7EFA55
editorOverviewRuler.background#000000
editorOverviewRuler.border#7EFA55
editorOverviewRuler.bracketMatchForeground#7EFA55
editorOverviewRuler.commentForeground#7EFA55
editorOverviewRuler.commentUnresolvedForeground#dddd4c
editorOverviewRuler.commonContentForeground#7EFA55
editorOverviewRuler.currentContentForeground#7EFA55
editorOverviewRuler.deletedForeground#ff0000
editorOverviewRuler.errorForeground#ff0000
editorOverviewRuler.findMatchForeground#7EFA55
editorOverviewRuler.incomingContentForeground#7EFA55
editorOverviewRuler.infoForeground#7EFA55
editorOverviewRuler.modifiedForeground#7EFA55
editorOverviewRuler.rangeHighlightForeground#7EFA55
editorOverviewRuler.selectionHighlightForeground#7EFA55
editorOverviewRuler.warningForeground#dddd4c
editorOverviewRuler.wordHighlightForeground#7EFA55
editorOverviewRuler.wordHighlightStrongForeground#7EFA55
editorOverviewRuler.wordHighlightTextForeground#7EFA55
editorPane.background#000000
editorRuler.foreground#7EFA55
editorStickyScroll.background#000000
editorStickyScrollHover.background#000000
editorSuggestWidget.background#000000
editorSuggestWidget.border#7EFA55
editorSuggestWidget.focusHighlightForeground#7EFA55
editorSuggestWidget.foreground#7EFA55
editorSuggestWidget.highlightForeground#7EFA55
editorSuggestWidget.selectedBackground#6c6c6c
editorSuggestWidget.selectedForeground#7EFA55
editorSuggestWidget.selectedIconForeground#7EFA55
editorSuggestWidgetStatus.foreground#7EFA55
editorUnicodeHighlight.background#6c6c6c
editorUnicodeHighlight.border#6c6c6c
editorUnnecessaryCode.border#000000
editorUnnecessaryCode.opacity#9c9c9c
editorWarning.background#000000
editorWarning.border#000000
editorWarning.foreground#dddd4c
editorWhitespace.foreground#7EFA55
editorWidget.background#000000
editorWidget.border#7EFA55
editorWidget.foreground#7EFA55
editorWidget.resizeBorder#7EFA55
errorForeground#ff0000
extensionBadge.remoteBackground#000000
extensionBadge.remoteForeground#7EFA55
extensionButton.background#7efa55
extensionButton.foreground#000000
extensionButton.hoverBackground#b7f8a1
extensionButton.prominentBackground#000000
extensionButton.prominentForeground#7EFA55
extensionButton.prominentHoverBackground#000000
extensionButton.separator#7EFA55
extensionIcon.preReleaseForeground#7EFA55
extensionIcon.sponsorForeground#7EFA55
extensionIcon.starForeground#7EFA55
extensionIcon.verifiedForeground#7EFA55
focusBorder#7EFA55
foreground#7EFA55
icon.foreground#7EFA55
inlineChat.background#000000
inlineChat.border#7EFA55
inlineChat.regionHighlight#6c6c6c
inlineChat.shadow#000000
inlineChatDiff.inserted#7EFA55
inlineChatDiff.removed#ff0000
inlineChatInput.background#000000
inlineChatInput.border#7EFA55
inlineChatInput.focusBorder#7EFA55
inlineChatInput.placeholderForeground#7EFA55
input.background#000000
input.border#7EFA55
input.foreground#7EFA55
input.placeholderForeground#477032
inputOption.activeBackground#000000
inputOption.activeBorder#7EFA55
inputOption.activeForeground#7EFA55
inputOption.hoverBackground#000000
inputValidation.errorBackground#000000
inputValidation.errorBorder#7EFA55
inputValidation.errorForeground#ff0000
inputValidation.infoBackground#000000
inputValidation.infoBorder#7EFA55
inputValidation.infoForeground#7EFA55
inputValidation.warningBackground#000000
inputValidation.warningBorder#7EFA55
inputValidation.warningForeground#dddd4c
interactive.activeCodeBorder#7EFA55
interactive.inactiveCodeBorder#7EFA55
keybindingLabel.background#000000
keybindingLabel.border#7EFA55
keybindingLabel.bottomBorder#7EFA55
keybindingLabel.foreground#7EFA55
keybindingTable.headerBackground#000000
keybindingTable.rowsBackground#000000
list.activeSelectionBackground#000000
list.activeSelectionForeground#7EFA55
list.activeSelectionIconForeground#7EFA55
list.deemphasizedForeground#7EFA55
list.dropBackground#000000
list.errorForeground#ff0000
list.filterMatchBackground#000000
list.filterMatchBorder#7EFA55
list.focusAndSelectionOutline#000000
list.focusBackground#000000
list.focusForeground#7EFA55
list.focusHighlightForeground#7EFA55
list.focusOutline#00000000
list.highlightForeground#7EFA55
list.hoverBackground#000000
list.hoverForeground#A8FCBA
list.inactiveFocusBackground#000000
list.inactiveFocusOutline#00000000
list.inactiveSelectionBackground#000000
list.inactiveSelectionForeground#7EFA55
list.inactiveSelectionIconForeground#7EFA55
list.invalidItemForeground#ff0000
list.warningForeground#dddd4c
listFilterWidget.background#000000
listFilterWidget.noMatchesOutline#00000000
listFilterWidget.outline#00000000
listFilterWidget.shadow#000000
menu.background#000000
menu.border#7EFA55
menu.foreground#7EFA55
menu.selectionBackground#000000
menu.selectionBorder#7EFA55
menu.selectionForeground#7EFA55
menu.separatorBackground#000000
menubar.selectionBackground#6c6c6c
menubar.selectionBorder#7EFA55
menubar.selectionForeground#7EFA55
merge.border#7EFA55
merge.commonContentBackground#000000
merge.commonHeaderBackground#000000
merge.currentContentBackground#000000
merge.currentHeaderBackground#000000
merge.incomingContentBackground#000000
merge.incomingHeaderBackground#000000
mergeEditor.change.background#000000
mergeEditor.change.word.background#000000
mergeEditor.changeBase.background#000000
mergeEditor.changeBase.word.background#000000
mergeEditor.conflict.handled.minimapOverViewRuler#dddd4c
mergeEditor.conflict.handledFocused.border#dddd4c
mergeEditor.conflict.handledUnfocused.border#dddd4c
mergeEditor.conflict.input1.background#aa0000
mergeEditor.conflict.input2.background#aa0000
mergeEditor.conflict.unhandled.minimapOverViewRuler#aa0000
mergeEditor.conflict.unhandledFocused.border#ff0000
mergeEditor.conflict.unhandledUnfocused.border#ff0000
mergeEditor.conflictingLines.background#aa0000
minimap.background#000000
minimap.errorHighlight#ff0000
minimap.findMatchHighlight#6c6c6c
minimap.foregroundOpacity#7EFA55
minimap.selectionHighlight#6c6c6c
minimap.selectionOccurrenceHighlight#6c6c6c
minimap.warningHighlight#dddd4c
minimapGutter.addedBackground#000000
minimapGutter.deletedBackground#ff0000
minimapGutter.modifiedBackground#dddd4c
minimapSlider.activeBackground#7efa5550
minimapSlider.background#7efa5550
minimapSlider.hoverBackground#7efa5550
notebook.cellBorderColor#7EFA55
notebook.cellEditorBackground#000000
notebook.cellHoverBackground#6c6c6c
notebook.cellInsertionIndicator#7EFA55
notebook.cellStatusBarItemHoverBackground#6c6c6c
notebook.cellToolbarSeparator#7EFA55
notebook.editorBackground#000000
notebook.focusedCellBackground#000000
notebook.focusedCellBorder#477032
notebook.focusedEditorBorder#7EFA55
notebook.inactiveFocusedCellBorder#7EFA55
notebook.inactiveSelectedCellBorder#7EFA55
notebook.outputContainerBackgroundColor#000000
notebook.outputContainerBorderColor#7EFA55
notebook.selectedCellBackground#000000
notebook.selectedCellBorder#477032
notebook.symbolHighlightBackground#6c6c6c
notebookEditorOverviewRuler.runningCellForeground#7EFA55
notebookScrollbarSlider.activeBackground#7EFA55
notebookScrollbarSlider.background#000000
notebookScrollbarSlider.hoverBackground#A8FCBA
notebookStatusErrorIcon.foreground#ff0000
notebookStatusRunningIcon.foreground#7EFA55
notebookStatusSuccessIcon.foreground#7EFA55
notificationCenter.border#7EFA55
notificationCenterHeader.background#000000
notificationCenterHeader.foreground#7EFA55
notificationLink.foreground#7EFA55
notifications.background#000000
notifications.border#7EFA55
notifications.foreground#7EFA55
notificationsErrorIcon.foreground#ff0000
notificationsInfoIcon.foreground#7EFA55
notificationsWarningIcon.foreground#dddd4c
notificationToast.border#7EFA55
panel.background#000000
panel.border#7EFA55
panel.dropBorder#7EFA55
panelInput.border#7EFA55
panelSection.border#7EFA55
panelSection.dropBackground#000000
panelSectionHeader.background#000000
panelSectionHeader.border#7EFA55
panelSectionHeader.foreground#7EFA55
panelTitle.activeBorder#7EFA55
panelTitle.activeForeground#7EFA55
panelTitle.inactiveForeground#477032
peekView.border#7EFA55
peekViewEditor.background#000000
peekViewEditor.matchHighlightBackground#6c6c6c
peekViewEditor.matchHighlightBorder#000000
peekViewEditorGutter.background#000000
peekViewEditorStickyScroll.background#000000
peekViewResult.background#000000
peekViewResult.fileForeground#7EFA55
peekViewResult.lineForeground#7EFA55
peekViewResult.matchHighlightBackground#6c6c6c
peekViewResult.selectionBackground#6c6c6c
peekViewResult.selectionForeground#7EFA55
peekViewTitle.background#000000
peekViewTitleDescription.foreground#7EFA55
peekViewTitleLabel.foreground#7EFA55
pickerGroup.border#7EFA55
pickerGroup.foreground#7EFA55
ports.iconRunningProcessForeground#7EFA55
problemsErrorIcon.foreground#ff0000
problemsInfoIcon.foreground#7EFA55
problemsWarningIcon.foreground#dddd4c
profileBadge.background#000000
profileBadge.foreground#7EFA55
progressBar.background#000000
quickInput.background#000000
quickInput.foreground#7EFA55
quickInputList.focusBackground#000000
quickInputList.focusForeground#7EFA55
quickInputList.focusIconForeground#7EFA55
quickInputTitle.background#000000
sash.hoverBorder#7EFA55
scm.providerBorder#7EFA55
scrollbar.shadow#000000
scrollbarSlider.activeBackground#000000
scrollbarSlider.background#7EFA55
scrollbarSlider.hoverBackground#A8FCBA
search.resultsInfoForeground#7EFA55
searchEditor.findMatchBackground#6c6c6c
searchEditor.findMatchBorder#6c6c6c
searchEditor.textInputBorder#7EFA55
selection.background#6c6c6c
settings.checkboxBackground#000000
settings.checkboxBorder#7EFA55
settings.checkboxForeground#7EFA55
settings.dropdownBackground#000000
settings.dropdownBorder#7EFA55
settings.dropdownForeground#7EFA55
settings.dropdownListBorder#7EFA55
settings.focusedRowBackground#000000
settings.focusedRowBorder#7EFA55
settings.headerBorder#7EFA55
settings.headerForeground#7EFA55
settings.modifiedItemIndicator#7EFA55
settings.numberInputBackground#000000
settings.numberInputBorder#7EFA55
settings.numberInputForeground#7EFA55
settings.rowHoverBackground#000000
settings.sashBorder#7EFA55
settings.settingsHeaderHoverForeground#A8FCBA
settings.textInputBackground#000000
settings.textInputBorder#7EFA55
settings.textInputForeground#7EFA55
sideBar.background#000000
sideBar.border#7EFA55
sideBar.dropBackground#000000
sideBar.foreground#7EFA55
sideBarSectionHeader.background#000000
sideBarSectionHeader.border#7EFA55
sideBarSectionHeader.foreground#7EFA55
sideBarTitle.foreground#7EFA55
sideBySideEditor.horizontalBorder#7EFA55
sideBySideEditor.verticalBorder#7EFA55
statusBar.background#000000
statusBar.border#7EFA55
statusBar.debuggingBackground#000000
statusBar.debuggingBorder#7EFA55
statusBar.debuggingForeground#7EFA55
statusBar.focusBorder#7EFA55
statusBar.foreground#7EFA55
statusBar.noFolderBackground#000000
statusBar.noFolderBorder#7EFA55
statusBar.noFolderForeground#7EFA55
statusBar.offlineBackground#000000
statusBar.offlineForeground#7EFA55
statusBarItem.activeBackground#000000
statusBarItem.compactHoverBackground#000000
statusBarItem.errorBackground#000000
statusBarItem.errorForeground#ff0000
statusBarItem.focusBorder#7EFA55
statusBarItem.hoverBackground#6c6c6c
statusBarItem.prominentBackground#000000
statusBarItem.prominentForeground#7EFA55
statusBarItem.prominentHoverBackground#6c6c6c
statusBarItem.remoteBackground#000000
statusBarItem.remoteForeground#7EFA55
statusBarItem.warningBackground#000000
statusBarItem.warningForeground#dddd4c
symbolIcon.arrayForeground#A8FCBA
symbolIcon.booleanForeground#A8FCBA
symbolIcon.classForeground#7EFA55
symbolIcon.colorForeground#7EFA55
symbolIcon.constantForeground#A8FCBA
symbolIcon.constructorForeground#7EFA55
symbolIcon.enumeratorForeground#A8FCBA
symbolIcon.enumeratorMemberForeground#7EFA55
symbolIcon.eventForeground#7EFA55
symbolIcon.fieldForeground#A8FCBA
symbolIcon.fileForeground#DE4AEA
symbolIcon.folderForeground#8ADFFA
symbolIcon.functionForeground#7EFA55
symbolIcon.interfaceForeground#7EFA55
symbolIcon.keyForeground#7EFA55
symbolIcon.keywordForeground#A8FCBA
symbolIcon.methodForeground#7EFA55
symbolIcon.moduleForeground#7EFA55
symbolIcon.namespaceForeground#7EFA55
symbolIcon.nullForeground#ff0000
symbolIcon.numberForeground#DE4AEA
symbolIcon.objectForeground#A8FCBA
symbolIcon.operatorForeground#A8FCBA
symbolIcon.packageForeground#8ADFFA
symbolIcon.propertyForeground#A8FCBA
symbolIcon.referenceForeground#A8FCBA
symbolIcon.snippetForeground#8ADFFA
symbolIcon.stringForeground#DE4AEA
symbolIcon.structForeground#A8FCBA
symbolIcon.textForeground#DE4AEA
symbolIcon.typeParameterForeground#A8FCBA
symbolIcon.unitForeground#7EFA55
symbolIcon.variableForeground#A8FCBA
tab.activeBackground#000000
tab.activeBorder#7EFA55
tab.activeBorderTop#7EFA55
tab.activeForeground#7EFA55
tab.activeModifiedBorder#7EFA55
tab.border#7EFA55
tab.hoverBackground#000000
tab.hoverBorder#7EFA55
tab.hoverForeground#A8FCBA
tab.inactiveBackground#000000
tab.inactiveForeground#477032
tab.inactiveModifiedBorder#7EFA55
tab.lastPinnedBorder#7EFA55
tab.unfocusedActiveBackground#000000
tab.unfocusedActiveBorder#7EFA55
tab.unfocusedActiveBorderTop#7EFA55
tab.unfocusedActiveForeground#477032
tab.unfocusedActiveModifiedBorder#7EFA55
tab.unfocusedHoverBackground#000000
tab.unfocusedHoverBorder#7EFA55
tab.unfocusedHoverForeground#ff0000
tab.unfocusedInactiveBackground#000000
tab.unfocusedInactiveForeground#477032
tab.unfocusedInactiveModifiedBorder#7EFA55
terminal.ansiBlack#000000
terminal.ansiBlue#0099ff
terminal.ansiBrightBlack#000000
terminal.ansiBrightBlue#77c0ff
terminal.ansiBrightCyan#83ffff
terminal.ansiBrightGreen#7EFA55
terminal.ansiBrightMagenta#d400ff
terminal.ansiBrightRed#ff0000
terminal.ansiBrightWhite#ffffff
terminal.ansiBrightYellow#fbff00
terminal.ansiCyan#83ffff
terminal.ansiGreen#7EFA55
terminal.ansiMagenta#d400ff
terminal.ansiRed#ff0000
terminal.ansiWhite#ffffff
terminal.ansiYellow#fbff00
terminal.background#000000
terminal.border#7EFA55
terminal.dropBackground#000000
terminal.findMatchBackground#6c6c6c
terminal.findMatchBorder#6c6c6c
terminal.findMatchHighlightBackground#6c6c6c
terminal.findMatchHighlightBorder#6c6c6c
terminal.foreground#7EFA55
terminal.hoverHighlightBackground#000000
terminal.inactiveSelectionBackground#6c6c6c
terminal.selectionBackground#6c6c6c
terminal.selectionForeground#7EFA55
terminal.tab.activeBorder#7EFA55
terminalCommandDecoration.defaultBackground#000000
terminalCommandDecoration.errorBackground#000000
terminalCommandDecoration.successBackground#000000
terminalCursor.background#7EFA55
terminalCursor.foreground#7EFA55
terminalOverviewRuler.cursorForeground#7EFA55
terminalOverviewRuler.findMatchForeground#7EFA55
testing.iconErrored#ff0000
testing.iconFailed#ff0000
testing.iconPassed#7EFA55
testing.iconQueued#dddd4c
testing.iconSkipped#ff8080
testing.iconUnset#7EFA55
testing.message.error.decorationForeground#ff0000
testing.message.error.lineBackground#000000
testing.message.info.decorationForeground#7EFA55
testing.message.info.lineBackground#000000
testing.peekBorder#7EFA55
testing.peekHeaderBackground#000000
testing.runAction#7EFA55
textBlockQuote.background#000000
textBlockQuote.border#7EFA55
textCodeBlock.background#000000
textLink.activeForeground#7EFA55
textLink.foreground#7EFA55
textPreformat.foreground#7EFA55
textSeparator.foreground#7EFA55
titleBar.activeBackground#000000
titleBar.activeForeground#7EFA55
titleBar.border#7EFA55
titleBar.inactiveBackground#000000
titleBar.inactiveForeground#477032
toolbar.activeBackground#000000
toolbar.hoverBackground#000000
toolbar.hoverOutline#000000
tree.inactiveIndentGuidesStroke#7EFA55
tree.indentGuidesStroke#7EFA55
tree.tableColumnsBorder#7EFA55
tree.tableOddRowsBackground#000000
walkThrough.embeddedEditorBackground#000000
walkthrough.stepTitle.foreground#7EFA55
welcomePage.background#000000
welcomePage.progress.background#000000
welcomePage.progress.foreground#7EFA55
welcomePage.tileBackground#7EFA55
welcomePage.tileBorder#7EFA55
welcomePage.tileHoverBackground#000000
widget.border#7EFA55
widget.shadow#000000
window.activeBorder#7EFA55
window.inactiveBorder#7EFA55

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
emphasis	—	italic
strong	—	bold
meta.diff.header	#7efa55	—
comment	#8ADFFA	—
constant.language	#A8FCBA	—
constant.numeric, constant.other.color.rgb-value, constant.other.rgb-value, support.constant.color	#DE4AEA	—
constant.regexp	#A8FCBA	—
entity.name.tag	#7efa55	—
entity.name.tag.css	#7efa55	—
entity.other.attribute-name	#7efa55	—
source.css entity.other.attribute-name, source.css.less entity.other.attribute-name.id, source.scss entity.other.attribute-name	#7efa55	—
invalid	#f44747	—
markup.underline	—	underline
markup.bold	—	bold
markup.heading	#6796e6	—
markup.italic	—	italic
markup.inserted	#b5cea8	—
markup.deleted	#ce9178	—
markup.changed	#569cd6	—
meta.selector	#d7ba7d	—
punctuation.definition.tag	#7efa55	—
meta.preprocessor	#8ADFFA	—
meta.preprocessor.string	#8ADFFA	—
meta.preprocessor.numeric	#DE4AEA	—
meta.structure.dictionary.key.python	#7efa55	—
storage	#7efa55	—
storage.type	#A8FCBA	—
storage.modifier	#7efa55	—
string	#DE4AEA	—
string.tag	#DE4AEA	—
string.value	#DE4AEA	—
string.regexp	#DE4AEA	—
punctuation.definition.template-expression.begin.js, punctuation.definition.template-expression.begin.ts, punctuation.definition.template-expression.end.ts, punctuation.definition.template-expression.end.js	#7efa55	—
support.type.vendored.property-name, support.type.property-name, variable.css, variable.scss, variable.other.less	#7efa55	—
keyword	#A8FCBA	—
keyword.control	#dddd4c	—
keyword.operator	#7efa55	—
keyword.operator.new, keyword.operator.expression, keyword.operator.cast, keyword.operator.sizeof, keyword.operator.logical.python	#7efa55	—
keyword.other	#dddd4c	—
support.function.git-rebase	#7efa55	—
constant.sha.git-rebase	#7efa55	—
storage.modifier.import.java, variable.language.wildcard.java, storage.modifier.package.java	#8ADFFA	—
variable.language.this	#7efa55	—
entity.name.function, support.function, support.constant.handlebars	#7efa55	—
meta.return-type, support.class, support.type, entity.name.class, source.cs storage.type	#A8FCBA	—
meta.type.cast.expr, meta.type.new.expr, support.constant.math, support.constant.dom, support.constant.json, entity.other.inherited-class	#7efa55	—
keyword.control	#dddd4c	—
variable, meta.definition.variable.name, support.variable	#7efa55	—
meta.object-literal.key, meta.object-literal.key entity.name.function	#7efa55	—
support.constant.property-value, support.constant.font-name, support.constant.media-type, support.constant.media, constant.other.color.rgb-value, constant.other.rgb-value, support.constant.color	#7efa55	—
entity.name.function.preprocessor, keyword.control.directive	#8ADFFA	—
entity.name.type, storage.type.class	#7efa55	—
storage.type.modifier	#dddd4c	—

Shiki preview

TypeScript sample highlighted with this variant's colors and tokenColors.

export interface User {
  id: string;
  name: string;
  role: "admin" | "member";
  tags: string[];
}

/**
 * Fetch user data by ID
 * @param id  
 * @returns User object or null if ID is invalid
 */
export async function fetchUser(id: string): Promise<User | null> {
  if (!id) {
    return null;
  }

  const response = await fetch(`/api/users/${id}`, {
    method: "GET",
    headers: { Accept: "application/json" },
  });

  if (!response.ok) {
    throw new Error(`HTTP ${response.status}`);
  }

  return (await response.json()) as User;
}

function greet(user: User): string {
  // Simple greeting function that uses the user's name
  return `Hello, ${user.name}!`;
}