mono

Name: mono
Author: Stepan Vanzuriak

Publisher: Stepan VanzuriakThemes in package: 2

Monochrome dark and white theme

GitHub

Color themes

VS Code preview

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

mono — mono 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.

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

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment	#BBBBBB33	—
keyword, storage	#BBBBBB88	—
entity, strong	—	bold
invalid	#BBBBBB88	italic underline
token.info-token	#6796E6	—
token.warn-token	#CD9731	—
token.error-token	#F44747	—
token.debug-token	#B267E6	—

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}!`;
}