Skip to main content
Coding Theme

Color themes

VS Code preview

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

src
components
fetchUser.ts
User
tags
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}!`;
}
WSL
1 1
main*
Copilot
Ln 5, Col 12
Spaces: 2
UTF-8
LF
TypeScript
Dark Modern (OLED Black) [Orange]

colors

Workbench UI color keys from the theme JSON colors map.

keyHEXRGBRGBA
actionBar.toggledBackground
activityBar.activeBackground
activityBar.activeBorder
activityBar.activeFocusBorder
DEFAULT——
activityBar.background
activityBar.border
activityBar.dropBorder
DEFAULT——
activityBar.foreground
activityBar.inactiveForeground
activityBarBadge.background
activityBarBadge.foreground
activityBarTop.activeBackground
DEFAULT——
activityBarTop.activeBorder
activityBarTop.background
activityBarTop.dropBorder
DEFAULT——
activityBarTop.foreground
activityBarTop.inactiveForeground
DEFAULT——
activityErrorBadge.background
DEFAULT——
activityErrorBadge.foreground
DEFAULT——
activityWarningBadge.background
DEFAULT——
activityWarningBadge.foreground
DEFAULT——
badge.background
badge.foreground
banner.background
banner.foreground
banner.iconForeground
bookmarks.lineBackground
DEFAULT——
bookmarks.lineBorder
DEFAULT——
bookmarks.overviewRuler
DEFAULT——
breadcrumb.activeSelectionForeground
breadcrumb.background
breadcrumb.focusForeground
DEFAULT——
breadcrumb.foreground
DEFAULT——
breadcrumbPicker.background
button.background
button.border
button.foreground
button.hoverBackground
button.secondaryBackground
button.secondaryForeground
button.secondaryHoverBackground
button.separator
charts.blue
DEFAULT——
charts.foreground
charts.green
DEFAULT——
charts.lines
charts.orange
DEFAULT——
charts.purple
DEFAULT——
charts.red
DEFAULT——
charts.yellow
DEFAULT——
chat.avatarBackground
chat.avatarForeground
chat.requestBackground
chat.requestBorder
chat.slashCommandBackground
chat.slashCommandForeground
checkbox.background
checkbox.border
checkbox.foreground
checkbox.selectBackground
checkbox.selectBorder
commandCenter.activeBackground
commandCenter.activeBorder
commandCenter.activeForeground
commandCenter.background
commandCenter.border
commandCenter.debuggingBackground
commandCenter.foreground
commandCenter.inactiveBorder
commandCenter.inactiveForeground
commentsView.resolvedIcon
DEFAULT——
commentsView.unresolvedIcon
DEFAULT——
contrastActiveBorder
DEFAULT——
contrastBorder
DEFAULT——
debugConsole.errorForeground
DEFAULT——
debugConsole.infoForeground
DEFAULT——
debugConsole.sourceForeground
DEFAULT——
debugConsole.warningForeground
DEFAULT——
debugConsoleInputIcon.foreground
DEFAULT——
debugExceptionWidget.background
DEFAULT——
debugExceptionWidget.border
DEFAULT——
debugIcon.breakpointCurrentStackframeForeground
DEFAULT——
debugIcon.breakpointDisabledForeground
DEFAULT——
debugIcon.breakpointForeground
DEFAULT——
debugIcon.breakpointStackframeForeground
DEFAULT——
debugIcon.breakpointUnverifiedForeground
DEFAULT——
debugIcon.continueForeground
DEFAULT——
debugIcon.disconnectForeground
DEFAULT——
debugIcon.pauseForeground
DEFAULT——
debugIcon.restartForeground
DEFAULT——
debugIcon.startForeground
DEFAULT——
debugIcon.stepBackForeground
DEFAULT——
debugIcon.stepIntoForeground
DEFAULT——
debugIcon.stepOutForeground
DEFAULT——
debugIcon.stepOverForeground
DEFAULT——
debugIcon.stopForeground
DEFAULT——
debugTokenExpression.boolean
DEFAULT——
debugTokenExpression.error
DEFAULT——
debugTokenExpression.name
DEFAULT——
debugTokenExpression.number
DEFAULT——
debugTokenExpression.string
DEFAULT——
debugTokenExpression.type
DEFAULT——
debugTokenExpression.value
DEFAULT——
debugToolBar.background
debugToolBar.border
debugView.exceptionLabelBackground
DEFAULT——
debugView.exceptionLabelForeground
DEFAULT——
debugView.stateLabelBackground
DEFAULT——
debugView.stateLabelForeground
DEFAULT——
debugView.valueChangedHighlight
DEFAULT——
descriptionForeground
diffEditor.border
DEFAULT——
diffEditor.diagonalFill
DEFAULT——
diffEditor.insertedLineBackground
diffEditor.insertedTextBackground
diffEditor.insertedTextBorder
DEFAULT——
diffEditor.move.border
DEFAULT——
diffEditor.moveActive.border
DEFAULT——
diffEditor.removedLineBackground
diffEditor.removedTextBackground
diffEditor.removedTextBorder
DEFAULT——
diffEditor.unchangedCodeBackground
DEFAULT——
diffEditor.unchangedRegionBackground
DEFAULT——
diffEditor.unchangedRegionForeground
DEFAULT——
diffEditor.unchangedRegionShadow
DEFAULT——
diffEditorGutter.insertedLineBackground
DEFAULT——
diffEditorGutter.removedLineBackground
DEFAULT——
diffEditorOverview.insertedForeground
DEFAULT——
diffEditorOverview.removedForeground
DEFAULT——
disabledForeground
dropdown.background
dropdown.border
dropdown.foreground
dropdown.listBackground
editor.background
editor.findMatchBackground
editor.findMatchBorder
DEFAULT——
editor.findMatchForeground
DEFAULT——
editor.findMatchHighlightBackground
DEFAULT——
editor.findMatchHighlightBorder
DEFAULT——
editor.findMatchHighlightForeground
DEFAULT——
editor.findRangeHighlightBackground
DEFAULT——
editor.findRangeHighlightBorder
DEFAULT——
editor.focusedStackFrameHighlightBackground
DEFAULT——
editor.foldBackground
DEFAULT——
editor.foldPlaceholderForeground
DEFAULT——
editor.foreground
editor.hoverHighlightBackground
DEFAULT——
editor.inactiveSelectionBackground
editor.inlineValuesBackground
DEFAULT——
editor.inlineValuesForeground
DEFAULT——
editor.lineHighlightBackground
DEFAULT——
editor.lineHighlightBorder
DEFAULT——
editor.linkedEditingBackground
DEFAULT——
editor.placeholder.foreground
DEFAULT——
editor.rangeHighlightBackground
editor.rangeHighlightBorder
editor.selectionBackground
editor.selectionForeground
DEFAULT——
editor.selectionHighlightBackground
editor.selectionHighlightBorder
editor.snippetFinalTabstopHighlightBackground
DEFAULT——
editor.snippetFinalTabstopHighlightBorder
DEFAULT——
editor.snippetTabstopHighlightBackground
DEFAULT——
editor.snippetTabstopHighlightBorder
DEFAULT——
editor.stackFrameHighlightBackground
DEFAULT——
editor.symbolHighlightBackground
DEFAULT——
editor.symbolHighlightBorder
DEFAULT——
editor.wordHighlightBackground
editor.wordHighlightBorder
editor.wordHighlightStrongBackground
DEFAULT——
editor.wordHighlightStrongBorder
DEFAULT——
editor.wordHighlightTextBackground
DEFAULT——
editor.wordHighlightTextBorder
DEFAULT——
editorActionList.background
DEFAULT——
editorActionList.focusBackground
DEFAULT——
editorActionList.focusForeground
DEFAULT——
editorActionList.foreground
DEFAULT——
editorActiveLineNumber.foreground
DEFAULT——
editorBracketHighlight.foreground1
DEFAULT——
editorBracketHighlight.foreground2
DEFAULT——
editorBracketHighlight.foreground3
DEFAULT——
editorBracketHighlight.foreground4
DEFAULT——
editorBracketHighlight.foreground5
DEFAULT——
editorBracketHighlight.foreground6
DEFAULT——
editorBracketHighlight.unexpectedBracket.foreground
DEFAULT——
editorBracketMatch.background
DEFAULT——
editorBracketMatch.border
DEFAULT——
editorBracketPairGuide.activeBackground1
DEFAULT——
editorBracketPairGuide.activeBackground2
DEFAULT——
editorBracketPairGuide.activeBackground3
DEFAULT——
editorBracketPairGuide.activeBackground4
DEFAULT——
editorBracketPairGuide.activeBackground5
DEFAULT——
editorBracketPairGuide.activeBackground6
DEFAULT——
editorBracketPairGuide.background1
DEFAULT——
editorBracketPairGuide.background2
DEFAULT——
editorBracketPairGuide.background3
DEFAULT——
editorBracketPairGuide.background4
DEFAULT——
editorBracketPairGuide.background5
DEFAULT——
editorBracketPairGuide.background6
DEFAULT——
editorCodeLens.foreground
editorCommentsWidget.rangeActiveBackground
DEFAULT——
editorCommentsWidget.rangeBackground
DEFAULT——
editorCommentsWidget.replyInputBackground
DEFAULT——
editorCommentsWidget.resolvedBorder
DEFAULT——
editorCommentsWidget.unresolvedBorder
DEFAULT——
editorCursor.background
DEFAULT——
editorCursor.foreground
DEFAULT——
editorError.background
DEFAULT——
editorError.border
DEFAULT——
editorError.foreground
DEFAULT——
editorGhostText.background
DEFAULT——
editorGhostText.border
DEFAULT——
editorGhostText.foreground
DEFAULT——
editorGroup.border
editorGroup.dropBackground
DEFAULT——
editorGroup.dropIntoPromptBackground
DEFAULT——
editorGroup.dropIntoPromptBorder
DEFAULT——
editorGroup.dropIntoPromptForeground
DEFAULT——
editorGroup.emptyBackground
editorGroup.focusedEmptyBorder
DEFAULT——
editorGroupHeader.border
DEFAULT——
editorGroupHeader.noTabsBackground
editorGroupHeader.tabsBackground
editorGroupHeader.tabsBorder
editorGutter.addedBackground
editorGutter.background
DEFAULT——
editorGutter.commentGlyphForeground
DEFAULT——
editorGutter.commentRangeForeground
DEFAULT——
editorGutter.commentUnresolvedGlyphForeground
DEFAULT——
editorGutter.deletedBackground
editorGutter.foldingControlForeground
DEFAULT——
editorGutter.modifiedBackground
editorHint.border
DEFAULT——
editorHint.foreground
DEFAULT——
editorHoverWidget.background
editorHoverWidget.border
DEFAULT——
editorHoverWidget.foreground
editorHoverWidget.highlightForeground
DEFAULT——
editorHoverWidget.statusBarBackground
DEFAULT——
editorIndentGuide.activeBackground
editorIndentGuide.activeBackground1
DEFAULT——
editorIndentGuide.activeBackground2
DEFAULT——
editorIndentGuide.activeBackground3
DEFAULT——
editorIndentGuide.activeBackground4
DEFAULT——
editorIndentGuide.activeBackground5
DEFAULT——
editorIndentGuide.activeBackground6
DEFAULT——
editorIndentGuide.background
editorIndentGuide.background1
DEFAULT——
editorIndentGuide.background2
DEFAULT——
editorIndentGuide.background3
DEFAULT——
editorIndentGuide.background4
DEFAULT——
editorIndentGuide.background5
DEFAULT——
editorIndentGuide.background6
DEFAULT——
editorInfo.background
DEFAULT——
editorInfo.border
DEFAULT——
editorInfo.foreground
DEFAULT——
editorInlayHint.background
editorInlayHint.foreground
DEFAULT——
editorInlayHint.parameterBackground
DEFAULT——
editorInlayHint.parameterForeground
DEFAULT——
editorInlayHint.typeBackground
editorInlayHint.typeForeground
DEFAULT——
editorLightBulb.foreground
DEFAULT——
editorLightBulbAi.foreground
DEFAULT——
editorLightBulbAutoFix.foreground
DEFAULT——
editorLineNumber.activeForeground
editorLineNumber.dimmedForeground
editorLineNumber.foreground
editorLink.activeForeground
DEFAULT——
editorMarkerNavigation.background
DEFAULT——
editorMarkerNavigationError.background
DEFAULT——
editorMarkerNavigationError.headerBackground
DEFAULT——
editorMarkerNavigationInfo.background
DEFAULT——
editorMarkerNavigationInfo.headerBackground
DEFAULT——
editorMarkerNavigationWarning.background
DEFAULT——
editorMarkerNavigationWarning.headerBackground
DEFAULT——
editorMultiCursor.primary.background
DEFAULT——
editorMultiCursor.primary.foreground
DEFAULT——
editorMultiCursor.secondary.background
DEFAULT——
editorMultiCursor.secondary.foreground
DEFAULT——
editorOverviewRuler.addedForeground
DEFAULT——
editorOverviewRuler.background
editorOverviewRuler.border
editorOverviewRuler.bracketMatchForeground
DEFAULT——
editorOverviewRuler.commentForeground
DEFAULT——
editorOverviewRuler.commentUnresolvedForeground
DEFAULT——
editorOverviewRuler.commonContentForeground
DEFAULT——
editorOverviewRuler.currentContentForeground
DEFAULT——
editorOverviewRuler.deletedForeground
DEFAULT——
editorOverviewRuler.errorForeground
DEFAULT——
editorOverviewRuler.findMatchForeground
DEFAULT——
editorOverviewRuler.incomingContentForeground
DEFAULT——
editorOverviewRuler.infoForeground
DEFAULT——
editorOverviewRuler.inlineChatInserted
DEFAULT——
editorOverviewRuler.inlineChatRemoved
DEFAULT——
editorOverviewRuler.modifiedForeground
DEFAULT——
editorOverviewRuler.rangeHighlightForeground
DEFAULT——
editorOverviewRuler.selectionHighlightForeground
DEFAULT——
editorOverviewRuler.warningForeground
DEFAULT——
editorOverviewRuler.wordHighlightForeground
DEFAULT——
editorOverviewRuler.wordHighlightStrongForeground
DEFAULT——
editorOverviewRuler.wordHighlightTextForeground
DEFAULT——
editorPane.background
editorRuler.foreground
DEFAULT——
editorStickyScroll.background
DEFAULT——
editorStickyScroll.border
DEFAULT——
editorStickyScroll.shadow
DEFAULT——
editorStickyScrollHover.background
DEFAULT——
editorSuggestWidget.background
DEFAULT——
editorSuggestWidget.border
DEFAULT——
editorSuggestWidget.focusHighlightForeground
DEFAULT——
editorSuggestWidget.foreground
DEFAULT——
editorSuggestWidget.highlightForeground
DEFAULT——
editorSuggestWidget.selectedBackground
DEFAULT——
editorSuggestWidget.selectedForeground
DEFAULT——
editorSuggestWidget.selectedIconForeground
DEFAULT——
editorSuggestWidgetStatus.foreground
DEFAULT——
editorUnicodeHighlight.background
DEFAULT——
editorUnicodeHighlight.border
DEFAULT——
editorUnnecessaryCode.border
DEFAULT——
editorUnnecessaryCode.opacity
DEFAULT——
editorWarning.background
DEFAULT——
editorWarning.border
DEFAULT——
editorWarning.foreground
DEFAULT——
editorWatermark.foreground
DEFAULT——
editorWhitespace.foreground
DEFAULT——
editorWidget.background
editorWidget.border
editorWidget.foreground
editorWidget.resizeBorder
errorForeground
extensionBadge.remoteBackground
extensionBadge.remoteForeground
extensionButton.background
extensionButton.foreground
extensionButton.hoverBackground
extensionButton.prominentBackground
extensionButton.prominentForeground
extensionButton.prominentHoverBackground
extensionButton.separator
extensionIcon.preReleaseForeground
DEFAULT——
extensionIcon.sponsorForeground
DEFAULT——
extensionIcon.starForeground
DEFAULT——
extensionIcon.verifiedForeground
DEFAULT——
focusBorder
foreground
gitDecoration.addedResourceForeground
DEFAULT——
gitDecoration.conflictingResourceForeground
DEFAULT——
gitDecoration.deletedResourceForeground
DEFAULT——
gitDecoration.ignoredResourceForeground
DEFAULT——
gitDecoration.modifiedResourceForeground
DEFAULT——
gitDecoration.renamedResourceForeground
DEFAULT——
gitDecoration.stageDeletedResourceForeground
DEFAULT——
gitDecoration.stageModifiedResourceForeground
DEFAULT——
gitDecoration.submoduleResourceForeground
DEFAULT——
gitDecoration.untrackedResourceForeground
DEFAULT——
icon.foreground
inlineChat.background
inlineChat.border
DEFAULT——
inlineChat.foreground
DEFAULT——
inlineChat.shadow
DEFAULT——
inlineChatDiff.inserted
DEFAULT——
inlineChatDiff.removed
DEFAULT——
inlineChatInput.background
inlineChatInput.border
DEFAULT——
inlineChatInput.focusBorder
DEFAULT——
inlineChatInput.placeholderForeground
DEFAULT——
input.background
input.border
input.foreground
input.placeholderForeground
inputOption.activeBackground
inputOption.activeBorder
inputOption.activeForeground
DEFAULT——
inputOption.hoverBackground
DEFAULT——
inputValidation.errorBackground
DEFAULT——
inputValidation.errorBorder
DEFAULT——
inputValidation.errorForeground
DEFAULT——
inputValidation.infoBackground
DEFAULT——
inputValidation.infoBorder
DEFAULT——
inputValidation.infoForeground
DEFAULT——
inputValidation.warningBackground
DEFAULT——
inputValidation.warningBorder
DEFAULT——
inputValidation.warningForeground
DEFAULT——
interactive.activeCodeBorder
DEFAULT——
interactive.inactiveCodeBorder
DEFAULT——
issues.closed
DEFAULT——
issues.newIssueDecoration
DEFAULT——
issues.open
DEFAULT——
keybindingLabel.background
keybindingLabel.border
keybindingLabel.bottomBorder
keybindingLabel.foreground
keybindingTable.headerBackground
DEFAULT——
keybindingTable.rowsBackground
DEFAULT——
list.activeSelectionBackground
list.activeSelectionForeground
list.activeSelectionIconForeground
list.deemphasizedForeground
DEFAULT——
list.dropBackground
list.dropBetweenBackground
DEFAULT——
list.errorForeground
DEFAULT——
list.filterMatchBackground
DEFAULT——
list.filterMatchBorder
DEFAULT——
list.focusAndSelectionOutline
DEFAULT——
list.focusBackground
DEFAULT——
list.focusForeground
DEFAULT——
list.focusHighlightForeground
DEFAULT——
list.focusOutline
DEFAULT——
list.highlightForeground
DEFAULT——
list.hoverBackground
list.hoverForeground
DEFAULT——
list.inactiveFocusBackground
DEFAULT——
list.inactiveFocusOutline
DEFAULT——
list.inactiveSelectionBackground
list.inactiveSelectionForeground
list.inactiveSelectionIconForeground
DEFAULT——
list.invalidItemForeground
DEFAULT——
list.warningForeground
DEFAULT——
listFilterWidget.background
listFilterWidget.noMatchesOutline
listFilterWidget.outline
DEFAULT——
listFilterWidget.shadow
menu.background
menu.border
menu.foreground
menu.selectionBackground
menu.selectionBorder
menu.selectionForeground
menu.separatorBackground
menubar.selectionBackground
menubar.selectionBorder
menubar.selectionForeground
merge.border
DEFAULT——
merge.commonContentBackground
DEFAULT——
merge.commonHeaderBackground
DEFAULT——
merge.currentContentBackground
DEFAULT——
merge.currentHeaderBackground
DEFAULT——
merge.incomingContentBackground
DEFAULT——
merge.incomingHeaderBackground
DEFAULT——
mergeEditor.change.background
DEFAULT——
mergeEditor.change.word.background
DEFAULT——
mergeEditor.changeBase.background
DEFAULT——
mergeEditor.changeBase.word.background
DEFAULT——
mergeEditor.conflict.handled.minimapOverViewRuler
DEFAULT——
mergeEditor.conflict.handledFocused.border
DEFAULT——
mergeEditor.conflict.handledUnfocused.border
DEFAULT——
mergeEditor.conflict.input1.background
DEFAULT——
mergeEditor.conflict.input2.background
DEFAULT——
mergeEditor.conflict.unhandled.minimapOverViewRuler
DEFAULT——
mergeEditor.conflict.unhandledFocused.border
DEFAULT——
mergeEditor.conflict.unhandledUnfocused.border
DEFAULT——
mergeEditor.conflictingLines.background
DEFAULT——
minimap.background
minimap.errorHighlight
DEFAULT——
minimap.findMatchHighlight
DEFAULT——
minimap.foregroundOpacity
DEFAULT——
minimap.infoHighlight
DEFAULT——
minimap.selectionHighlight
DEFAULT——
minimap.selectionOccurrenceHighlight
DEFAULT——
minimap.warningHighlight
DEFAULT——
minimapGutter.addedBackground
DEFAULT——
minimapGutter.deletedBackground
DEFAULT——
minimapGutter.modifiedBackground
DEFAULT——
minimapSlider.activeBackground
DEFAULT——
minimapSlider.background
DEFAULT——
minimapSlider.hoverBackground
DEFAULT——
multiDiffEditor.background
DEFAULT——
multiDiffEditor.border
DEFAULT——
multiDiffEditor.headerBackground
DEFAULT——
notebook.cellBorderColor
DEFAULT——
notebook.cellEditorBackground
DEFAULT——
notebook.cellHoverBackground
DEFAULT——
notebook.cellInsertionIndicator
DEFAULT——
notebook.cellStatusBarItemHoverBackground
DEFAULT——
notebook.cellToolbarSeparator
DEFAULT——
notebook.editorBackground
notebook.focusedCellBackground
DEFAULT——
notebook.focusedCellBorder
DEFAULT——
notebook.focusedEditorBorder
DEFAULT——
notebook.inactiveFocusedCellBorder
DEFAULT——
notebook.inactiveSelectedCellBorder
DEFAULT——
notebook.outputContainerBackgroundColor
DEFAULT——
notebook.outputContainerBorderColor
DEFAULT——
notebook.selectedCellBackground
DEFAULT——
notebook.selectedCellBorder
DEFAULT——
notebook.symbolHighlightBackground
DEFAULT——
notebookEditorOverviewRuler.runningCellForeground
DEFAULT——
notebookScrollbarSlider.activeBackground
DEFAULT——
notebookScrollbarSlider.background
DEFAULT——
notebookScrollbarSlider.hoverBackground
DEFAULT——
notebookStatusErrorIcon.foreground
DEFAULT——
notebookStatusRunningIcon.foreground
DEFAULT——
notebookStatusSuccessIcon.foreground
DEFAULT——
notificationCenter.border
notificationCenterHeader.background
notificationCenterHeader.foreground
notificationLink.foreground
notifications.background
notifications.border
notifications.foreground
notificationsErrorIcon.foreground
DEFAULT——
notificationsInfoIcon.foreground
DEFAULT——
notificationsWarningIcon.foreground
DEFAULT——
notificationToast.border
outputView.background
outputViewStickyScroll.background
DEFAULT——
panel.background
panel.border
panel.dropBorder
panelInput.border
panelSection.border
panelSection.dropBackground
DEFAULT——
panelSectionHeader.background
panelSectionHeader.border
panelSectionHeader.foreground
panelStickyScroll.background
DEFAULT——
panelStickyScroll.border
DEFAULT——
panelStickyScroll.shadow
DEFAULT——
panelTitle.activeBorder
panelTitle.activeForeground
panelTitle.inactiveForeground
peekView.border
DEFAULT——
peekViewEditor.background
peekViewEditor.matchHighlightBackground
peekViewEditor.matchHighlightBorder
DEFAULT——
peekViewEditorGutter.background
DEFAULT——
peekViewEditorStickyScroll.background
DEFAULT——
peekViewResult.background
peekViewResult.fileForeground
DEFAULT——
peekViewResult.lineForeground
DEFAULT——
peekViewResult.matchHighlightBackground
peekViewResult.selectionBackground
DEFAULT——
peekViewResult.selectionForeground
DEFAULT——
peekViewTitle.background
peekViewTitleDescription.foreground
DEFAULT——
peekViewTitleLabel.foreground
DEFAULT——
pickerGroup.border
pickerGroup.foreground
ports.iconRunningProcessForeground
problemsErrorIcon.foreground
DEFAULT——
problemsInfoIcon.foreground
DEFAULT——
problemsWarningIcon.foreground
DEFAULT——
profileBadge.background
profileBadge.foreground
profiles.sashBorder
DEFAULT——
progressBar.background
pullRequests.closed
DEFAULT——
pullRequests.draft
DEFAULT——
pullRequests.merged
DEFAULT——
pullRequests.notification
DEFAULT——
pullRequests.open
DEFAULT——
quickInput.background
quickInput.foreground
quickInputList.focusBackground
quickInputList.focusForeground
quickInputList.focusIconForeground
quickInputTitle.background
DEFAULT——
radio.activeBackground
radio.activeBorder
radio.activeForeground
radio.inactiveBackground
radio.inactiveBorder
radio.inactiveForeground
radio.inactiveHoverBackground
remoteHub.decorations.addedForegroundColor
DEFAULT——
remoteHub.decorations.conflictForegroundColor
DEFAULT——
remoteHub.decorations.deletedForegroundColor
DEFAULT——
remoteHub.decorations.ignoredResourceForeground
DEFAULT——
remoteHub.decorations.incomingAddedForegroundColor
DEFAULT——
remoteHub.decorations.incomingDeletedForegroundColor
DEFAULT——
remoteHub.decorations.incomingModifiedForegroundColor
DEFAULT——
remoteHub.decorations.incomingRenamedForegroundColor
DEFAULT——
remoteHub.decorations.modifiedForegroundColor
DEFAULT——
remoteHub.decorations.possibleConflictForegroundColor
DEFAULT——
remoteHub.decorations.submoduleForegroundColor
DEFAULT——
remoteHub.decorations.workspaceRepositoriesView.hasUncommittedChangesForegroundColor
DEFAULT——
rust_analyzer.syntaxTreeBorder
DEFAULT——
sash.hoverBorder
scmGraph.foreground1
DEFAULT——
scmGraph.foreground2
DEFAULT——
scmGraph.foreground3
DEFAULT——
scmGraph.foreground4
DEFAULT——
scmGraph.foreground5
DEFAULT——
scmGraph.historyItemBaseRefColor
DEFAULT——
scmGraph.historyItemHoverAdditionsForeground
DEFAULT——
scmGraph.historyItemHoverDefaultLabelBackground
DEFAULT——
scmGraph.historyItemHoverDefaultLabelForeground
DEFAULT——
scmGraph.historyItemHoverDeletionsForeground
DEFAULT——
scmGraph.historyItemHoverLabelForeground
scmGraph.historyItemRefColor
DEFAULT——
scmGraph.historyItemRemoteRefColor
DEFAULT——
scrollbar.shadow
scrollbarSlider.activeBackground
scrollbarSlider.background
scrollbarSlider.hoverBackground
search.resultsInfoForeground
DEFAULT——
searchEditor.findMatchBackground
DEFAULT——
searchEditor.findMatchBorder
DEFAULT——
searchEditor.textInputBorder
selection.background
settings.checkboxBackground
DEFAULT——
settings.checkboxBorder
DEFAULT——
settings.checkboxForeground
DEFAULT——
settings.dropdownBackground
settings.dropdownBorder
settings.dropdownForeground
DEFAULT——
settings.dropdownListBorder
DEFAULT——
settings.focusedRowBackground
DEFAULT——
settings.focusedRowBorder
DEFAULT——
settings.headerBorder
DEFAULT——
settings.headerForeground
settings.modifiedItemIndicator
settings.numberInputBackground
DEFAULT——
settings.numberInputBorder
settings.numberInputForeground
DEFAULT——
settings.rowHoverBackground
DEFAULT——
settings.sashBorder
DEFAULT——
settings.settingsHeaderHoverForeground
DEFAULT——
settings.textInputBackground
DEFAULT——
settings.textInputBorder
settings.textInputForeground
DEFAULT——
sideBar.background
sideBar.border
sideBar.dropBackground
sideBar.foreground
sideBarActivityBarTop.border
sideBarSectionHeader.background
sideBarSectionHeader.border
sideBarSectionHeader.foreground
sideBarStickyScroll.background
DEFAULT——
sideBarStickyScroll.border
DEFAULT——
sideBarStickyScroll.shadow
DEFAULT——
sideBarTitle.background
sideBarTitle.foreground
sideBySideEditor.horizontalBorder
DEFAULT——
sideBySideEditor.verticalBorder
DEFAULT——
simpleFindWidget.sashBorder
DEFAULT——
statusBar.background
statusBar.border
statusBar.debuggingBackground
statusBar.debuggingBorder
statusBar.debuggingForeground
statusBar.focusBorder
statusBar.foreground
statusBar.noFolderBackground
statusBar.noFolderBorder
statusBar.noFolderForeground
statusBarItem.activeBackground
statusBarItem.compactHoverBackground
statusBarItem.errorBackground
DEFAULT——
statusBarItem.errorForeground
DEFAULT——
statusBarItem.errorHoverBackground
DEFAULT——
statusBarItem.errorHoverForeground
DEFAULT——
statusBarItem.focusBorder
statusBarItem.hoverBackground
statusBarItem.hoverForeground
statusBarItem.offlineBackground
DEFAULT——
statusBarItem.offlineForeground
DEFAULT——
statusBarItem.offlineHoverBackground
DEFAULT——
statusBarItem.offlineHoverForeground
DEFAULT——
statusBarItem.prominentBackground
statusBarItem.prominentForeground
DEFAULT——
statusBarItem.prominentHoverBackground
DEFAULT——
statusBarItem.prominentHoverForeground
DEFAULT——
statusBarItem.remoteBackground
statusBarItem.remoteForeground
statusBarItem.remoteHoverBackground
statusBarItem.remoteHoverForeground
statusBarItem.warningBackground
DEFAULT——
statusBarItem.warningForeground
DEFAULT——
statusBarItem.warningHoverBackground
DEFAULT——
statusBarItem.warningHoverForeground
DEFAULT——
symbolIcon.arrayForeground
DEFAULT——
symbolIcon.booleanForeground
DEFAULT——
symbolIcon.classForeground
DEFAULT——
symbolIcon.colorForeground
DEFAULT——
symbolIcon.constantForeground
DEFAULT——
symbolIcon.constructorForeground
DEFAULT——
symbolIcon.enumeratorForeground
DEFAULT——
symbolIcon.enumeratorMemberForeground
DEFAULT——
symbolIcon.eventForeground
DEFAULT——
symbolIcon.fieldForeground
DEFAULT——
symbolIcon.fileForeground
DEFAULT——
symbolIcon.folderForeground
DEFAULT——
symbolIcon.functionForeground
DEFAULT——
symbolIcon.interfaceForeground
DEFAULT——
symbolIcon.keyForeground
DEFAULT——
symbolIcon.keywordForeground
DEFAULT——
symbolIcon.methodForeground
DEFAULT——
symbolIcon.moduleForeground
DEFAULT——
symbolIcon.namespaceForeground
DEFAULT——
symbolIcon.nullForeground
DEFAULT——
symbolIcon.numberForeground
DEFAULT——
symbolIcon.objectForeground
DEFAULT——
symbolIcon.operatorForeground
DEFAULT——
symbolIcon.packageForeground
DEFAULT——
symbolIcon.propertyForeground
DEFAULT——
symbolIcon.referenceForeground
DEFAULT——
symbolIcon.snippetForeground
DEFAULT——
symbolIcon.stringForeground
DEFAULT——
symbolIcon.structForeground
DEFAULT——
symbolIcon.textForeground
DEFAULT——
symbolIcon.typeParameterForeground
DEFAULT——
symbolIcon.unitForeground
DEFAULT——
symbolIcon.variableForeground
DEFAULT——
tab.activeBackground
tab.activeBorder
tab.activeBorderTop
tab.activeForeground
tab.activeModifiedBorder
tab.border
tab.dragAndDropBorder
tab.hoverBackground
tab.hoverBorder
DEFAULT——
tab.hoverForeground
DEFAULT——
tab.inactiveBackground
tab.inactiveForeground
tab.inactiveModifiedBorder
tab.lastPinnedBorder
tab.selectedBackground
tab.selectedBorderTop
tab.selectedForeground
tab.unfocusedActiveBackground
tab.unfocusedActiveBorder
tab.unfocusedActiveBorderTop
tab.unfocusedActiveForeground
DEFAULT——
tab.unfocusedActiveModifiedBorder
DEFAULT——
tab.unfocusedHoverBackground
tab.unfocusedHoverBorder
DEFAULT——
tab.unfocusedHoverForeground
DEFAULT——
tab.unfocusedInactiveBackground
DEFAULT——
tab.unfocusedInactiveForeground
DEFAULT——
tab.unfocusedInactiveModifiedBorder
DEFAULT——
terminal.ansiBlack
terminal.ansiBlue
DEFAULT——
terminal.ansiBrightBlack
terminal.ansiBrightBlue
DEFAULT——
terminal.ansiBrightCyan
DEFAULT——
terminal.ansiBrightGreen
DEFAULT——
terminal.ansiBrightMagenta
DEFAULT——
terminal.ansiBrightRed
DEFAULT——
terminal.ansiBrightWhite
DEFAULT——
terminal.ansiBrightYellow
DEFAULT——
terminal.ansiCyan
DEFAULT——
terminal.ansiGreen
DEFAULT——
terminal.ansiMagenta
DEFAULT——
terminal.ansiRed
DEFAULT——
terminal.ansiWhite
DEFAULT——
terminal.ansiYellow
DEFAULT——
terminal.background
terminal.border
DEFAULT——
terminal.dropBackground
DEFAULT——
terminal.findMatchBackground
DEFAULT——
terminal.findMatchBorder
DEFAULT——
terminal.findMatchHighlightBackground
DEFAULT——
terminal.findMatchHighlightBorder
DEFAULT——
terminal.foreground
terminal.hoverHighlightBackground
DEFAULT——
terminal.inactiveSelectionBackground
terminal.initialHintForeground
DEFAULT——
terminal.selectionBackground
DEFAULT——
terminal.selectionForeground
DEFAULT——
terminal.tab.activeBorder
terminalCommandDecoration.defaultBackground
DEFAULT——
terminalCommandDecoration.errorBackground
DEFAULT——
terminalCommandDecoration.successBackground
DEFAULT——
terminalCommandGuide.foreground
DEFAULT——
terminalCursor.background
terminalCursor.foreground
terminalOverviewRuler.border
DEFAULT——
terminalOverviewRuler.cursorForeground
DEFAULT——
terminalOverviewRuler.findMatchForeground
DEFAULT——
terminalStickyScroll.background
DEFAULT——
terminalStickyScroll.border
DEFAULT——
terminalStickyScrollHover.background
DEFAULT——
testing.coverCountBadgeBackground
testing.coverCountBadgeForeground
testing.coveredBackground
DEFAULT——
testing.coveredBorder
DEFAULT——
testing.coveredGutterBackground
DEFAULT——
testing.iconErrored
DEFAULT——
testing.iconErrored.retired
DEFAULT——
testing.iconFailed
DEFAULT——
testing.iconFailed.retired
DEFAULT——
testing.iconPassed
DEFAULT——
testing.iconPassed.retired
DEFAULT——
testing.iconQueued
DEFAULT——
testing.iconQueued.retired
DEFAULT——
testing.iconSkipped
DEFAULT——
testing.iconSkipped.retired
DEFAULT——
testing.iconUnset
DEFAULT——
testing.iconUnset.retired
DEFAULT——
testing.message.error.decorationForeground
DEFAULT——
testing.message.error.lineBackground
DEFAULT——
testing.message.info.decorationForeground
DEFAULT——
testing.message.info.lineBackground
DEFAULT——
testing.messagePeekBorder
DEFAULT——
testing.messagePeekHeaderBackground
DEFAULT——
testing.peekBorder
DEFAULT——
testing.peekHeaderBackground
DEFAULT——
testing.runAction
DEFAULT——
testing.uncoveredBackground
DEFAULT——
testing.uncoveredBorder
DEFAULT——
testing.uncoveredBranchBackground
DEFAULT——
testing.uncoveredGutterBackground
DEFAULT——
textBlockQuote.background
textBlockQuote.border
textCodeBlock.background
textLink.activeForeground
textLink.foreground
textPreformat.background
DEFAULT——
textPreformat.foreground
DEFAULT——
textSeparator.foreground
titleBar.activeBackground
titleBar.activeForeground
titleBar.border
titleBar.inactiveBackground
titleBar.inactiveForeground
toolbar.activeBackground
toolbar.hoverBackground
toolbar.hoverOutline
tree.inactiveIndentGuidesStroke
DEFAULT——
tree.indentGuidesStroke
DEFAULT——
tree.tableColumnsBorder
DEFAULT——
tree.tableOddRowsBackground
DEFAULT——
walkThrough.embeddedEditorBackground
walkthrough.stepTitle.foreground
welcomePage.background
welcomePage.progress.background
welcomePage.progress.foreground
welcomePage.tileBackground
welcomePage.tileBorder
welcomePage.tileHoverBackground
widget.border
widget.shadow
window.activeBorder
window.inactiveBorder

tokenColors

Foregrounds this theme assigns to the token scope catalog. A rule with only a font style is skipped, and a longer matching scope wins. Italic and bold rules are not listed — the preview above shows them in the code.

scopeHEXRGBRGBA
comment
comment.block
comment.block.documentation
comment.line
constant
constant.character
constant.character.escape
constant.numeric
constant.numeric.integer
constant.numeric.float
constant.numeric.hex
constant.numeric.octal
constant.other
constant.other.placeholder
constant.regexp
entity
entity.name
entity.name.class
entity.name.function
entity.name.namespace
entity.name.tag
entity.name.type
entity.name.type.enum
entity.name.type.interface
entity.name.type.struct
entity.other
entity.other.attribute-name
entity.other.inherited-class
invalid
invalid.deprecated
invalid.illegal
keyword
keyword.control
keyword.control.flow
keyword.operator
keyword.operator.new
keyword.operator.assignment
keyword.operator.arithmetic
keyword.operator.logical
keyword.other
markup
markup.bold
markup.changed
markup.deleted
markup.heading
markup.inline.raw
markup.inserted
meta
meta.preprocessor
meta.type
storage
storage.modifier
storage.type
string
string.interpolated
string.other
string.quoted
string.quoted.double
string.quoted.other
string.quoted.single
string.quoted.triple
string.regexp
string.template
string.unquoted
support
support.class
support.constant
support.function
support.other
support.type
support.type.primitive
support.type.property-name
support.variable
variable
variable.function
variable.language
variable.name
variable.other
variable.other.constant
variable.other.property
variable.other.readwrite
variable.parameter