Genshin Vibes

Name: Genshin Vibes
Author: Subrata

Publisher: SubrataThemes in package: 24

A curated collection of dark and light VSCode themes inspired by the aesthetics of Teyvat from Genshin Impact

GitHub

Color themes

VS Code preview

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

Genshin Vibes — Genshin Vibes: Stormrider Breeze

fetchUser.ts

index.ts

README.md

srccomponentsfetchUser.tsfetchUser

Problems1

Output

Debug Console

Terminal

Ports

~/my-project $ pnpm dev
▲ Next.js ready on http://localhost:3000
✓ compiled client and server successfully in 412ms
wait - compiling /theme/vscode...

main*

Copilot

Ln 5, Col 12

Spaces: 2

UTF-8

TypeScript

Dark+

colors

Workbench UI color keys from the theme JSON colors map.

activityBar.activeBorder#47d1cd
activityBar.background#0b191f
activityBar.dropBorder#142a32
activityBar.foreground#a3e4d7
activityBar.inactiveForeground#2a4a4e
activityBarBadge.background#47d1cd
activityBarBadge.foreground#0b191f
badge.background#47d1cd
badge.foreground#0b191f
banner.background#142a32
banner.foreground#d8f0e8
banner.iconForeground#76c7ad
breadcrumb.activeSelectionForeground#47d1cd
breadcrumb.background#0f1f24
breadcrumb.focusForeground#a3e4d7
breadcrumb.foreground#d8f0e880
breadcrumbPicker.background#142a32
button.background#76c7ad
button.foreground#0b191f
button.hoverBackground#47d1cd
button.secondaryBackground#142a32
button.secondaryForeground#d8f0e8
button.secondaryHoverBackground#1a2f38
charts.blue#47d1cd
charts.foreground#d8f0e8
charts.green#76c7ad
charts.lines#76c7ad
charts.orange#f0b27a
charts.purple#a3e4d7
charts.red#f0b27a
charts.yellow#48d1cc
checkbox.background#142a32
checkbox.border#2a4a4e33
checkbox.foreground#d8f0e8
debugExceptionWidget.background#142a32
debugExceptionWidget.border#2a4a4e33
debugIcon.breakpointCurrentStackframeForeground#76c7ad
debugIcon.breakpointDisabledForeground#2a4a4e
debugIcon.breakpointForeground#76c7ad
debugIcon.breakpointStackframeForeground#76c7ad
debugIcon.breakpointUnverifiedForeground#7ab8a9
debugIcon.continueForeground#76c7ad
debugIcon.disconnectForeground#7ab8a9
debugIcon.pauseForeground#76c7ad
debugIcon.restartForeground#a3e4d7
debugIcon.startForeground#47d1cd
debugIcon.stepBackForeground#76c7ad
debugIcon.stepIntoForeground#76c7ad
debugIcon.stepOutForeground#76c7ad
debugIcon.stepOverForeground#76c7ad
debugIcon.stopForeground#f0b27a
debugToolBar.background#142a32
debugToolBar.border#1a2f38
descriptionForeground#76c7ad
diffEditor.border#1a2f38
diffEditor.diagonalFill#2a4a4e66
diffEditor.insertedLineBackground#76c7ad26
diffEditor.insertedTextBackground#76c7ad26
diffEditor.removedLineBackground#f0b27a26
diffEditor.removedTextBackground#f0b27a26
diffEditorOverview.insertedForeground#76c7ad80
diffEditorOverview.removedForeground#f0b27a80
dropdown.background#1a2f38
dropdown.border#47d1cd4d
dropdown.foreground#d8f0e8
dropdown.listBackground#1a2f38
editor.background#0f1f24
editor.findMatchBackground#48d1cc26
editor.findMatchBorder#48d1cc80
editor.findMatchForeground#d8f0e8
editor.findMatchHighlightBackground#2a4a4e66
editor.findMatchHighlightForeground#d8f0e8cc
editor.findRangeHighlightBackground#2a4a4e66
editor.findRangeHighlightBorder#00000000
editor.focusedStackFrameHighlightBackground#2a4a4e33
editor.foldBackground#2a4a4e33
editor.foreground#d8f0e8
editor.hoverHighlightBackground#00000000
editor.inactiveSelectionBackground#1a2f38cc
editor.inlineValuesBackground#00000000
editor.inlineValuesForeground#76c7ad
editor.lineHighlightBackground#2a4a4e14
editor.lineHighlightBorder#00000000
editor.linkedEditingBackground#2a4a4e33
editor.rangeHighlightBackground#1a2f38cc
editor.selectionBackground#47d1cd33
editor.selectionForeground#2a4a4e
editor.selectionHighlightBackground#2a4a4e33
editor.selectionHighlightBorder#0f1f24
editor.snippetFinalTabstopHighlightBackground#2a4a4e33
editor.snippetFinalTabstopHighlightBorder#142a32
editor.snippetTabstopHighlightBackground#2a4a4e33
editor.snippetTabstopHighlightBorder#142a32
editor.stackFrameHighlightBackground#2a4a4e33
editor.symbolHighlightBackground#2a4a4e33
editor.symbolHighlightBorder#00000000
editor.wordHighlightBackground#2a4a4e33
editor.wordHighlightBorder#00000000
editor.wordHighlightStrongBackground#2a4a4e33
editor.wordHighlightStrongBorder#2a4a4e33
editorBracketHighlight.foreground1#f0b27a80
editorBracketHighlight.foreground2#76c7ad80
editorBracketHighlight.foreground3#48d1cc80
editorBracketHighlight.foreground4#a3e4d780
editorBracketHighlight.foreground5#47d1cd80
editorBracketHighlight.foreground6#7ab8a980
editorBracketMatch.background#47d1cd45
editorBracketMatch.border#47d1cd
editorBracketPairGuide.activeBackground1#76c7ad
editorBracketPairGuide.activeBackground2#47d1cd
editorBracketPairGuide.activeBackground3#a3e4d7
editorBracketPairGuide.activeBackground4#7ab8a9
editorBracketPairGuide.activeBackground5#48d1cc
editorBracketPairGuide.activeBackground6#f0b27a
editorBracketPairGuide.background1#76c7ad80
editorBracketPairGuide.background2#47d1cd80
editorBracketPairGuide.background3#a3e4d780
editorBracketPairGuide.background4#7ab8a980
editorBracketPairGuide.background5#48d1cc80
editorBracketPairGuide.background6#f0b27a80
editorCodeLens.foreground#47d1cd
editorCursor.background#d8f0e8
editorCursor.foreground#7ab8a9
editorError.border#00000000
editorError.foreground#f0b27a
editorGhostText.foreground#76c7ad
editorGroup.border#00000000
editorGroup.dropBackground#142a32
editorGroup.emptyBackground#00000000
editorGroup.focusedEmptyBorder#00000000
editorGroupHeader.noTabsBackground#00000000
editorGroupHeader.tabsBackground#0b191f
editorGroupHeader.tabsBorder#00000000
editorGroupHeader.tabsForeground#d8f0e8cc
editorGutter.addedBackground#76c7ad
editorGutter.background#0f1f24
editorGutter.commentRangeForeground#1a2f38
editorGutter.deletedBackground#f0b27a
editorGutter.foldingControlForeground#a3e4d7
editorGutter.modifiedBackground#76c7ad
editorHint.border#00000000
editorHint.foreground#76c7ad
editorHoverWidget.background#1a2f38
editorHoverWidget.border#47d1cd4d
editorHoverWidget.foreground#76c7ad
editorHoverWidget.highlightForeground#d8f0e8
editorHoverWidget.statusBarBackground#00000000
editorIndentGuide.activeBackground#2a4a4e
editorIndentGuide.activeBackground1#2a4a4e
editorIndentGuide.background#2a4a4e66
editorIndentGuide.background1#2a4a4e66
editorInfo.border#1a2f38
editorInfo.foreground#a3e4d7
editorInlayHint.background#1a2f3880
editorInlayHint.foreground#76c7ad80
editorInlayHint.parameterBackground#1a2f3880
editorInlayHint.parameterForeground#a3e4d780
editorInlayHint.typeBackground#1a2f3880
editorInlayHint.typeForeground#47d1cd80
editorLightBulb.foreground#76c7ad
editorLightBulbAutoFix.foreground#47d1cd
editorLineNumber.activeForeground#a3e4d7
editorLineNumber.foreground#2a4a4e
editorLink.activeForeground#47d1cd
editorMarkerNavigation.background#142a32
editorMarkerNavigationError.background#142a32
editorMarkerNavigationInfo.background#142a32
editorMarkerNavigationWarning.background#142a32
editorOverviewRuler.addedForeground#76c7ad80
editorOverviewRuler.background#0f1f24
editorOverviewRuler.border#2a4a4e66
editorOverviewRuler.bracketMatchForeground#76c7ad
editorOverviewRuler.commentForeground#597d7b80
editorOverviewRuler.commentUnresolvedForeground#48d1cc80
editorOverviewRuler.commonContentForeground#1a2f38cc
editorOverviewRuler.currentContentForeground#76c7ad
editorOverviewRuler.deletedForeground#f0b27a80
editorOverviewRuler.errorForeground#f0b27a80
editorOverviewRuler.findMatchForeground#2a4a4e66
editorOverviewRuler.incomingContentForeground#47d1cd
editorOverviewRuler.infoForeground#a3e4d780
editorOverviewRuler.modifiedForeground#76c7ad80
editorOverviewRuler.rangeHighlightForeground#2a4a4e66
editorOverviewRuler.selectionHighlightForeground#2a4a4e66
editorOverviewRuler.warningForeground#48d1cc80
editorOverviewRuler.wordHighlightForeground#2a4a4e33
editorOverviewRuler.wordHighlightStrongForeground#2a4a4e66
editorPane.background#00000000
editorRuler.foreground#2a4a4e66
editorSuggestWidget.background#1a2f38
editorSuggestWidget.border#47d1cd4d
editorSuggestWidget.focusHighlightForeground#47d1cd
editorSuggestWidget.foreground#76c7ad
editorSuggestWidget.highlightForeground#f0b27a
editorSuggestWidget.selectedBackground#2a4a4e33
editorSuggestWidget.selectedForeground#d8f0e8
editorSuggestWidget.selectedIconForeground#d8f0e8
editorUnnecessaryCode.border#00000000
editorUnnecessaryCode.opacity#d8f0e880
editorWarning.border#00000000
editorWarning.foreground#48d1cc
editorWhitespace.foreground#2a4a4e66
editorWidget.background#1a2f38
editorWidget.border#47d1cd4d
editorWidget.foreground#76c7ad
editorWidget.resizeBorder#2a4a4e
errorForeground#f0b27a
extensionBadge.remoteBackground#a3e4d7
extensionBadge.remoteForeground#0b191f
extensionButton.prominentBackground#47d1cd
extensionButton.prominentForeground#0b191f
extensionButton.prominentHoverBackground#7ab8a9
extensionIcon.preReleaseForeground#76c7ad
extensionIcon.starForeground#47d1cd
extensionIcon.verifiedForeground#a3e4d7
focusBorder#2a4a4e33
foreground#d8f0e8
git.blame.editorDecorationForeground#2a4a4e
gitDecoration.addedResourceForeground#76c7ad
gitDecoration.conflictingResourceForeground#48d1cc
gitDecoration.deletedResourceForeground#f0b27a
gitDecoration.ignoredResourceForeground#597d7b
gitDecoration.modifiedResourceForeground#76c7ad
gitDecoration.renamedResourceForeground#a3e4d7
gitDecoration.stageDeletedResourceForeground#f0b27a
gitDecoration.stageModifiedResourceForeground#47d1cd
gitDecoration.submoduleResourceForeground#48d1cc
gitDecoration.untrackedResourceForeground#47d1cd
icon.foreground#76c7ad
input.background#1a2f38
input.border#47d1cd4d
input.foreground#d8f0e8
input.placeholderForeground#2a4a4e
inputOption.activeBackground#47d1cd45
inputOption.activeBorder#47d1cd
inputOption.activeForeground#47d1cd
inputValidation.errorBackground#2a1f1a
inputValidation.errorBorder#f0b27a
inputValidation.errorForeground#f0b27a
inputValidation.infoBackground#1a2f38
inputValidation.infoBorder#a3e4d7
inputValidation.infoForeground#a3e4d7
inputValidation.warningBackground#3a2f24
inputValidation.warningBorder#76c7ad
inputValidation.warningForeground#48d1cc
keybindingLabel.background#1a2f38
keybindingLabel.border#2a4a4e66
keybindingLabel.bottomBorder#2a4a4e66
keybindingLabel.foreground#a3e4d7
keybindingTable.headerBackground#1a2f38
keybindingTable.rowsBackground#142a32
list.activeSelectionBackground#76c7ad26
list.activeSelectionForeground#d8f0e8
list.deemphasizedForeground#76c7ad
list.dropBackground#142a32
list.errorForeground#f0b27a
list.filterMatchBackground#142a32
list.filterMatchBorder#47d1cd
list.focusBackground#76c7ad33
list.focusForeground#d8f0e8
list.focusOutline#f0b27a66
list.highlightForeground#47d1cd
list.hoverBackground#76c7ad1a
list.hoverForeground#f0b27a
list.inactiveFocusBackground#2a4a4e14
list.inactiveSelectionBackground#1a2f38
list.inactiveSelectionForeground#d8f0e8
list.invalidItemForeground#f0b27a
list.warningForeground#48d1cc
listFilterWidget.background#142a32
listFilterWidget.noMatchesOutline#f0b27a
listFilterWidget.outline#f0b27a66
menu.background#142a32
menu.border#1a2f38cc
menu.foreground#d8f0e8
menu.selectionBackground#2a4a4e33
menu.selectionBorder#1a2f38
menu.selectionForeground#d8f0e8
menu.separatorBackground#2a4a4e66
menubar.selectionBackground#2a4a4e33
menubar.selectionBorder#1a2f38cc
menubar.selectionForeground#d8f0e8
merge.border#1a2f38
merge.commonContentBackground#2a4a4e33
merge.commonHeaderBackground#2a4a4e33
merge.currentContentBackground#76c7ad45
merge.currentHeaderBackground#76c7ad45
merge.incomingContentBackground#47d1cd45
merge.incomingHeaderBackground#47d1cd45
minimap.background#142a32
minimap.errorHighlight#f0b27a80
minimap.findMatchHighlight#2a4a4e33
minimap.selectionHighlight#2a4a4e33
minimap.warningHighlight#48d1cc80
minimapGutter.addedBackground#76c7ad
minimapGutter.deletedBackground#f0b27a
minimapGutter.modifiedBackground#76c7ad
minimapSlider.activeBackground#2a4a4e66
minimapSlider.background#2a4a4e33
minimapSlider.hoverBackground#2a4a4e33
notebook.cellBorderColor#a3e4d780
notebook.cellEditorBackground#142a32
notebook.cellHoverBackground#1a2f3880
notebook.focusedCellBackground#1a2f38cc
notebook.focusedCellBorder#a3e4d7
notebook.outputContainerBackgroundColor#1a2f38cc
notificationCenter.border#2a4a4e33
notificationCenterHeader.background#142a32
notificationCenterHeader.foreground#76c7ad
notificationLink.foreground#a3e4d7
notifications.background#142a32
notifications.border#2a4a4e33
notifications.foreground#d8f0e8
notificationsErrorIcon.foreground#f0b27a
notificationsInfoIcon.foreground#a3e4d7
notificationsWarningIcon.foreground#48d1cc
notificationToast.border#2a4a4e33
panel.background#142a32
panel.border#47d1cd4d
panel.dropBorder#1a2f38
panelInput.border#142a32
panelSection.dropBackground#2a4a4e33
panelSectionHeader.background#142a32
panelSectionHeader.foreground#d8f0e8
panelTitle.activeBorder#2a4a4e66
panelTitle.activeForeground#d8f0e8
panelTitle.inactiveForeground#7ab8a9
peekView.border#47d1cd
peekViewEditor.background#142a32
peekViewEditor.matchHighlightBackground#2a4a4e66
peekViewResult.background#1a2f38
peekViewResult.fileForeground#76c7ad
peekViewResult.lineForeground#76c7ad
peekViewResult.matchHighlightBackground#2a4a4e66
peekViewResult.selectionBackground#2a4a4e33
peekViewResult.selectionForeground#d8f0e8
peekViewTitle.background#1a2f38
peekViewTitleDescription.foreground#76c7ad
pickerGroup.border#2a4a4e66
pickerGroup.foreground#a3e4d7
ports.iconRunningProcessForeground#47d1cd
problemsErrorIcon.foreground#f0b27a
problemsInfoIcon.foreground#a3e4d7
problemsWarningIcon.foreground#48d1cc
progressBar.background#47d1cd
quickInput.background#142a32
quickInput.foreground#76c7ad
quickInputList.focusBackground#2a4a4e33
quickInputList.focusForeground#d8f0e8
quickInputList.focusIconForeground#d8f0e8
scrollbar.shadow#0b191f4d
scrollbarSlider.activeBackground#76c7ad80
scrollbarSlider.background#2a4a4e66
scrollbarSlider.hoverBackground#76c7ad87
searchEditor.findMatchBackground#2a4a4e33
selection.background#2a4a4e66
settings.focusedRowBackground#142a32
settings.focusedRowBorder#2a4a4e33
settings.headerForeground#d8f0e8
settings.modifiedItemIndicator#47d1cd
settings.rowHoverBackground#142a32
sideBar.background#142a32
sideBar.dropBackground#142a32
sideBar.foreground#7ab8a9
sideBarSectionHeader.background#1a2f38
sideBarSectionHeader.border#2a4a4e33
sideBarSectionHeader.foreground#a3e4d7
sideBarTitle.foreground#76c7ad
statusBar.background#47d1cd
statusBar.debuggingBackground#f0b27a
statusBar.debuggingForeground#0b191f
statusBar.foreground#0b191f
statusBar.noFolderBackground#76c7ad
statusBar.noFolderForeground#d8f0e8
statusBarItem.activeBackground#2a4a4e66
statusBarItem.errorBackground#76c7ad26
statusBarItem.errorForeground#f0b27a
statusBarItem.hoverBackground#2a4a4e33
statusBarItem.prominentBackground#1a2f38
statusBarItem.prominentForeground#d8f0e8
statusBarItem.prominentHoverBackground#2a4a4e33
statusBarItem.remoteBackground#76c7ad
statusBarItem.remoteForeground#0f1f24
symbolIcon.arrayForeground#76c7ad
symbolIcon.classForeground#a3e4d7
symbolIcon.colorForeground#f0b27a
symbolIcon.constantForeground#76c7ad
symbolIcon.constructorForeground#a3e4d7
symbolIcon.enumeratorForeground#76c7ad
symbolIcon.enumeratorMemberForeground#76c7ad
symbolIcon.eventForeground#47d1cd
symbolIcon.fieldForeground#76c7ad
symbolIcon.fileForeground#7ab8a9
symbolIcon.folderForeground#7ab8a9
symbolIcon.functionForeground#a3e4d7
symbolIcon.interfaceForeground#a3e4d7
symbolIcon.keyForeground#76c7ad
symbolIcon.keywordForeground#47d1cd
symbolIcon.methodForeground#a3e4d7
symbolIcon.moduleForeground#7ab8a9
symbolIcon.namespaceForeground#76c7ad
symbolIcon.nullForeground#76c7ad
symbolIcon.numberForeground#76c7ad
symbolIcon.objectForeground#76c7ad
symbolIcon.operatorForeground#47d1cd
symbolIcon.packageForeground#7ab8a9
symbolIcon.propertyForeground#76c7ad
symbolIcon.referenceForeground#a3e4d7
symbolIcon.snippetForeground#f0b27a
symbolIcon.stringForeground#f0b27a
symbolIcon.structForeground#a3e4d7
symbolIcon.textForeground#d8f0e8
symbolIcon.typeParameterForeground#a3e4d7
symbolIcon.unitForeground#76c7ad
symbolIcon.variableForeground#76c7ad
tab.activeBackground#f0b27a1a
tab.activeBorderTop#47d1cd
tab.activeForeground#d8f0e8cc
tab.activeModifiedBorder#a3e4d7
tab.hoverBackground#2a4a4e33
tab.inactiveBackground#142a32
tab.inactiveForeground#7ab8a9
tab.inactiveModifiedBorder#00000000
tab.lastPinnedBorder#2a4a4e
tab.unfocusedActiveBackground#1a2f38
tab.unfocusedHoverBackground#2a4a4e33
tab.unfocusedInactiveBackground#142a32
tab.unfocusedInactiveModifiedBorder#a3e4d780
terminal.ansiBlack#0b191f
terminal.ansiBlue#47d1cd
terminal.ansiBrightBlack#2a4a4e
terminal.ansiBrightBlue#47d1cd
terminal.ansiBrightCyan#7ab8a9
terminal.ansiBrightGreen#76c7ad
terminal.ansiBrightMagenta#a3e4d7
terminal.ansiBrightRed#f0b27a
terminal.ansiBrightWhite#d8f0e8
terminal.ansiBrightYellow#48d1cc
terminal.ansiCyan#7ab8a9
terminal.ansiGreen#76c7ad
terminal.ansiMagenta#a3e4d7
terminal.ansiRed#f0b27a
terminal.ansiWhite#2a4a4e
terminal.ansiYellow#48d1cc
terminal.background#0f1f24
terminal.dropBackground#2a4a4e33
terminal.foreground#d8f0e8
terminal.selectionBackground#47d1cd33
terminal.tab.activeBorder#d8f0e8
terminalCursor.background#d8f0e8
terminalCursor.foreground#7ab8a9
textBlockQuote.background#142a32
textBlockQuote.border#2a4a4e33
textCodeBlock.background#142a32
textLink.activeForeground#a3e4d7e6
textLink.foreground#a3e4d7
textPreformat.foreground#48d1cc
textSeparator.foreground#76c7ad
titleBar.activeBackground#142a32
titleBar.activeForeground#d8f0e8
titleBar.inactiveBackground#0f1f24
titleBar.inactiveForeground#7ab8a9
toolbar.activeBackground#2a4a4e66
toolbar.hoverBackground#2a4a4e33
tree.indentGuidesStroke#76c7ad
walkThrough.embeddedEditorBackground#0f1f24
welcomePage.background#0f1f24
widget.shadow#0b191f4d
window.activeBorder#142a32
window.inactiveBorder#142a32

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment	#597d7b	italic
constant, constant.numeric, constant.language	#76c7ad	—
entity.name	#a3e4d7	—
entity.name.section, entity.name.tag, entity.name.namespace, entity.name.type	#47d1cd	—
entity.other.attribute-name, entity.other.inherited-class	#a3e4d7	italic
entity.name.class, entity.name.struct	#76c7ad	—
entity.name.function	#a3e4d7	italic
invalid	#f0b27a	underline
invalid.deprecated	#7ab8a9	strikethrough
keyword, keyword.operator	#a3e4d7e6	—
markup.heading	#47d1cd	bold
markup.bold.markdown, markup.bold	#a3e4d7	bold
markup.italic.markdown, markup.italic	#a3e4d7	italic
markup.link	#f0b27a	—
markup.inserted.diff	#76c7ad	—
markup.deleted.diff	#f0b27a	—
meta.diff.range	#a3e4d7	—
meta.tag, meta.brace	#2a4a4e	—
meta.import, meta.export	#47d1cd	—
meta.directive.vue	#a3e4d780	italic
meta.property-name.css	#47d1cd	—
meta.property-value.css	#48d1cc	—
meta.tag.other.html	#76c7ad	—
punctuation, punctuation.separator, punctuation.terminator, punctuation.accessor	#7ab8a9	—
punctuation.accessor	#7ab8a9	—
punctuation.definition.string	#f0b27a	—
punctuation.definition.tag, punctuation.separator.key-value.html, punctuation.definition.generic.begin.html, punctuation.definition.section.embedded	#a3e4d780	—
string	#f0b27acc	—
storage.type, storage.modifier	#47d1cd	—
support	#47d1cd	—
support.constant	#48d1cc	—
support.type.property-name	#d8f0e8b3	—
support.type.property-name.json	#d8f0e8cc	—
support.function	#a3e4d7	italic
variable	#d8f0e8	—
variable.other, variable.other.property, variable.other.object.property, variable.language, variable.function, variable.argument, meta.object-literal.key	#d8f0e8	—
variable.parameter	#9ad3d8	italic

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