Claude Code Theme

Name: Claude Code Theme
Author: Ashwin Gopalsamy

Publisher: Ashwin GopalsamyThemes in package: 6

Claude-aligned code theme system for VS Code, designed for clarity, endurance, and semantic meaning.

Open in VS Code GitHub

Color themes

VS Code preview

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

Claude Code Theme — Claude Code Dark High Contrast

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.activeBackground#E1A08729
activityBar.activeBorder#E1A087
activityBar.activeFocusBorder#E1A087
activityBar.background#161513
activityBar.border#6B665F
activityBar.foreground#F5F2E9
activityBar.inactiveForeground#B0AAA0
activityBarBadge.background#E1A087
activityBarBadge.foreground#11100F
activityBarTop.activeBorder#E1A087
activityBarTop.dropBorder#E1A087
activityBarTop.foreground#F5F2E9
badge.background#23201D
badge.foreground#F5F2E9
breadcrumb.activeSelectionForeground#F5F2E9
breadcrumb.background#11100F
breadcrumb.focusForeground#E1A087
breadcrumb.foreground#B0AAA0
button.background#E1A087
button.border#A9A39Abf
button.foreground#11100F
button.hoverBackground#E8B4A0
button.secondaryBackground#23201D
button.secondaryBorder#6B665F
button.secondaryForeground#F5F2E9
button.secondaryHoverBackground#23201D
chat.avatarBackground#E1A087
chat.linesAddedForeground#9ACA86
chat.linesRemovedForeground#F09884
chat.requestBackground#161513
chat.requestBorder#6B665F
chat.requestBubbleBackground#E1A0871f
chat.slashCommandBackground#8CC4FF1f
checkbox.background#1B1916
checkbox.border#6B665F
checkbox.foreground#F5F2E9
commandCenter.activeBackground#E1A08729
commandCenter.activeBorder#E1A087
commandCenter.background#E1A0871f
commandCenter.border#6B665F
commandCenter.foreground#F5F2E9
contrastActiveBorder#E1A087
contrastBorder#A9A39A
debugExceptionWidget.background#F098841f
debugTokenExpression.name#F5F2E9
debugToolBar.background#161513
descriptionForeground#D9D5CC
diffEditor.diagonalFill#B0AAA026
diffEditor.insertedLineBackground#9ACA861f
diffEditor.insertedTextBackground#9ACA8629
diffEditor.removedLineBackground#F098841f
diffEditor.removedTextBackground#F0988429
disabledForeground#B0AAA0
dropdown.background#1B1916
dropdown.border#6B665F
dropdown.foreground#F5F2E9
dropdown.listBackground#1B1916
editor.background#11100F
editor.findMatchBackground#F8E5A842
editor.findMatchBorder#F8E5A8
editor.findMatchHighlightBackground#F8E5A829
editor.findMatchHighlightBorder#F8E5A8b3
editor.findRangeHighlightBackground#F8E5A81f
editor.focusedStackFrameHighlightBackground#E8C96B29
editor.foreground#F5F2E9
editor.hoverHighlightBackground#E1A0871f
editor.inactiveSelectionBackground#E1A08729
editor.lineHighlightBackground#E1A0871f
editor.lineHighlightBorder#00000000
editor.linkedEditingBackground#8CC4FF1f
editor.rangeHighlightBackground#E1A0871f
editor.selectionBackground#E1A08742
editor.selectionForeground#F5F2E9
editor.selectionHighlightBackground#E1A08729
editor.selectionHighlightBorder#E1A087b3
editor.stackFrameHighlightBackground#E8C96B1f
editor.wordHighlightBackground#E1A08729
editor.wordHighlightStrongBackground#E1A08742
editorBracketHighlight.foreground1#F1B79E
editorBracketHighlight.foreground2#FFD0B8
editorBracketHighlight.foreground3#F8E5A8
editorBracketHighlight.foreground4#C6F0B3
editorBracketHighlight.foreground5#8CC4FF
editorBracketHighlight.foreground6#FFC1AD
editorBracketHighlight.unexpectedBracket.foreground#F09884
editorBracketMatch.background#E1A08729
editorBracketMatch.border#E1A087
editorCursor.foreground#E1A087
editorError.foreground#F09884
editorGhostText.background#00000000
editorGhostText.foreground#D9D5CCcc
editorGroup.border#6B665F
editorGroup.dropBackground#E1A08729
editorGroupHeader.noTabsBackground#161513
editorGroupHeader.tabsBackground#161513
editorGroupHeader.tabsBorder#6B665F
editorGutter.addedBackground#9ACA86
editorGutter.background#11100F
editorGutter.deletedBackground#F09884
editorGutter.foldingControlForeground#B0AAA0
editorGutter.modifiedBackground#E8C96B
editorHint.foreground#9ACA86
editorHoverWidget.background#1B1916
editorHoverWidget.border#6B665F
editorHoverWidget.foreground#F5F2E9
editorHoverWidget.statusBarBackground#23201D
editorIndentGuide.activeBackground1#A9A39Aa6
editorIndentGuide.background1#A9A39A59
editorInfo.foreground#9EB7E2
editorInlayHint.background#23201Dd9
editorInlayHint.foreground#D9D5CC
editorInlayHint.parameterBackground#F8D8C91f
editorInlayHint.parameterForeground#F8D8C9
editorInlayHint.typeBackground#C8DCFA1f
editorInlayHint.typeForeground#C8DCFA
editorLineNumber.activeForeground#D9D5CC
editorLineNumber.dimmedForeground#B0AAA0a6
editorLineNumber.foreground#B0AAA0
editorMultiCursor.primary.background#E1A087
editorMultiCursor.primary.foreground#11100F
editorMultiCursor.secondary.background#8CC4FF
editorMultiCursor.secondary.foreground#11100F
editorOverviewRuler.addedForeground#9ACA86d9
editorOverviewRuler.bracketMatchForeground#E1A087d9
editorOverviewRuler.deletedForeground#F09884d9
editorOverviewRuler.errorForeground#F09884d9
editorOverviewRuler.findMatchForeground#F8E5A8e6
editorOverviewRuler.infoForeground#9EB7E2d9
editorOverviewRuler.modifiedForeground#E8C96Bd9
editorOverviewRuler.warningForeground#E8C96Bd9
editorRuler.foreground#A9A39A66
editorStickyScroll.background#11100F
editorStickyScrollHover.background#E1A0871f
editorSuggestWidget.background#1B1916
editorSuggestWidget.border#6B665F
editorSuggestWidget.foreground#F5F2E9
editorSuggestWidget.highlightForeground#E1A087
editorSuggestWidget.selectedBackground#E1A08729
editorSuggestWidget.selectedForeground#F5F2E9
editorUnicodeHighlight.background#E8C96B1f
editorUnicodeHighlight.border#E8C96B
editorWarning.foreground#E8C96B
editorWhitespace.foreground#B0AAA08c
editorWidget.background#1B1916
editorWidget.border#6B665F
editorWidget.foreground#F5F2E9
editorWidget.resizeBorder#E1A087
errorForeground#F09884
focusBorder#E1A087
foreground#F5F2E9
gitDecoration.addedResourceForeground#9ACA86
gitDecoration.conflictingResourceForeground#E8C96B
gitDecoration.deletedResourceForeground#F09884
gitDecoration.ignoredResourceForeground#B0AAA0
gitDecoration.modifiedResourceForeground#E8C96B
gitDecoration.untrackedResourceForeground#9ACA86
icon.foreground#D9D5CC
inlineChat.background#1B1916
inlineChat.border#6B665F
inlineChatDiff.inserted#9ACA861f
inlineChatDiff.removed#F098841f
inlineChatInput.background#161513
inlineChatInput.border#6B665F
input.background#1B1916
input.border#6B665F
input.foreground#F5F2E9
input.placeholderForeground#B0AAA0
inputOption.activeBackground#E1A08729
inputOption.activeBorder#E1A087
inputOption.activeForeground#F5F2E9
inputOption.hoverBackground#E1A0871f
inputValidation.errorBackground#F098841f
inputValidation.errorBorder#F09884
inputValidation.errorForeground#F09884
inputValidation.infoBackground#9EB7E21f
inputValidation.infoBorder#9EB7E2
inputValidation.infoForeground#9EB7E2
inputValidation.warningBackground#E8C96B1f
inputValidation.warningBorder#E8C96B
inputValidation.warningForeground#E8C96B
interactive.activeCodeBorder#E1A087
interactive.inactiveCodeBorder#6B665F
list.activeSelectionBackground#E1A08729
list.activeSelectionForeground#F5F2E9
list.activeSelectionIconForeground#E1A087
list.dropBackground#E1A08729
list.errorForeground#F09884
list.filterMatchBackground#F8E5A81f
list.filterMatchBorder#F8E5A8
list.focusAndSelectionOutline#E1A087
list.focusBackground#E1A08729
list.focusForeground#F5F2E9
list.focusOutline#E1A087
list.highlightForeground#E1A087
list.hoverBackground#E1A0871f
list.hoverForeground#F5F2E9
list.inactiveFocusOutline#E1A087a6
list.inactiveSelectionBackground#E1A0871f
list.inactiveSelectionForeground#F5F2E9
list.inactiveSelectionIconForeground#E1A087
list.warningForeground#E8C96B
menu.background#1B1916
menu.foreground#F5F2E9
menu.selectionBackground#E1A08729
menu.selectionBorder#E1A087b3
menu.selectionForeground#F5F2E9
menu.separatorBackground#6B665F
mergeEditor.change.word.background#F8E5A81f
mergeEditor.conflict.input1.background#9EB7E21f
mergeEditor.conflict.input2.background#E8C96B1f
mergeEditor.conflict.unhandledFocused.border#E8C96B
minimap.background#11100F
minimap.errorHighlight#F09884
minimap.findMatchHighlight#F8E5A8
minimap.selectionHighlight#E1A087
minimap.warningHighlight#E8C96B
minimapSlider.activeBackground#E1A08742
minimapSlider.background#E1A0871f
minimapSlider.hoverBackground#E1A08729
notebook.cellBorderColor#6B665F
notebook.cellHoverBackground#E1A0871f
notebookStatusErrorIcon.foreground#F09884
notebookStatusSuccessIcon.foreground#9ACA86
notificationCenterHeader.background#23201D
notificationCenterHeader.foreground#F5F2E9
notificationLink.foreground#E1A087
notifications.background#1B1916
notifications.border#6B665F
notifications.foreground#F5F2E9
notificationsErrorIcon.foreground#F09884
notificationsInfoIcon.foreground#9EB7E2
notificationsWarningIcon.foreground#E8C96B
notificationToast.background#1B1916
panel.background#161513
panel.border#6B665F
panel.dropBorder#E1A087
panelInput.border#6B665F
panelSection.border#6B665F
panelSection.dropBackground#E1A0871f
panelSectionHeader.background#161513
panelTitle.activeBorder#E1A087
panelTitle.activeForeground#F5F2E9
panelTitle.inactiveForeground#B0AAA0
peekView.border#A9A39A
peekViewEditor.background#11100F
peekViewEditor.matchHighlightBackground#F8E5A81f
peekViewEditor.matchHighlightBorder#F8E5A8bf
peekViewEditorGutter.background#161513
peekViewResult.background#161513
peekViewResult.matchHighlightBackground#F8E5A829
peekViewResult.selectionBackground#E1A08729
peekViewResult.selectionForeground#F5F2E9
peekViewTitle.background#23201D
peekViewTitleDescription.foreground#D9D5CC
peekViewTitleLabel.foreground#F5F2E9
problemsErrorIcon.foreground#F09884
problemsInfoIcon.foreground#9EB7E2
problemsWarningIcon.foreground#E8C96B
progressBar.background#E1A087
radio.activeForeground#E1A087
sash.hoverBorder#E1A087
scrollbar.background#11100F
scrollbar.shadow#00000066
scrollbarSlider.activeBackground#D9D5CC7a
scrollbarSlider.background#B0AAA038
scrollbarSlider.hoverBackground#D9D5CC57
selection.background#E1A08729
settings.checkboxBackground#1B1916
settings.checkboxBorder#6B665F
settings.dropdownBackground#1B1916
settings.dropdownBorder#6B665F
settings.dropdownForeground#F5F2E9
settings.headerForeground#F5F2E9
settings.modifiedItemIndicator#E1A087
settings.numberInputBackground#1B1916
settings.numberInputBorder#6B665F
settings.numberInputForeground#F5F2E9
settings.textInputBackground#1B1916
settings.textInputBorder#6B665F
settings.textInputForeground#F5F2E9
sideBar.background#161513
sideBar.border#6B665F
sideBar.dropBackground#E1A0871f
sideBar.foreground#D9D5CC
sideBarSectionHeader.background#161513
sideBarSectionHeader.border#6B665F
sideBarSectionHeader.foreground#F5F2E9
sideBarTitle.foreground#D9D5CC
statusBar.background#23201D
statusBar.border#6B665F
statusBar.debuggingBackground#F8E5A8
statusBar.debuggingForeground#11100F
statusBar.focusBorder#E1A087
statusBar.foreground#D9D5CC
statusBar.noFolderBackground#23201D
statusBarItem.errorBackground#F09884
statusBarItem.hoverBackground#E1A08729
statusBarItem.prominentBackground#E1A08729
statusBarItem.prominentHoverBackground#E1A08742
statusBarItem.remoteBackground#E1A087
statusBarItem.remoteForeground#11100F
statusBarItem.warningBackground#E8C96B
tab.activeBackground#11100F
tab.activeBorder#E1A087
tab.activeBorderTop#E1A087
tab.activeForeground#F5F2E9
tab.activeModifiedBorder#E8C96B
tab.border#6B665F
tab.inactiveBackground#161513
tab.inactiveForeground#B0AAA0
tab.inactiveModifiedBorder#E8C96B
tab.lastPinnedBorder#6B665F
tab.selectedBorderTop#E1A087
tab.selectedForeground#F5F2E9
tab.unfocusedActiveBorder#E1A08780
tab.unfocusedActiveBorderTop#E1A08780
tab.unfocusedInactiveModifiedBorder#E8C96B99
terminal.ansiBlack#151311
terminal.ansiBlue#8CC4FF
terminal.ansiBrightBlack#6B665F
terminal.ansiBrightBlue#BED0ED
terminal.ansiBrightCyan#C5EAFF
terminal.ansiBrightGreen#B6E0A5
terminal.ansiBrightMagenta#DCC6FF
terminal.ansiBrightRed#FFB4A4
terminal.ansiBrightWhite#F5F2E9
terminal.ansiBrightYellow#F2D98F
terminal.ansiCyan#B2D8FF
terminal.ansiGreen#B6E0A5
terminal.ansiMagenta#C9BCFF
terminal.ansiRed#F09884
terminal.ansiWhite#E0DBD0
terminal.ansiYellow#F2D98F
terminal.background#11100F
terminal.border#6B665F
terminal.dropBackground#E1A08729
terminal.foreground#F5F2E9
terminal.selectionBackground#E1A08742
terminal.selectionForeground#F5F2E9
terminal.tab.activeBorder#E1A087
terminalCommandDecoration.defaultBackground#8CC4FF80
terminalCommandDecoration.errorBackground#F0988499
terminalCommandDecoration.successBackground#9ACA868c
terminalCursor.background#11100F
terminalCursor.foreground#E1A087
terminalOverviewRuler.cursorForeground#E1A087d9
terminalStickyScroll.background#161513
terminalStickyScrollHover.background#E1A0871f
testing.coveredBackground#9ACA861f
testing.iconErrored#F09884
testing.iconFailed#F09884
testing.iconPassed#9ACA86
testing.peekBorder#A9A39A
testing.runAction#E1A087
textBlockQuote.background#161513
textBlockQuote.border#6B665F
textCodeBlock.background#161513
textLink.activeForeground#E8B4A0
textLink.foreground#E1A087
textPreformat.foreground#D9D5CC
titleBar.activeBackground#161513
titleBar.activeForeground#D9D5CC
titleBar.border#6B665F
titleBar.inactiveBackground#161513
titleBar.inactiveForeground#B0AAA0
widget.border#6B665F
widget.shadow#00000080
window.activeBorder#00000000
window.inactiveBorder#00000000

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.comment	#D1C8BB
keyword, storage, storage.modifier, storage.type, keyword.control, keyword.operator.word	#F1B79E	bold
keyword.operator, punctuation.separator, punctuation.accessor, punctuation.terminator	#F0E8DC	—
variable, variable.other.readwrite	#F5F2E9	—
constant, variable.other.constant, entity.name.constant, constant.language	#FFC1AD	—
string, string.quoted, string.template	#C6F0B3	—
constant.character.escape, constant.other.placeholder	#C9BCFF	—
constant.numeric, constant.language.boolean	#F8E5A8	—
entity.name.function, support.function, variable.function, meta.function-call	#FFD0B8	—
entity.name.type, entity.name.class, support.type, support.class, entity.other.inherited-class	#C8DCFA
entity.name.namespace, entity.name.module, support.class.component	#8CC4FF
variable.parameter, meta.function.parameters variable	#F8D8C9	—
variable.other.property, meta.property-name, support.type.property-name	#FFF5E9	—
punctuation, meta.brace, meta.group, punctuation.definition.parameters, punctuation.definition.arguments	#E0D7CC	—
meta.decorator, meta.annotation, storage.type.annotation, punctuation.decorator	#C9BCFF
string.regexp, constant.regexp, keyword.control.anchor.regexp	#FCEEBC	—
markup.heading, punctuation.definition.heading	#8CC4FF	bold
markup.italic, markup.bold	#F9E3CC	—
markup.underline.link, string.other.link, meta.link	#8CC4FF	underline
markup.inline.raw, markup.fenced_code, markup.raw	#C6F0B3	—
markup.quote, markup.list, punctuation.definition.list_item	#D1C8BB	—
invalid, invalid.illegal	#F09884	underline
markup.inserted, meta.diff.header.to-file	#9ACA86	—
markup.deleted, meta.diff.header.from-file	#F09884	—
markup.changed	#E8C96B	—
source.ts keyword, source.tsx keyword, source.js keyword, source.jsx keyword, keyword.control.import, keyword.control.export	#F1B79E	bold
meta.object-literal.key, variable.other.property.ts, variable.other.property.js, meta.object.member.ts	#FFF5E9	—
meta.type.annotation.ts, meta.return.type.ts, entity.name.type.alias.ts	#C8DCFA
meta.template.expression.ts, meta.template.expression.js, punctuation.definition.template-expression	#F0E8DC	—
entity.name.tag.jsx, entity.name.tag.tsx, support.class.component.jsx, support.class.component.tsx	#FFB8A3	—
entity.other.attribute-name.jsx, entity.other.attribute-name.tsx	#F9E3CC	—
source.go keyword.package, source.go keyword.import, source.go keyword.function, source.go keyword.type	#F1B79E	bold
source.go entity.name.package.go, source.go meta.import.go entity.name.package.go, source.go meta.import.go string.quoted.go	#8CC4FF	—
source.go entity.name.function.go, source.go meta.function.go entity.name.function.go, source.go meta.function.declaration.go entity.name.function.go	#FFD0B8	bold
entity.name.type.go, entity.name.struct.go, entity.name.interface.go	#C8DCFA
variable.parameter.receiver.go, meta.function.parameters.go variable.parameter.go	#F8D8C9	—
source.go variable.other.member.go, source.go variable.other.field.go	#FFF5E9	—
support.function.builtin.go, support.type.builtin.go, constant.language.go	#C9BCFF	—
source.go string.quoted.go, source.go constant.other.rune.go	#C6F0B3	—
source.python keyword.control.import, source.python keyword.control.from, source.python storage.type.function, source.python storage.type.class	#F1B79E	bold
meta.function.decorator.python, meta.class.decorator.python	#C9BCFF
variable.parameter.function.language.special.self.python	#8CC4FF	—
meta.function.parameters.annotations.python, meta.type.annotation.python	#C8DCFA
meta.interpolation.python, punctuation.definition.interpolation.begin.python	#F0E8DC	—
source.java keyword.control, source.java storage.modifier, source.java storage.type	#F1B79E	bold
storage.type.annotation.java, meta.annotation.java	#C9BCFF	—
entity.name.type.class.java, entity.name.type.interface.java, entity.name.type.module.java	#C8DCFA
entity.name.namespace.java, meta.import.java entity.name.type.java	#8CC4FF	—
source.rust keyword, source.rust storage.modifier, source.rust storage.type	#F1B79E	bold
entity.name.type.lifetime.rust, punctuation.definition.lifetime.rust	#F8D8C9	—
support.macro.rust, entity.name.function.macro.rust	#C9BCFF	—
entity.name.type.rust, entity.name.trait.rust, support.type.rust	#C8DCFA
text.html entity.name.tag, punctuation.definition.tag	#FFB8A3	—
text.html entity.other.attribute-name, meta.tag entity.other.attribute-name	#F9E3CC	—
source.css entity.other.attribute-name.class, source.css entity.other.attribute-name.id	#FFB8A3	—
source.css support.type.property-name, source.css meta.property-name	#FFF5E9	—
source.css support.constant.property-value, source.css constant.numeric, source.css keyword.other.unit	#F8E5A8	—
source.css entity.other.attribute-name.pseudo-class, source.css entity.other.attribute-name.pseudo-element	#F1B79E	—
source.json meta.structure.dictionary.json support.type.property-name.json, source.json meta.object-literal.key	#F9E3CC	bold
source.json string.quoted.double.json	#C6F0B3	—
source.json constant.numeric.json, source.json constant.language.boolean.json, source.json constant.language.null.json	#F8E5A8	—
source.yaml entity.name.tag.yaml, source.yaml support.type.property-name.yaml	#F9E3CC	bold
source.yaml variable.other.alias.yaml, source.yaml entity.name.type.anchor.yaml	#8CC4FF	—
source.json punctuation, source.yaml punctuation, source.json punctuation.separator.dictionary.key-value.json, source.json punctuation.separator.array.json	#F0E8DC	—
source.gfm markup.heading, text.html.markdown markup.heading	#F1B79E	bold
source.gfm punctuation.definition.heading, text.html.markdown punctuation.definition.heading	#FFB8A3	—
source.gfm markup.bold, text.html.markdown markup.bold	#F9E3CC	bold
source.gfm markup.italic, text.html.markdown markup.italic	#F8D8C9	italic
source.gfm markup.underline.link, source.gfm string.other.link.title, source.gfm string.other.link.description, text.html.markdown markup.underline.link, text.html.markdown string.other.link.title, text.html.markdown string.other.link.description	#8CC4FF	underline
source.gfm punctuation.definition.link, source.gfm meta.link punctuation, text.html.markdown punctuation.definition.link, text.html.markdown meta.link punctuation	#C9BCFF	—
source.gfm markup.inline.raw, text.html.markdown markup.inline.raw	#C6F0B3	—
source.gfm markup.fenced_code, source.gfm punctuation.definition.fenced.markdown, text.html.markdown markup.fenced_code	#C6F0B3	—
source.gfm markup.list, source.gfm punctuation.definition.list_item, source.gfm markup.list.numbered.digit.markdown, text.html.markdown markup.list, text.html.markdown punctuation.definition.list.begin.markdown	#C9BCFF	—
source.gfm markup.quote, source.gfm punctuation.definition.quote.begin.markdown, text.html.markdown markup.quote	#D1C8BB	—
source.gfm meta.separator.markdown, source.gfm constant.character.escape.markdown	#F0E8DC	—
source.sql keyword, keyword.other.DDL.sql, keyword.other.DML.sql, keyword.other.authorization.sql	#F1B79E	bold
source.sql support.function, source.sql entity.name.function	#FFD0B8	—
source.sql entity.name.table, source.sql entity.name.schema	#C8DCFA
source.sql entity.name.column, source.sql variable.alias	#FFF5E9	—
source.sql constant.numeric, source.sql string, source.sql keyword.operator	#F8E5A8	—
source.sql variable.parameter, source.sql variable.other	#F8D8C9	—

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