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 Light High Contrast

fetchUser.ts

index.ts

README.md

srccomponentsfetchUser.ts

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

Light+

colors

Workbench UI color keys from the theme JSON colors map.

activityBar.activeBackground#B85F3D1a
activityBar.activeBorder#B85F3D
activityBar.activeFocusBorder#B85F3D
activityBar.background#EBE7DC
activityBar.border#BDB6AA
activityBar.foreground#141413
activityBar.inactiveForeground#6B665F
activityBarBadge.background#B85F3D
activityBarBadge.foreground#F6F3EA
activityBarTop.activeBorder#B85F3D
activityBarTop.dropBorder#B85F3D
activityBarTop.foreground#141413
badge.background#E1DDD1
badge.foreground#141413
breadcrumb.activeSelectionForeground#141413
breadcrumb.background#F6F3EA
breadcrumb.focusForeground#B85F3D
breadcrumb.foreground#6B665F
button.background#B85F3D
button.border#8D877Dbf
button.foreground#F6F3EA
button.hoverBackground#A65132
button.secondaryBackground#E1DDD1
button.secondaryBorder#BDB6AA
button.secondaryForeground#141413
button.secondaryHoverBackground#E4DECF
chat.avatarBackground#B85F3D
chat.linesAddedForeground#2F6140
chat.linesRemovedForeground#8F3C2D
chat.requestBackground#EBE7DC
chat.requestBorder#BDB6AA
chat.requestBubbleBackground#B85F3D14
chat.slashCommandBackground#1B6EBF14
checkbox.background#EFEBDD
checkbox.border#BDB6AA
checkbox.foreground#141413
commandCenter.activeBackground#B85F3D1a
commandCenter.activeBorder#B85F3D
commandCenter.background#B85F3D14
commandCenter.border#BDB6AA
commandCenter.foreground#141413
contrastActiveBorder#B85F3D
contrastBorder#8D877D
debugExceptionWidget.background#8F3C2D14
debugTokenExpression.name#141413
debugToolBar.background#EBE7DC
descriptionForeground#4A473F
diffEditor.diagonalFill#6B665F26
diffEditor.insertedLineBackground#2F614014
diffEditor.insertedTextBackground#2F61401a
diffEditor.removedLineBackground#8F3C2D14
diffEditor.removedTextBackground#8F3C2D1a
disabledForeground#6B665F
dropdown.background#EFEBDD
dropdown.border#BDB6AA
dropdown.foreground#141413
dropdown.listBackground#EFEBDD
editor.background#F6F3EA
editor.findMatchBackground#85611B38
editor.findMatchBorder#85611B
editor.findMatchHighlightBackground#85611B1a
editor.findMatchHighlightBorder#85611Bb3
editor.findRangeHighlightBackground#85611B14
editor.focusedStackFrameHighlightBackground#6B4F1B1a
editor.foreground#141413
editor.hoverHighlightBackground#B85F3D14
editor.inactiveSelectionBackground#B85F3D1a
editor.lineHighlightBackground#B85F3D14
editor.lineHighlightBorder#00000000
editor.linkedEditingBackground#1B6EBF14
editor.rangeHighlightBackground#B85F3D14
editor.selectionBackground#B85F3D2e
editor.selectionForeground#141413
editor.selectionHighlightBackground#B85F3D1a
editor.selectionHighlightBorder#B85F3Db3
editor.stackFrameHighlightBackground#6B4F1B14
editor.wordHighlightBackground#B85F3D1a
editor.wordHighlightStrongBackground#B85F3D2e
editorBracketHighlight.foreground1#A5472B
editorBracketHighlight.foreground2#B14E2F
editorBracketHighlight.foreground3#85611B
editorBracketHighlight.foreground4#2F7750
editorBracketHighlight.foreground5#1B6EBF
editorBracketHighlight.foreground6#AD4C39
editorBracketHighlight.unexpectedBracket.foreground#8F3C2D
editorBracketMatch.background#B85F3D1a
editorBracketMatch.border#B85F3D
editorCursor.foreground#B85F3D
editorError.foreground#8F3C2D
editorGhostText.background#00000000
editorGhostText.foreground#4A473Fcc
editorGroup.border#BDB6AA
editorGroup.dropBackground#B85F3D1a
editorGroupHeader.noTabsBackground#EBE7DC
editorGroupHeader.tabsBackground#EBE7DC
editorGroupHeader.tabsBorder#BDB6AA
editorGutter.addedBackground#2F6140
editorGutter.background#F6F3EA
editorGutter.deletedBackground#8F3C2D
editorGutter.foldingControlForeground#6B665F
editorGutter.modifiedBackground#6B4F1B
editorHint.foreground#2F6140
editorHoverWidget.background#EFEBDD
editorHoverWidget.border#BDB6AA
editorHoverWidget.foreground#141413
editorHoverWidget.statusBarBackground#E1DDD1
editorIndentGuide.activeBackground1#8D877Da6
editorIndentGuide.background1#8D877D59
editorInfo.foreground#325B86
editorInlayHint.background#E1DDD1d9
editorInlayHint.foreground#4A473F
editorInlayHint.parameterBackground#9E5F4714
editorInlayHint.parameterForeground#9E5F47
editorInlayHint.typeBackground#2E66A314
editorInlayHint.typeForeground#2E66A3
editorLineNumber.activeForeground#4A473F
editorLineNumber.dimmedForeground#6B665Fa6
editorLineNumber.foreground#6B665F
editorMultiCursor.primary.background#B85F3D
editorMultiCursor.primary.foreground#F6F3EA
editorMultiCursor.secondary.background#1B6EBF
editorMultiCursor.secondary.foreground#F6F3EA
editorOverviewRuler.addedForeground#2F6140d9
editorOverviewRuler.bracketMatchForeground#B85F3Dd9
editorOverviewRuler.deletedForeground#8F3C2Dd9
editorOverviewRuler.errorForeground#8F3C2Dd9
editorOverviewRuler.findMatchForeground#85611Be6
editorOverviewRuler.infoForeground#325B86d9
editorOverviewRuler.modifiedForeground#6B4F1Bd9
editorOverviewRuler.warningForeground#6B4F1Bd9
editorRuler.foreground#8D877D66
editorStickyScroll.background#F6F3EA
editorStickyScrollHover.background#B85F3D14
editorSuggestWidget.background#EFEBDD
editorSuggestWidget.border#BDB6AA
editorSuggestWidget.foreground#141413
editorSuggestWidget.highlightForeground#B85F3D
editorSuggestWidget.selectedBackground#B85F3D1a
editorSuggestWidget.selectedForeground#141413
editorUnicodeHighlight.background#6B4F1B14
editorUnicodeHighlight.border#6B4F1B
editorWarning.foreground#6B4F1B
editorWhitespace.foreground#6B665F8c
editorWidget.background#EFEBDD
editorWidget.border#BDB6AA
editorWidget.foreground#141413
editorWidget.resizeBorder#B85F3D
errorForeground#8F3C2D
focusBorder#B85F3D
foreground#141413
gitDecoration.addedResourceForeground#2F6140
gitDecoration.conflictingResourceForeground#6B4F1B
gitDecoration.deletedResourceForeground#8F3C2D
gitDecoration.ignoredResourceForeground#6B665F
gitDecoration.modifiedResourceForeground#6B4F1B
gitDecoration.untrackedResourceForeground#2F6140
icon.foreground#4A473F
inlineChat.background#EFEBDD
inlineChat.border#BDB6AA
inlineChatDiff.inserted#2F614014
inlineChatDiff.removed#8F3C2D14
inlineChatInput.background#EBE7DC
inlineChatInput.border#BDB6AA
input.background#EFEBDD
input.border#BDB6AA
input.foreground#141413
input.placeholderForeground#6B665F
inputOption.activeBackground#B85F3D1a
inputOption.activeBorder#B85F3D
inputOption.activeForeground#141413
inputOption.hoverBackground#B85F3D14
inputValidation.errorBackground#8F3C2D14
inputValidation.errorBorder#8F3C2D
inputValidation.errorForeground#8F3C2D
inputValidation.infoBackground#325B8614
inputValidation.infoBorder#325B86
inputValidation.infoForeground#325B86
inputValidation.warningBackground#6B4F1B14
inputValidation.warningBorder#6B4F1B
inputValidation.warningForeground#6B4F1B
interactive.activeCodeBorder#B85F3D
interactive.inactiveCodeBorder#BDB6AA
list.activeSelectionBackground#B85F3D1a
list.activeSelectionForeground#141413
list.activeSelectionIconForeground#B85F3D
list.dropBackground#B85F3D1a
list.errorForeground#8F3C2D
list.filterMatchBackground#85611B14
list.filterMatchBorder#85611B
list.focusAndSelectionOutline#B85F3D
list.focusBackground#B85F3D1a
list.focusForeground#141413
list.focusOutline#B85F3D
list.highlightForeground#B85F3D
list.hoverBackground#B85F3D14
list.hoverForeground#141413
list.inactiveFocusOutline#B85F3Da6
list.inactiveSelectionBackground#B85F3D14
list.inactiveSelectionForeground#141413
list.inactiveSelectionIconForeground#B85F3D
list.warningForeground#6B4F1B
menu.background#EFEBDD
menu.foreground#141413
menu.selectionBackground#B85F3D1a
menu.selectionBorder#B85F3Db3
menu.selectionForeground#141413
menu.separatorBackground#BDB6AA
mergeEditor.change.word.background#85611B14
mergeEditor.conflict.input1.background#325B8614
mergeEditor.conflict.input2.background#6B4F1B14
mergeEditor.conflict.unhandledFocused.border#6B4F1B
minimap.background#F6F3EA
minimap.errorHighlight#8F3C2D
minimap.findMatchHighlight#85611B
minimap.selectionHighlight#B85F3D
minimap.warningHighlight#6B4F1B
minimapSlider.activeBackground#B85F3D2e
minimapSlider.background#B85F3D14
minimapSlider.hoverBackground#B85F3D1a
notebook.cellBorderColor#BDB6AA
notebook.cellHoverBackground#B85F3D14
notebookStatusErrorIcon.foreground#8F3C2D
notebookStatusSuccessIcon.foreground#2F6140
notificationCenterHeader.background#E1DDD1
notificationCenterHeader.foreground#141413
notificationLink.foreground#B85F3D
notifications.background#EFEBDD
notifications.border#BDB6AA
notifications.foreground#141413
notificationsErrorIcon.foreground#8F3C2D
notificationsInfoIcon.foreground#325B86
notificationsWarningIcon.foreground#6B4F1B
notificationToast.background#EFEBDD
panel.background#EBE7DC
panel.border#BDB6AA
panel.dropBorder#B85F3D
panelInput.border#BDB6AA
panelSection.border#BDB6AA
panelSection.dropBackground#B85F3D14
panelSectionHeader.background#EBE7DC
panelTitle.activeBorder#B85F3D
panelTitle.activeForeground#141413
panelTitle.inactiveForeground#6B665F
peekView.border#8D877D
peekViewEditor.background#F6F3EA
peekViewEditor.matchHighlightBackground#85611B14
peekViewEditor.matchHighlightBorder#85611Bbf
peekViewEditorGutter.background#EBE7DC
peekViewResult.background#EBE7DC
peekViewResult.matchHighlightBackground#85611B1a
peekViewResult.selectionBackground#B85F3D1a
peekViewResult.selectionForeground#141413
peekViewTitle.background#E1DDD1
peekViewTitleDescription.foreground#4A473F
peekViewTitleLabel.foreground#141413
problemsErrorIcon.foreground#8F3C2D
problemsInfoIcon.foreground#325B86
problemsWarningIcon.foreground#6B4F1B
progressBar.background#B85F3D
radio.activeForeground#B85F3D
sash.hoverBorder#B85F3D
scrollbar.background#F6F3EA
scrollbar.shadow#0000001f
scrollbarSlider.activeBackground#4A473F7a
scrollbarSlider.background#6B665F38
scrollbarSlider.hoverBackground#4A473F57
selection.background#B85F3D1a
settings.checkboxBackground#EFEBDD
settings.checkboxBorder#BDB6AA
settings.dropdownBackground#EFEBDD
settings.dropdownBorder#BDB6AA
settings.dropdownForeground#141413
settings.headerForeground#141413
settings.modifiedItemIndicator#B85F3D
settings.numberInputBackground#EFEBDD
settings.numberInputBorder#BDB6AA
settings.numberInputForeground#141413
settings.textInputBackground#EFEBDD
settings.textInputBorder#BDB6AA
settings.textInputForeground#141413
sideBar.background#EBE7DC
sideBar.border#BDB6AA
sideBar.dropBackground#B85F3D14
sideBar.foreground#4A473F
sideBarSectionHeader.background#EBE7DC
sideBarSectionHeader.border#BDB6AA
sideBarSectionHeader.foreground#141413
sideBarTitle.foreground#4A473F
statusBar.background#E1DDD1
statusBar.border#BDB6AA
statusBar.debuggingBackground#85611B
statusBar.debuggingForeground#F6F3EA
statusBar.focusBorder#B85F3D
statusBar.foreground#4A473F
statusBar.noFolderBackground#E1DDD1
statusBarItem.errorBackground#8F3C2D
statusBarItem.hoverBackground#B85F3D1a
statusBarItem.prominentBackground#B85F3D1a
statusBarItem.prominentHoverBackground#B85F3D2e
statusBarItem.remoteBackground#B85F3D
statusBarItem.remoteForeground#F6F3EA
statusBarItem.warningBackground#6B4F1B
tab.activeBackground#F6F3EA
tab.activeBorder#B85F3D
tab.activeBorderTop#B85F3D
tab.activeForeground#141413
tab.activeModifiedBorder#6B4F1B
tab.border#BDB6AA
tab.inactiveBackground#EBE7DC
tab.inactiveForeground#6B665F
tab.inactiveModifiedBorder#6B4F1B
tab.lastPinnedBorder#BDB6AA
tab.selectedBorderTop#B85F3D
tab.selectedForeground#141413
tab.unfocusedActiveBorder#B85F3D80
tab.unfocusedActiveBorderTop#B85F3D80
tab.unfocusedInactiveModifiedBorder#6B4F1B99
terminal.ansiBlack#141413
terminal.ansiBlue#1B6EBF
terminal.ansiBrightBlack#8D877D
terminal.ansiBrightBlue#4B7098
terminal.ansiBrightCyan#3F738C
terminal.ansiBrightGreen#437954
terminal.ansiBrightMagenta#5D538F
terminal.ansiBrightRed#A44E3A
terminal.ansiBrightWhite#4A473F
terminal.ansiBrightYellow#826326
terminal.ansiCyan#27598F
terminal.ansiGreen#286945
terminal.ansiMagenta#5B4DB4
terminal.ansiRed#8F3C2D
terminal.ansiWhite#6B665F
terminal.ansiYellow#775618
terminal.background#F6F3EA
terminal.border#BDB6AA
terminal.dropBackground#B85F3D1a
terminal.foreground#141413
terminal.selectionBackground#B85F3D2e
terminal.selectionForeground#141413
terminal.tab.activeBorder#B85F3D
terminalCommandDecoration.defaultBackground#1B6EBF80
terminalCommandDecoration.errorBackground#8F3C2D99
terminalCommandDecoration.successBackground#2F61408c
terminalCursor.background#F6F3EA
terminalCursor.foreground#B85F3D
terminalOverviewRuler.cursorForeground#B85F3Dd9
terminalStickyScroll.background#EBE7DC
terminalStickyScrollHover.background#B85F3D14
testing.coveredBackground#2F614014
testing.iconErrored#8F3C2D
testing.iconFailed#8F3C2D
testing.iconPassed#2F6140
testing.peekBorder#8D877D
testing.runAction#B85F3D
textBlockQuote.background#EBE7DC
textBlockQuote.border#BDB6AA
textCodeBlock.background#EBE7DC
textLink.activeForeground#A65132
textLink.foreground#B85F3D
textPreformat.foreground#4A473F
titleBar.activeBackground#EBE7DC
titleBar.activeForeground#4A473F
titleBar.border#BDB6AA
titleBar.inactiveBackground#EBE7DC
titleBar.inactiveForeground#6B665F
widget.border#BDB6AA
widget.shadow#00000020
window.activeBorder#00000000
window.inactiveBorder#00000000

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.comment	#6A6359
keyword, storage, storage.modifier, storage.type, keyword.control, keyword.operator.word	#A5472B	bold
keyword.operator, punctuation.separator, punctuation.accessor, punctuation.terminator	#4F4A43	—
variable, variable.other.readwrite	#141413	—
constant, variable.other.constant, entity.name.constant, constant.language	#AD4C39	—
string, string.quoted, string.template	#2F7750	—
constant.character.escape, constant.other.placeholder	#5B4DB4	—
constant.numeric, constant.language.boolean	#85611B	—
entity.name.function, support.function, variable.function, meta.function-call	#B14E2F	—
entity.name.type, entity.name.class, support.type, support.class, entity.other.inherited-class	#2E66A3
entity.name.namespace, entity.name.module, support.class.component	#1B6EBF
variable.parameter, meta.function.parameters variable	#9E5F47	—
variable.other.property, meta.property-name, support.type.property-name	#31608E	—
punctuation, meta.brace, meta.group, punctuation.definition.parameters, punctuation.definition.arguments	#6A6359	—
meta.decorator, meta.annotation, storage.type.annotation, punctuation.decorator	#5B4DB4
string.regexp, constant.regexp, keyword.control.anchor.regexp	#9C6E20	—
markup.heading, punctuation.definition.heading	#1B6EBF	bold
markup.italic, markup.bold	#A95134	—
markup.underline.link, string.other.link, meta.link	#1B6EBF	underline
markup.inline.raw, markup.fenced_code, markup.raw	#2F7750	—
markup.quote, markup.list, punctuation.definition.list_item	#6A6359	—
invalid, invalid.illegal	#8F3C2D	underline
markup.inserted, meta.diff.header.to-file	#2F6140	—
markup.deleted, meta.diff.header.from-file	#8F3C2D	—
markup.changed	#6B4F1B	—
source.ts keyword, source.tsx keyword, source.js keyword, source.jsx keyword, keyword.control.import, keyword.control.export	#A5472B	bold
meta.object-literal.key, variable.other.property.ts, variable.other.property.js, meta.object.member.ts	#31608E	—
meta.type.annotation.ts, meta.return.type.ts, entity.name.type.alias.ts	#2E66A3
meta.template.expression.ts, meta.template.expression.js, punctuation.definition.template-expression	#4F4A43	—
entity.name.tag.jsx, entity.name.tag.tsx, support.class.component.jsx, support.class.component.tsx	#AD4C39	—
entity.other.attribute-name.jsx, entity.other.attribute-name.tsx	#A95134	—
source.go keyword.package, source.go keyword.import, source.go keyword.function, source.go keyword.type	#A5472B	bold
source.go entity.name.package.go, source.go meta.import.go entity.name.package.go, source.go meta.import.go string.quoted.go	#1B6EBF	—
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	#B14E2F	bold
entity.name.type.go, entity.name.struct.go, entity.name.interface.go	#2E66A3
variable.parameter.receiver.go, meta.function.parameters.go variable.parameter.go	#9E5F47	—
source.go variable.other.member.go, source.go variable.other.field.go	#31608E	—
support.function.builtin.go, support.type.builtin.go, constant.language.go	#5B4DB4	—
source.go string.quoted.go, source.go constant.other.rune.go	#2F7750	—
source.python keyword.control.import, source.python keyword.control.from, source.python storage.type.function, source.python storage.type.class	#A5472B	bold
meta.function.decorator.python, meta.class.decorator.python	#5B4DB4
variable.parameter.function.language.special.self.python	#1B6EBF	—
meta.function.parameters.annotations.python, meta.type.annotation.python	#2E66A3
meta.interpolation.python, punctuation.definition.interpolation.begin.python	#4F4A43	—
source.java keyword.control, source.java storage.modifier, source.java storage.type	#A5472B	bold
storage.type.annotation.java, meta.annotation.java	#5B4DB4	—
entity.name.type.class.java, entity.name.type.interface.java, entity.name.type.module.java	#2E66A3
entity.name.namespace.java, meta.import.java entity.name.type.java	#1B6EBF	—
source.rust keyword, source.rust storage.modifier, source.rust storage.type	#A5472B	bold
entity.name.type.lifetime.rust, punctuation.definition.lifetime.rust	#9E5F47	—
support.macro.rust, entity.name.function.macro.rust	#5B4DB4	—
entity.name.type.rust, entity.name.trait.rust, support.type.rust	#2E66A3
text.html entity.name.tag, punctuation.definition.tag	#AD4C39	—
text.html entity.other.attribute-name, meta.tag entity.other.attribute-name	#A95134	—
source.css entity.other.attribute-name.class, source.css entity.other.attribute-name.id	#AD4C39	—
source.css support.type.property-name, source.css meta.property-name	#31608E	—
source.css support.constant.property-value, source.css constant.numeric, source.css keyword.other.unit	#85611B	—
source.css entity.other.attribute-name.pseudo-class, source.css entity.other.attribute-name.pseudo-element	#A5472B	—
source.json meta.structure.dictionary.json support.type.property-name.json, source.json meta.object-literal.key	#A95134	bold
source.json string.quoted.double.json	#2F7750	—
source.json constant.numeric.json, source.json constant.language.boolean.json, source.json constant.language.null.json	#85611B	—
source.yaml entity.name.tag.yaml, source.yaml support.type.property-name.yaml	#A95134	bold
source.yaml variable.other.alias.yaml, source.yaml entity.name.type.anchor.yaml	#1B6EBF	—
source.json punctuation, source.yaml punctuation, source.json punctuation.separator.dictionary.key-value.json, source.json punctuation.separator.array.json	#4F4A43	—
source.gfm markup.heading, text.html.markdown markup.heading	#A5472B	bold
source.gfm punctuation.definition.heading, text.html.markdown punctuation.definition.heading	#AD4C39	—
source.gfm markup.bold, text.html.markdown markup.bold	#A95134	bold
source.gfm markup.italic, text.html.markdown markup.italic	#9E5F47	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	#1B6EBF	underline
source.gfm punctuation.definition.link, source.gfm meta.link punctuation, text.html.markdown punctuation.definition.link, text.html.markdown meta.link punctuation	#5B4DB4	—
source.gfm markup.inline.raw, text.html.markdown markup.inline.raw	#2F7750	—
source.gfm markup.fenced_code, source.gfm punctuation.definition.fenced.markdown, text.html.markdown markup.fenced_code	#2F7750	—
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	#5B4DB4	—
source.gfm markup.quote, source.gfm punctuation.definition.quote.begin.markdown, text.html.markdown markup.quote	#6A6359	—
source.gfm meta.separator.markdown, source.gfm constant.character.escape.markdown	#4F4A43	—
source.sql keyword, keyword.other.DDL.sql, keyword.other.DML.sql, keyword.other.authorization.sql	#A5472B	bold
source.sql support.function, source.sql entity.name.function	#B14E2F	—
source.sql entity.name.table, source.sql entity.name.schema	#2E66A3
source.sql entity.name.column, source.sql variable.alias	#31608E	—
source.sql constant.numeric, source.sql string, source.sql keyword.operator	#85611B	—
source.sql variable.parameter, source.sql variable.other	#9E5F47	—

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