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
Photonica Light Violet

colors

Workbench UI color keys from the theme JSON colors map.

keyHEXRGBRGBA
actionBar.toggledBackground
DEFAULT——
activeSessionView.background
DEFAULT——
activeSessionView.foreground
DEFAULT——
activityBar.activeBackground
activityBar.activeBorder
activityBar.activeFocusBorder
activityBar.background
activityBar.border
DEFAULT——
activityBar.dropBorder
activityBar.foreground
activityBar.inactiveForeground
activityBarBadge.background
activityBarBadge.foreground
activityBarTop.activeBackground
DEFAULT——
activityBarTop.activeBorder
DEFAULT——
activityBarTop.background
DEFAULT——
activityBarTop.dropBorder
DEFAULT——
activityBarTop.foreground
DEFAULT——
activityBarTop.inactiveForeground
DEFAULT——
activityErrorBadge.background
activityErrorBadge.foreground
DEFAULT——
activityWarningBadge.background
activityWarningBadge.foreground
DEFAULT——
agentFeedbackEditorWidget.background
DEFAULT——
agentFeedbackEditorWidget.border
DEFAULT——
agentFeedbackInputWidget.border
DEFAULT——
agents.background
DEFAULT——
agentsBadge.background
DEFAULT——
agentsBadge.foreground
DEFAULT——
agentsBottomPanel.border
DEFAULT——
agentsCard.border
DEFAULT——
agentsChatInput.background
DEFAULT——
agentsChatInput.border
DEFAULT——
agentsChatInput.focusBorder
DEFAULT——
agentsChatInput.foreground
DEFAULT——
agentsChatInput.placeholderForeground
DEFAULT——
agentsDetail.background
DEFAULT——
agentSessionReadIndicator.foreground
DEFAULT——
agentSessionSelectedBadge.border
DEFAULT——
agentSessionSelectedUnfocusedBadge.border
DEFAULT——
agentsGradient.tintColor
DEFAULT——
agentsNewSessionButton.background
DEFAULT——
agentsNewSessionButton.border
DEFAULT——
agentsNewSessionButton.foreground
DEFAULT——
agentsNewSessionButton.hoverBackground
DEFAULT——
agentsPanel.background
DEFAULT——
agentsPanel.border
DEFAULT——
agentsPanel.foreground
DEFAULT——
agentStatusIndicator.background
DEFAULT——
agentsUnreadBadge.background
DEFAULT——
agentsUnreadBadge.foreground
DEFAULT——
agentsUpdateButton.downloadedBackground
DEFAULT——
agentsUpdateButton.downloadingBackground
DEFAULT——
agentsVoice.speakingBackground
DEFAULT——
agentsVoice.speakingForeground
DEFAULT——
agentsWindowGraphic.orange
badge.background
badge.foreground
banner.background
banner.foreground
banner.iconForeground
breadcrumb.activeSelectionForeground
breadcrumb.background
breadcrumb.focusForeground
breadcrumb.foreground
breadcrumbPicker.background
browser.border
DEFAULT——
button.background
button.border
button.foreground
button.hoverBackground
button.secondaryBackground
button.secondaryBorder
DEFAULT——
button.secondaryForeground
button.secondaryHoverBackground
button.separator
DEFAULT——
chart.axis
DEFAULT——
chart.guide
DEFAULT——
chart.line
charts.blue
charts.foreground
DEFAULT——
charts.green
charts.lines
DEFAULT——
charts.orange
charts.purple
charts.red
DEFAULT——
charts.yellow
chat.avatarBackground
DEFAULT——
chat.avatarForeground
DEFAULT——
chat.checkpointSeparator
DEFAULT——
chat.dictationActiveMicGlow
DEFAULT——
chat.editedFileForeground
chat.findMatchBackground
DEFAULT——
chat.findMatchHighlightBackground
DEFAULT——
chat.fusionBadgeForeground
chat.fusionBadgeGradientEnd
chat.fusionBadgeGradientStart
chat.inputWorkingBorderColor1
DEFAULT——
chat.linesAddedForeground
chat.linesRemovedForeground
chat.mcpCompatibilityWarningForeground
chat.requestBackground
DEFAULT——
chat.requestBorder
DEFAULT——
chat.requestBubbleBackground
DEFAULT——
chat.requestBubbleHoverBackground
DEFAULT——
chat.requestCodeBorder
chat.sessionStateIndicator.inProgressBorder
DEFAULT——
chat.sessionStateIndicator.needsInputBorder
DEFAULT——
chat.sessionStateIndicator.unvisitedBorder
DEFAULT——
chat.slashCommandBackground
chat.slashCommandForeground
chat.statusBackground
DEFAULT——
chat.thinkingShimmer
DEFAULT——
chat.voiceGlowBaseColor
DEFAULT——
chat.voiceListeningGlow
DEFAULT——
chat.workingProgressInsidersIconForeground
chat.workingProgressStableIconForeground
checkbox.background
checkbox.border
checkbox.disabled.background
DEFAULT——
checkbox.disabled.foreground
DEFAULT——
checkbox.foreground
checkbox.selectBackground
DEFAULT——
checkbox.selectBorder
DEFAULT——
commandCenter.activeBackground
DEFAULT——
commandCenter.activeBorder
DEFAULT——
commandCenter.activeForeground
DEFAULT——
commandCenter.background
DEFAULT——
commandCenter.border
DEFAULT——
commandCenter.debuggingBackground
DEFAULT——
commandCenter.foreground
DEFAULT——
commandCenter.inactiveBorder
DEFAULT——
commandCenter.inactiveForeground
DEFAULT——
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
debugExceptionWidget.border
debugIcon.breakpointCurrentStackframeForeground
debugIcon.breakpointDisabledForeground
DEFAULT——
debugIcon.breakpointForeground
debugIcon.breakpointStackframeForeground
debugIcon.breakpointUnverifiedForeground
DEFAULT——
debugIcon.continueForeground
debugIcon.disconnectForeground
debugIcon.pauseForeground
debugIcon.restartForeground
debugIcon.startForeground
debugIcon.stepBackForeground
debugIcon.stepIntoForeground
debugIcon.stepOutForeground
debugIcon.stepOverForeground
debugIcon.stopForeground
debugTokenExpression.boolean
debugTokenExpression.error
debugTokenExpression.name
debugTokenExpression.number
debugTokenExpression.string
debugTokenExpression.type
debugTokenExpression.value
DEFAULT——
debugToolBar.background
debugToolBar.border
DEFAULT——
debugView.exceptionLabelBackground
debugView.exceptionLabelForeground
debugView.stateLabelBackground
DEFAULT——
debugView.stateLabelForeground
DEFAULT——
debugView.valueChangedHighlight
descriptionForeground
diffEditor.border
DEFAULT——
diffEditor.diagonalFill
DEFAULT——
diffEditor.insertedLineBackground
diffEditor.insertedTextBackground
diffEditor.insertedTextBorder
DEFAULT——
diffEditor.move.border
DEFAULT——
diffEditor.moveActive.border
diffEditor.removedLineBackground
diffEditor.removedTextBackground
diffEditor.removedTextBorder
DEFAULT——
diffEditor.unchangedCodeBackground
DEFAULT——
diffEditor.unchangedRegionBackground
DEFAULT——
diffEditor.unchangedRegionForeground
DEFAULT——
diffEditor.unchangedRegionShadow
DEFAULT——
diffEditorGutter.insertedLineBackground
diffEditorGutter.removedLineBackground
diffEditorOverview.insertedForeground
diffEditorOverview.removedForeground
disabledForeground
dropdown.background
dropdown.border
dropdown.foreground
dropdown.listBackground
editor.background
editor.border
DEFAULT——
editor.compositionBorder
DEFAULT——
editor.findMatchBackground
editor.findMatchBorder
editor.findMatchForeground
DEFAULT——
editor.findMatchHighlightBackground
editor.findMatchHighlightBorder
editor.findMatchHighlightForeground
DEFAULT——
editor.findRangeHighlightBackground
editor.findRangeHighlightBorder
DEFAULT——
editor.focusedStackFrameHighlightBackground
editor.foldBackground
editor.foldPlaceholderForeground
DEFAULT——
editor.foreground
editor.hoverHighlightBackground
editor.inactiveLineHighlightBackground
DEFAULT——
editor.inactiveSelectionBackground
editor.inlineValuesBackground
editor.inlineValuesForeground
DEFAULT——
editor.lineHighlightBackground
editor.lineHighlightBorder
editor.linkedEditingBackground
editor.placeholder.foreground
DEFAULT——
editor.rangeHighlightBackground
editor.rangeHighlightBorder
editor.selectionBackground
editor.selectionForeground
editor.selectionHighlightBackground
editor.selectionHighlightBorder
editor.snippetFinalTabstopHighlightBackground
editor.snippetFinalTabstopHighlightBorder
editor.snippetTabstopHighlightBackground
editor.snippetTabstopHighlightBorder
editor.stackFrameHighlightBackground
editor.symbolHighlightBackground
editor.symbolHighlightBorder
editor.wordHighlightBackground
editor.wordHighlightBorder
editor.wordHighlightStrongBackground
editor.wordHighlightStrongBorder
editor.wordHighlightTextBackground
DEFAULT——
editor.wordHighlightTextBorder
DEFAULT——
editorActionList.background
DEFAULT——
editorActionList.focusBackground
DEFAULT——
editorActionList.focusForeground
DEFAULT——
editorActionList.foreground
DEFAULT——
editorBracketHighlight.foreground1
editorBracketHighlight.foreground2
editorBracketHighlight.foreground3
editorBracketHighlight.foreground4
editorBracketHighlight.foreground5
editorBracketHighlight.foreground6
editorBracketHighlight.unexpectedBracket.foreground
editorBracketMatch.background
editorBracketMatch.border
editorBracketMatch.foreground
DEFAULT——
editorBracketPairGuide.activeBackground1
editorBracketPairGuide.activeBackground2
editorBracketPairGuide.activeBackground3
editorBracketPairGuide.activeBackground4
editorBracketPairGuide.activeBackground5
editorBracketPairGuide.activeBackground6
editorBracketPairGuide.background1
editorBracketPairGuide.background2
editorBracketPairGuide.background3
editorBracketPairGuide.background4
editorBracketPairGuide.background5
editorBracketPairGuide.background6
editorCodeLens.foreground
editorCommentsWidget.rangeActiveBackground
DEFAULT——
editorCommentsWidget.rangeBackground
DEFAULT——
editorCommentsWidget.replyInputBackground
DEFAULT——
editorCommentsWidget.resolvedBorder
DEFAULT——
editorCommentsWidget.unresolvedBorder
DEFAULT——
editorCursor.background
DEFAULT——
editorCursor.foreground
editorError.background
editorError.border
editorError.foreground
editorGhostText.background
editorGhostText.border
editorGhostText.foreground
editorGroup.border
editorGroup.dropBackground
editorGroup.dropIntoPromptBackground
DEFAULT——
editorGroup.dropIntoPromptBorder
DEFAULT——
editorGroup.dropIntoPromptForeground
DEFAULT——
editorGroup.emptyBackground
editorGroup.focusedEmptyBorder
editorGroupHeader.border
editorGroupHeader.connectedTabsBackground
DEFAULT——
editorGroupHeader.noTabsBackground
editorGroupHeader.tabsBackground
editorGroupHeader.tabsBorder
editorGutter.addedBackground
editorGutter.addedSecondaryBackground
DEFAULT——
editorGutter.background
editorGutter.commentDraftGlyphForeground
DEFAULT——
editorGutter.commentGlyphForeground
editorGutter.commentRangeForeground
editorGutter.commentUnresolvedGlyphForeground
DEFAULT——
editorGutter.deletedBackground
editorGutter.deletedSecondaryBackground
DEFAULT——
editorGutter.foldingControlForeground
editorGutter.itemBackground
DEFAULT——
editorGutter.itemGlyphForeground
DEFAULT——
editorGutter.modifiedBackground
editorGutter.modifiedSecondaryBackground
DEFAULT——
editorHint.border
editorHint.foreground
editorHoverWidget.background
editorHoverWidget.border
editorHoverWidget.foreground
editorHoverWidget.highlightForeground
editorHoverWidget.statusBarBackground
editorIndentGuide.activeBackground1
editorIndentGuide.activeBackground2
DEFAULT——
editorIndentGuide.activeBackground3
DEFAULT——
editorIndentGuide.activeBackground4
DEFAULT——
editorIndentGuide.activeBackground5
DEFAULT——
editorIndentGuide.activeBackground6
DEFAULT——
editorIndentGuide.background1
editorIndentGuide.background2
DEFAULT——
editorIndentGuide.background3
DEFAULT——
editorIndentGuide.background4
DEFAULT——
editorIndentGuide.background5
DEFAULT——
editorIndentGuide.background6
DEFAULT——
editorInfo.background
editorInfo.border
editorInfo.foreground
editorInlayHint.background
editorInlayHint.foreground
editorInlayHint.parameterBackground
editorInlayHint.parameterForeground
editorInlayHint.typeBackground
editorInlayHint.typeForeground
editorLightBulb.foreground
editorLightBulbAi.foreground
DEFAULT——
editorLightBulbAutoFix.foreground
editorLineNumber.activeForeground
editorLineNumber.dimmedForeground
DEFAULT——
editorLineNumber.foreground
editorLink.activeForeground
editorMarkerNavigation.background
editorMarkerNavigationError.background
editorMarkerNavigationError.headerBackground
editorMarkerNavigationInfo.background
editorMarkerNavigationInfo.headerBackground
editorMarkerNavigationWarning.background
editorMarkerNavigationWarning.headerBackground
editorMinimap.inlineChatInserted
DEFAULT——
editorMultiCursor.primary.background
DEFAULT——
editorMultiCursor.primary.foreground
DEFAULT——
editorMultiCursor.secondary.background
DEFAULT——
editorMultiCursor.secondary.foreground
DEFAULT——
editorOverviewRuler.addedForeground
editorOverviewRuler.background
editorOverviewRuler.border
editorOverviewRuler.bracketMatchForeground
editorOverviewRuler.commentDraftForeground
DEFAULT——
editorOverviewRuler.commentForeground
DEFAULT——
editorOverviewRuler.commentUnresolvedForeground
DEFAULT——
editorOverviewRuler.commonContentForeground
editorOverviewRuler.currentContentForeground
editorOverviewRuler.deletedForeground
editorOverviewRuler.errorForeground
editorOverviewRuler.findMatchForeground
editorOverviewRuler.incomingContentForeground
editorOverviewRuler.infoForeground
editorOverviewRuler.inlineChatInserted
DEFAULT——
editorOverviewRuler.inlineChatRemoved
DEFAULT——
editorOverviewRuler.modifiedForeground
editorOverviewRuler.rangeHighlightForeground
editorOverviewRuler.selectionHighlightForeground
editorOverviewRuler.warningForeground
editorOverviewRuler.wordHighlightForeground
editorOverviewRuler.wordHighlightStrongForeground
editorOverviewRuler.wordHighlightTextForeground
DEFAULT——
editorPane.background
editorRuler.foreground
DEFAULT——
editorStickyScroll.background
DEFAULT——
editorStickyScroll.border
DEFAULT——
editorStickyScroll.shadow
DEFAULT——
editorStickyScrollGutter.background
DEFAULT——
editorStickyScrollHover.background
DEFAULT——
editorSuggestWidget.background
editorSuggestWidget.border
editorSuggestWidget.focusHighlightForeground
editorSuggestWidget.focusOutline
DEFAULT——
editorSuggestWidget.foreground
editorSuggestWidget.highlightForeground
editorSuggestWidget.selectedBackground
editorSuggestWidget.selectedForeground
editorSuggestWidget.selectedIconForeground
editorSuggestWidgetStatus.foreground
editorUnicodeHighlight.background
DEFAULT——
editorUnicodeHighlight.border
editorUnnecessaryCode.border
editorUnnecessaryCode.opacity
editorWarning.background
editorWarning.border
editorWarning.foreground
editorWhitespace.foreground
editorWidget.background
editorWidget.border
editorWidget.foreground
editorWidget.resizeBorder
editorWordWrapIndicator.foreground
DEFAULT——
errorForeground
extensionBadge.remoteBackground
extensionBadge.remoteForeground
extensionButton.background
DEFAULT——
extensionButton.border
DEFAULT——
extensionButton.foreground
DEFAULT——
extensionButton.hoverBackground
DEFAULT——
extensionButton.prominentBackground
extensionButton.prominentForeground
extensionButton.prominentHoverBackground
extensionButton.separator
DEFAULT——
extensionIcon.preReleaseForeground
extensionIcon.privateForeground
DEFAULT——
extensionIcon.sponsorForeground
extensionIcon.starForeground
extensionIcon.verifiedForeground
focusBorder
foreground
git.blame.editorDecorationForeground
DEFAULT——
gitDecoration.addedResourceForeground
gitDecoration.conflictingResourceForeground
gitDecoration.deletedResourceForeground
gitDecoration.ignoredResourceForeground
gitDecoration.modifiedResourceForeground
gitDecoration.renamedResourceForeground
gitDecoration.stageDeletedResourceForeground
gitDecoration.stageModifiedResourceForeground
gitDecoration.submoduleResourceForeground
gitDecoration.untrackedResourceForeground
icon.foreground
inactiveSessionView.background
DEFAULT——
inactiveSessionView.foreground
DEFAULT——
inlineChat.background
DEFAULT——
inlineChat.border
DEFAULT——
inlineChat.foreground
DEFAULT——
inlineChat.shadow
DEFAULT——
inlineChatDiff.inserted
DEFAULT——
inlineChatDiff.removed
DEFAULT——
inlineChatInput.background
DEFAULT——
inlineChatInput.border
DEFAULT——
inlineChatInput.focusBorder
DEFAULT——
inlineChatInput.placeholderForeground
DEFAULT——
inlineEdit.gutterIndicator.background
DEFAULT——
inlineEdit.gutterIndicator.primaryBackground
DEFAULT——
inlineEdit.gutterIndicator.primaryBorder
DEFAULT——
inlineEdit.gutterIndicator.primaryForeground
DEFAULT——
inlineEdit.gutterIndicator.secondaryBackground
DEFAULT——
inlineEdit.gutterIndicator.secondaryBorder
DEFAULT——
inlineEdit.gutterIndicator.secondaryForeground
DEFAULT——
inlineEdit.gutterIndicator.successfulBackground
DEFAULT——
inlineEdit.gutterIndicator.successfulBorder
DEFAULT——
inlineEdit.gutterIndicator.successfulForeground
DEFAULT——
inlineEdit.modifiedBackground
DEFAULT——
inlineEdit.modifiedBorder
DEFAULT——
inlineEdit.modifiedChangedLineBackground
DEFAULT——
inlineEdit.modifiedChangedTextBackground
DEFAULT——
inlineEdit.originalBackground
DEFAULT——
inlineEdit.originalBorder
DEFAULT——
inlineEdit.originalChangedLineBackground
DEFAULT——
inlineEdit.originalChangedTextBackground
DEFAULT——
inlineEdit.tabWillAcceptModifiedBorder
DEFAULT——
inlineEdit.tabWillAcceptOriginalBorder
DEFAULT——
input.background
input.border
input.foreground
input.placeholderForeground
inputOption.activeBackground
inputOption.activeBorder
inputOption.activeForeground
inputOption.hoverBackground
DEFAULT——
inputValidation.errorBackground
inputValidation.errorBorder
inputValidation.errorForeground
inputValidation.infoBackground
inputValidation.infoBorder
inputValidation.infoForeground
inputValidation.warningBackground
inputValidation.warningBorder
inputValidation.warningForeground
interactive.activeCodeBorder
DEFAULT——
interactive.inactiveCodeBorder
DEFAULT——
keybindingLabel.background
keybindingLabel.border
keybindingLabel.bottomBorder
keybindingLabel.foreground
keybindingTable.headerBackground
keybindingTable.rowsBackground
list.activeSelectionBackground
list.activeSelectionForeground
list.activeSelectionIconForeground
list.deemphasizedForeground
list.dropBackground
list.dropBetweenBackground
DEFAULT——
list.errorForeground
list.filterMatchBackground
list.filterMatchBorder
DEFAULT——
list.focusAndSelectionOutline
list.focusBackground
list.focusForeground
list.focusHighlightForeground
list.focusOutline
list.highlightForeground
list.hoverBackground
list.hoverForeground
list.inactiveFocusBackground
list.inactiveFocusOutline
list.inactiveSelectionBackground
list.inactiveSelectionForeground
list.inactiveSelectionIconForeground
list.invalidItemForeground
list.warningForeground
listFilterWidget.background
listFilterWidget.noMatchesOutline
listFilterWidget.outline
listFilterWidget.shadow
markdownAlert.caution.foreground
DEFAULT——
markdownAlert.important.foreground
DEFAULT——
markdownAlert.note.foreground
DEFAULT——
markdownAlert.tip.foreground
DEFAULT——
markdownAlert.warning.foreground
DEFAULT——
mcpIcon.starForeground
menu.background
menu.border
menu.foreground
menu.selectionBackground
menu.selectionBorder
DEFAULT——
menu.selectionForeground
menu.separatorBackground
menubar.selectionBackground
menubar.selectionBorder
DEFAULT——
menubar.selectionForeground
merge.border
merge.commonContentBackground
merge.commonHeaderBackground
merge.currentContentBackground
merge.currentHeaderBackground
merge.incomingContentBackground
merge.incomingHeaderBackground
mergeEditor.change.background
mergeEditor.change.word.background
mergeEditor.changeBase.background
mergeEditor.changeBase.word.background
mergeEditor.conflict.handled.minimapOverViewRuler
mergeEditor.conflict.handledFocused.border
mergeEditor.conflict.handledUnfocused.border
DEFAULT——
mergeEditor.conflict.input1.background
DEFAULT——
mergeEditor.conflict.input2.background
DEFAULT——
mergeEditor.conflict.unhandled.minimapOverViewRuler
mergeEditor.conflict.unhandledFocused.border
mergeEditor.conflict.unhandledUnfocused.border
mergeEditor.conflictingLines.background
minimap.background
minimap.chatEditHighlight
DEFAULT——
minimap.errorHighlight
minimap.findMatchHighlight
minimap.foregroundOpacity
minimap.infoHighlight
DEFAULT——
minimap.selectionHighlight
minimap.selectionOccurrenceHighlight
minimap.warningHighlight
minimapGutter.addedBackground
minimapGutter.deletedBackground
minimapGutter.modifiedBackground
minimapSlider.activeBackground
minimapSlider.background
minimapSlider.hoverBackground
modernActivityBar.background
modernActivityBar.border
DEFAULT——
modernActivityBar.inactiveBackground
DEFAULT——
modernActivityBarItem.activeBackground
modernActivityBarItem.activeForeground
modernActivityBarItem.hoverBackground
modernActivityBarItem.hoverForeground
modernEditorTab.activeActionBackground
DEFAULT——
modernEditorTab.activeBackground
modernEditorTab.activeForeground
modernEditorTab.activeHoverActionBackground
DEFAULT——
modernEditorTab.activeHoverBackground
modernEditorTab.hoverActionBackground
DEFAULT——
modernEditorTab.hoverBackground
modernEditorTab.hoverForeground
modernEditorTab.inactiveBackground
modernEditorTab.selectedActionBackground
DEFAULT——
modernPanel.border
DEFAULT——
modernSash.gripForeground
DEFAULT——
modernTab.activeBackground
DEFAULT——
modernTab.activeForeground
DEFAULT——
modernTab.hoverBackground
DEFAULT——
modernTab.hoverForeground
DEFAULT——
modernUI.inactiveShellBackground
DEFAULT——
modernUI.shellBackground
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
DEFAULT——
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
notebookEditorOverviewRuler.runningCellForeground
DEFAULT——
notebookScrollbarSlider.activeBackground
DEFAULT——
notebookScrollbarSlider.background
DEFAULT——
notebookScrollbarSlider.hoverBackground
DEFAULT——
notebookStatusErrorIcon.foreground
DEFAULT——
notebookStatusRunningIcon.foreground
DEFAULT——
notebookStatusSuccessIcon.foreground
DEFAULT——
notificationCenter.border
DEFAULT——
notificationCenterHeader.background
notificationCenterHeader.foreground
notificationLink.foreground
notifications.background
notifications.border
notifications.foreground
notificationsErrorIcon.foreground
notificationsInfoIcon.foreground
notificationsWarningIcon.foreground
notificationToast.border
outputView.background
DEFAULT——
outputViewStickyScroll.background
DEFAULT——
panel.background
panel.border
panel.dropBorder
panelInput.border
panelSection.border
panelSection.dropBackground
panelSectionHeader.background
panelSectionHeader.border
panelSectionHeader.foreground
panelStickyScroll.background
DEFAULT——
panelStickyScroll.border
DEFAULT——
panelStickyScroll.shadow
DEFAULT——
panelTitle.activeBorder
panelTitle.activeForeground
panelTitle.border
DEFAULT——
panelTitle.inactiveForeground
panelTitleBadge.background
DEFAULT——
panelTitleBadge.foreground
DEFAULT——
peekView.border
peekViewEditor.background
peekViewEditor.matchHighlightBackground
peekViewEditor.matchHighlightBorder
peekViewEditorGutter.background
peekViewEditorStickyScroll.background
DEFAULT——
peekViewEditorStickyScrollGutter.background
DEFAULT——
peekViewResult.background
peekViewResult.fileForeground
peekViewResult.lineForeground
peekViewResult.matchHighlightBackground
peekViewResult.selectionBackground
peekViewResult.selectionForeground
peekViewTitle.background
peekViewTitleDescription.foreground
peekViewTitleLabel.foreground
pickerGroup.border
pickerGroup.foreground
ports.iconRunningProcessForeground
DEFAULT——
problemsErrorIcon.foreground
problemsInfoIcon.foreground
problemsWarningIcon.foreground
profileBadge.background
DEFAULT——
profileBadge.foreground
DEFAULT——
profiles.sashBorder
DEFAULT——
progressBar.background
quickInput.background
quickInput.foreground
quickInputList.focusBackground
quickInputList.focusForeground
quickInputList.focusHighlightForeground
DEFAULT——
quickInputList.focusIconForeground
quickInputTitle.background
radio.activeBackground
DEFAULT——
radio.activeBorder
DEFAULT——
radio.activeForeground
DEFAULT——
radio.inactiveBackground
DEFAULT——
radio.inactiveBorder
DEFAULT——
radio.inactiveForeground
DEFAULT——
radio.inactiveHoverBackground
DEFAULT——
sash.hoverBorder
scmGraph.foreground1
scmGraph.foreground2
scmGraph.foreground3
scmGraph.foreground4
scmGraph.foreground5
scmGraph.historyItemBaseRefColor
scmGraph.historyItemHoverAdditionsForeground
scmGraph.historyItemHoverDefaultLabelBackground
DEFAULT——
scmGraph.historyItemHoverDefaultLabelForeground
DEFAULT——
scmGraph.historyItemHoverDeletionsForeground
scmGraph.historyItemHoverLabelForeground
DEFAULT——
scmGraph.historyItemRefColor
DEFAULT——
scmGraph.historyItemRemoteRefColor
DEFAULT——
scrollbar.background
DEFAULT——
scrollbar.shadow
scrollbarSlider.activeBackground
scrollbarSlider.background
scrollbarSlider.hoverBackground
search.resultsInfoForeground
DEFAULT——
searchEditor.findMatchBackground
DEFAULT——
searchEditor.findMatchBorder
DEFAULT——
searchEditor.textInputBorder
DEFAULT——
selection.background
DEFAULT——
settings.checkboxBackground
settings.checkboxBorder
settings.checkboxForeground
settings.dropdownBackground
settings.dropdownBorder
settings.dropdownForeground
settings.dropdownListBorder
settings.focusedRowBackground
settings.focusedRowBorder
settings.headerBorder
settings.headerForeground
settings.modifiedItemIndicator
settings.numberInputBackground
settings.numberInputBorder
settings.numberInputForeground
settings.rowHoverBackground
settings.sashBorder
settings.settingsHeaderHoverForeground
DEFAULT——
settings.textInputBackground
settings.textInputBorder
settings.textInputForeground
sideBar.background
sideBar.border
sideBar.dropBackground
sideBar.foreground
sideBarActivityBarTop.border
DEFAULT——
sideBarSectionHeader.background
sideBarSectionHeader.border
sideBarSectionHeader.foreground
sideBarStickyScroll.background
DEFAULT——
sideBarStickyScroll.border
DEFAULT——
sideBarStickyScroll.shadow
DEFAULT——
sideBarTitle.background
DEFAULT——
sideBarTitle.border
DEFAULT——
sideBarTitle.foreground
sideBySideEditor.horizontalBorder
sideBySideEditor.verticalBorder
simpleFindWidget.sashBorder
DEFAULT——
statusBar.background
statusBar.border
statusBar.debuggingBackground
statusBar.debuggingBorder
statusBar.debuggingForeground
statusBar.focusBorder
statusBar.foreground
statusBar.inactiveBackground
DEFAULT——
statusBar.noFolderBackground
statusBar.noFolderBorder
statusBar.noFolderForeground
statusBarItem.activeBackground
statusBarItem.compactHoverBackground
statusBarItem.errorBackground
statusBarItem.errorForeground
statusBarItem.errorHoverBackground
DEFAULT——
statusBarItem.errorHoverForeground
DEFAULT——
statusBarItem.focusBorder
statusBarItem.hoverBackground
statusBarItem.hoverForeground
DEFAULT——
statusBarItem.offlineBackground
statusBarItem.offlineForeground
DEFAULT——
statusBarItem.offlineHoverBackground
DEFAULT——
statusBarItem.offlineHoverForeground
DEFAULT——
statusBarItem.prominentBackground
statusBarItem.prominentForeground
statusBarItem.prominentHoverBackground
statusBarItem.prominentHoverForeground
DEFAULT——
statusBarItem.remoteBackground
statusBarItem.remoteForeground
statusBarItem.remoteHoverBackground
DEFAULT——
statusBarItem.remoteHoverForeground
DEFAULT——
statusBarItem.warningBackground
statusBarItem.warningForeground
statusBarItem.warningHoverBackground
DEFAULT——
statusBarItem.warningHoverForeground
DEFAULT——
strongForeground
DEFAULT——
surface.background
DEFAULT——
surface.border
DEFAULT——
surface.foreground
symbolIcon.arrayForeground
DEFAULT——
symbolIcon.booleanForeground
DEFAULT——
symbolIcon.classForeground
symbolIcon.colorForeground
DEFAULT——
symbolIcon.constantForeground
DEFAULT——
symbolIcon.constructorForeground
symbolIcon.enumeratorForeground
symbolIcon.enumeratorMemberForeground
symbolIcon.eventForeground
symbolIcon.fieldForeground
symbolIcon.fileForeground
DEFAULT——
symbolIcon.folderForeground
DEFAULT——
symbolIcon.functionForeground
symbolIcon.interfaceForeground
symbolIcon.keyForeground
DEFAULT——
symbolIcon.keywordForeground
DEFAULT——
symbolIcon.methodForeground
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
tab.activeBackground
tab.activeBorder
tab.activeBorderTop
tab.activeForeground
tab.activeModifiedBorder
tab.border
tab.divider
DEFAULT——
tab.dragAndDropBorder
DEFAULT——
tab.hoverBackground
tab.hoverBorder
tab.hoverForeground
tab.inactiveBackground
tab.inactiveForeground
tab.inactiveModifiedBorder
tab.lastPinnedBorder
tab.selectedBackground
DEFAULT——
tab.selectedBorderTop
DEFAULT——
tab.selectedForeground
DEFAULT——
tab.unfocusedActiveBackground
tab.unfocusedActiveBorder
tab.unfocusedActiveBorderTop
tab.unfocusedActiveForeground
tab.unfocusedActiveModifiedBorder
tab.unfocusedHoverBackground
tab.unfocusedHoverBorder
tab.unfocusedHoverForeground
tab.unfocusedInactiveBackground
tab.unfocusedInactiveForeground
tab.unfocusedInactiveModifiedBorder
terminal.ansiBlack
terminal.ansiBlue
terminal.ansiBrightBlack
terminal.ansiBrightBlue
terminal.ansiBrightCyan
terminal.ansiBrightGreen
terminal.ansiBrightMagenta
terminal.ansiBrightRed
terminal.ansiBrightWhite
terminal.ansiBrightYellow
terminal.ansiCyan
terminal.ansiGreen
terminal.ansiMagenta
terminal.ansiRed
terminal.ansiWhite
terminal.ansiYellow
terminal.background
terminal.border
terminal.dropBackground
terminal.findMatchBackground
DEFAULT——
terminal.findMatchBorder
DEFAULT——
terminal.findMatchHighlightBackground
DEFAULT——
terminal.findMatchHighlightBorder
DEFAULT——
terminal.foreground
terminal.hoverHighlightBackground
DEFAULT——
terminal.inactiveSelectionBackground
DEFAULT——
terminal.initialHintForeground
DEFAULT——
terminal.selectionBackground
terminal.selectionForeground
DEFAULT——
terminal.tab.activeBorder
terminalCommandDecoration.defaultBackground
DEFAULT——
terminalCommandDecoration.errorBackground
terminalCommandDecoration.successBackground
terminalCommandGuide.foreground
DEFAULT——
terminalCursor.background
DEFAULT——
terminalCursor.foreground
terminalOverviewRuler.border
DEFAULT——
terminalOverviewRuler.cursorForeground
DEFAULT——
terminalOverviewRuler.findMatchForeground
DEFAULT——
terminalStickyScroll.background
DEFAULT——
terminalStickyScroll.border
DEFAULT——
terminalStickyScrollHover.background
DEFAULT——
terminalSymbolIcon.aliasForeground
DEFAULT——
terminalSymbolIcon.argumentForeground
DEFAULT——
terminalSymbolIcon.branchForeground
DEFAULT——
terminalSymbolIcon.commitForeground
DEFAULT——
terminalSymbolIcon.fileForeground
DEFAULT——
terminalSymbolIcon.flagForeground
DEFAULT——
terminalSymbolIcon.folderForeground
DEFAULT——
terminalSymbolIcon.inlineSuggestionForeground
DEFAULT——
terminalSymbolIcon.methodForeground
DEFAULT——
terminalSymbolIcon.optionForeground
DEFAULT——
terminalSymbolIcon.optionValueForeground
DEFAULT——
terminalSymbolIcon.pullRequestDoneForeground
DEFAULT——
terminalSymbolIcon.pullRequestForeground
DEFAULT——
terminalSymbolIcon.remoteForeground
DEFAULT——
terminalSymbolIcon.stashForeground
DEFAULT——
terminalSymbolIcon.symbolicLinkFileForeground
DEFAULT——
terminalSymbolIcon.symbolicLinkFolderForeground
DEFAULT——
terminalSymbolIcon.symbolText
DEFAULT——
terminalSymbolIcon.tagForeground
DEFAULT——
testing.coverCountBadgeBackground
DEFAULT——
testing.coverCountBadgeForeground
DEFAULT——
testing.coveredBackground
DEFAULT——
testing.coveredBorder
DEFAULT——
testing.coveredGutterBackground
DEFAULT——
testing.coveredMinimapBackground
DEFAULT——
testing.iconErrored
DEFAULT——
testing.iconErrored.retired
DEFAULT——
testing.iconFailed
DEFAULT——
testing.iconFailed.retired
DEFAULT——
testing.iconPassed
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.badgeBackground
DEFAULT——
testing.message.error.badgeBorder
DEFAULT——
testing.message.error.badgeForeground
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——
testing.uncoveredMinimapBackground
DEFAULT——
textBlockQuote.background
DEFAULT——
textBlockQuote.border
textCodeBlock.background
DEFAULT——
textLink.activeForeground
textLink.foreground
textPreformat.background
DEFAULT——
textPreformat.border
DEFAULT——
textPreformat.foreground
textSeparator.foreground
DEFAULT——
titleBar.activeBackground
titleBar.activeForeground
titleBar.border
DEFAULT——
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
DEFAULT——
welcomePage.background
welcomePage.progress.background
welcomePage.progress.foreground
welcomePage.tileBackground
welcomePage.tileBorder
DEFAULT——
welcomePage.tileHoverBackground
widget.border
DEFAULT——
widget.shadow
window.activeBorder
DEFAULT——
window.inactiveBorder
DEFAULT——

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
constant.rgb-value
entity
entity.name
entity.name.class
entity.name.function
entity.name.section
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.changed
markup.deleted
markup.heading
markup.inline.raw
markup.inserted
markup.list
markup.list.numbered
markup.list.unnumbered
markup.quote
markup.raw
meta
meta.block
meta.class
meta.function-call
meta.preprocessor
meta.selector
meta.tag
meta.type.annotation
meta.type
punctuation.definition.bracket
punctuation.definition.comment
punctuation.definition.string.begin
punctuation.definition.string.end
punctuation.separator
punctuation.separator.continuation
punctuation.terminator
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.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