Maron Themes

Name: Maron Themes
Author: Kain Nhantumbo

Publisher: Kain NhantumboThemes in package: 56

Pack of well curated themes with Editor UI and Semantics consistency in mind, backed with love for a seamless coding experience!

Open in VS Code GitHub

Color themes

VS Code preview

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

Maron Themes — Maron Theme: Oceanic Sharks Valley

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...
~/my-project

main*

Copilot

Ln 5, Col 12

Spaces: 2

UTF-8

TypeScript

Dark+

colors

Workbench UI color keys from the theme JSON colors map.

activityBar.background#141d26
activityBar.foreground#99dc9e
activityBar.inactiveForeground#99dc9e70
activityBarBadge.background#99dc9e
activityBarBadge.foreground#141d26
badge.background#99dc9e
badge.foreground#141d26
breadcrumb.activeSelectionForeground#99dc9e
breadcrumb.focusForeground#99dc9e
breadcrumb.foreground#839496
button.background#99dc9e80
button.foreground#141d26
button.hoverBackground#99dc9e
button.secondaryBackground#99dc9e80
button.secondaryForeground#141d26
button.secondaryHoverBackground#99dc9e
checkbox.background#141d26
checkbox.foreground#99dc9e
descriptionForeground#eee8d5bb
dropdown.background#141d26
dropdown.border#586e7540
dropdown.foreground#839496
editor.background#141d26
editor.findMatchBackground#cdd3de30
editor.findMatchHighlightBackground#eab85330
editor.foreground#cdd3de
editor.lineHighlightBackground#0E141F
editor.lineHighlightBorder#08080800
editor.selectionBackground#99dc9e28
editor.selectionHighlightBackground#99dc9e40
editor.wordHighlightBackground#99dc9e40
editor.wordHighlightStrongBackground#99dc9e40
editor.wordHighlightTextBackground#99dc9e20
editorBracketHighlight.foreground1#cdd3de
editorBracketHighlight.foreground2#eab853
editorBracketHighlight.foreground3#99dc9e
editorBracketHighlight.foreground4#c594c5
editorBracketHighlight.foreground5#6699CC
editorBracketHighlight.foreground6#6699cc
editorCursor.background#141d26
editorCursor.foreground#99dc9e
editorGroup.border#85858520
editorGroup.dropBackground#99dc9e20
editorGroupHeader.noTabsBackground#141d26
editorGroupHeader.tabsBackground#141d26
editorHoverWidget.background#141d26
editorIndentGuide.activeBackground1#7f849065
editorIndentGuide.activeBackground2#7f849065
editorIndentGuide.activeBackground3#7f849065
editorIndentGuide.activeBackground4#7f849065
editorIndentGuide.activeBackground5#7f849065
editorIndentGuide.activeBackground6#7f849065
editorIndentGuide.background1#7f849030
editorIndentGuide.background2#7f849030
editorIndentGuide.background3#7f849030
editorIndentGuide.background4#7f849030
editorIndentGuide.background5#7f849030
editorIndentGuide.background6#7f849030
editorInlayHint.background#141d26
editorInlayHint.foreground#586e75
editorLineNumber.activeForeground#99dc9e
editorLineNumber.foreground#7f849080
editorOverviewRuler.border#586e7500
editorRuler.foreground#99dc9e80
editorStickyScroll.shadow#ff000000
editorWhitespace.foreground#65737e
editorWidget.background#141d26
editorWidget.border#586e7590
editorWidget.foreground#cdd3de
errorForeground#dc322f
focusBorder#99dc9e80
foreground#849496
gitDecoration.ignoredResourceForeground#515670
icon.foreground#99dc9e
input.background#141d26
input.border#586e7540
input.foreground#eee8d5bb
input.placeholderForeground#93a1a1aa
list.activeSelectionBackground#4a596190
list.activeSelectionForeground#99dc9e
list.activeSelectionIconForeground#99dc9e
list.dropBackground#99dc9e20
list.errorForeground#dc322f
list.focusBackground#586e7533
list.highlightForeground#99dc9e
list.hoverBackground#4a596160
list.inactiveSelectionBackground#99dc9e20
list.inactiveSelectionForeground#99dc9e
list.inactiveSelectionIconForeground#99dc9e
menu.background#141d26
menu.border#343d46
menu.selectionBackground#343d46
menu.separatorBackground#343d46
minimap.selectionHighlight#586e75ee
notificationCenter.border#586e7590
notificationCenterHeader.background#141d26
notifications.background#141d26
panel.background#141d26
panel.border#586e7540
panelInput.border#586e7540
panelSection.dropBackground#99dc9e20
panelSectionHeader.border#141d26
panelTitle.activeBorder#99dc9e
panelTitle.activeForeground#99dc9e
panelTitle.inactiveForeground#839496
peekView.border#586e7590
peekViewEditor.background#141d26
peekViewEditor.matchHighlightBackground#99dc9e80
peekViewResult.background#141d26
peekViewResult.selectionBackground#99dc9e40
peekViewTitle.background#141d26
peekViewTitleLabel.foreground#99dc9e
pickerGroup.border#99dc9e80
pickerGroup.foreground#586e75
progressBar.background#99dc9e
quickInput.background#141d26
scrollbar.shadow#ff000000
scrollbarSlider.activeBackground#99dc9e30
scrollbarSlider.background#99dc9e15
scrollbarSlider.hoverBackground#99dc9e25
selection.background#99dc9e60
settings.dropdownBackground#141d26
settings.focusedRowBackground#586e7500
settings.headerForeground#99dc9e
settings.modifiedItemIndicator#99dc9e
settings.numberInputBackground#141d26
settings.numberInputForeground#839496
settings.rowHoverBackground#586e7510
settings.textInputBackground#141d26
settings.textInputForeground#839496
sideBar.background#141d26
sideBar.border#141d26
sideBar.dropBackground#99dc9e20
sideBar.foreground#839496
sideBarTitle.foreground#99dc9e
statusBar.background#141d26
statusBar.debuggingBackground#eab853
statusBar.debuggingForeground#141d26
statusBar.foreground#839496
statusBar.noFolderBackground#141d26
statusBarItem.compactHoverBackground#141d26
statusBarItem.hoverBackground#141d2690
statusBarItem.hoverForeground#99dc9e
statusBarItem.remoteBackground#141d26
statusBarItem.remoteForeground#99dc9e
statusBarItem.remoteHoverBackground#141d26
statusBarItem.remoteHoverForeground#eab853
tab.activeBorder#99dc9ecc
tab.activeForeground#99dc9ecc
tab.border#141d26
tab.inactiveBackground#141d26
tab.inactiveForeground#839496
terminal.border#586e7540
terminal.dropBackground#99dc9e20
terminal.tab.activeBorder#99dc9e
terminalCommandDecoration.defaultBackground#99dc9e
terminalCommandDecoration.errorBackground#ec5f67
terminalCommandDecoration.successBackground#6699CC
terminalCursor.background#141d26
terminalCursor.foreground#99dc9e
terminalOverviewRuler.cursorForeground#99dc9e
textBlockQuote.background#10151B
textBlockQuote.border#99dc9e
textCodeBlock.background#10151B
textLink.activeForeground#99dc9e
textLink.foreground#6699CC
textPreformat.background#10151B
textPreformat.foreground#99dc9e
titleBar.activeBackground#141d26
titleBar.activeForeground#839496
tree.indentGuidesStroke#99dc9e60
welcomePage.progress.background#83949660
welcomePage.progress.foreground#eab853
welcomePage.tileBackground#99dc9e15
widget.border#99dc9e60
widget.shadow#141d2600

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
—	#cdd3deff	—
comment, punctuation.definition.comment	#65737e
variable, string constant.other.placeholder	#cdd3de	—
invalid	#ec5f67	—
invalid.deprecated	#c594c5	—
keyword, storage.type, storage.modifier	#c594c5	—
constant.other.color, punctuation.definition.tag, punctuation, punctuation.separator.inheritance.php, punctuation.definition.tag.html, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, punctuation.section.embedded, keyword.other.template, keyword.other.substitution, meta.brace.round, meta.brace.square, meta.brace.curly, constant.other.color, punctuation.section.embedded, keyword.other.template, keyword.other.substitution, meta.delimiter.comma.js, meta.function-call.without-arguments.js, meta.function-call.method.without-arguments.js, punctuation.definition.tag, punctuation.definition.tag source, punctuation.definition.group.begin.ruby, punctuation.definition.group.end.ruby, punctuation.definition.group.begin.css, punctuation.definition.group.end.css, punctuation.definition.string.end.html source.css	#BFD5DE60	—
entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter	#f07178	—
entity.name.function, variable.function, support.function, keyword.other.special-method, meta.block-level	#6699cc	—
support.other.variable, string.other.link	#f07178	—
constant.numeric, constant.language, support.constant, constant.character, variable.parameter, keyword.other.unit	#f99157	—
string, constant.other.symbol, constant.other.key, entity.other.inherited-class, markup.heading, markup.inserted.git_gutter, meta.group.braces.curly constant.other.object.key.js string.unquoted.label.js	#99c794
entity.name.class, entity.name.type.class, support.type, support.class, support.other.namespace.use.php, meta.use.php, support.other.namespace.php, markup.changed.git_gutter	#fac863	—
entity.name.module.js, variable.import.parameter.js, variable.other.class.js	#ec5f67	—
variable.language	#ec5f67
entity.name.method.js	#6699cc	—
meta.class-method.js entity.name.function.js, variable.function.constructor	#6699cc	—
entity.other.attribute-name	#c594c5	—
markup.inserted	#99c794	—
markup.deleted	#ec5f67	—
markup.changed	#c594c5	—
string.regexp	#5fb3b3	—
constant.character.escape	#5fb3b3	—
url, link, uri	—	underline
constant.numeric.line-number.find-in-files - match	#ab7967	—
entity.name.filename.find-in-files	#99c794	—
tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js	#BFD5DE60
source.js constant.other.object.key.js string.unquoted.label.js	#ec5f67	—
source.json meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json string.quoted.double.json - meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json string.quoted.double.json, source.json meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json punctuation.definition.string - meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json punctuation.definition.string	#ec5f67bf	—
source.json meta meta meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json string.quoted.double.json - meta meta meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json string.quoted.double.json, source.json meta meta meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json punctuation.definition.string - meta meta meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json punctuation.definition.string	#6699ccbf	—
source.json meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json string.quoted.double.json - meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json string.quoted.double.json, source.json meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json punctuation.definition.string - meta meta meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json punctuation.definition.string	#fac863bf	—
source.json meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json string.quoted.double.json - meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json string.quoted.double.json, source.json meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json punctuation.definition.string - meta meta meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json punctuation.definition.string	#c594c5bf	—
source.json meta meta meta meta meta meta meta meta.structure.dictionary.json string.quoted.double.json - meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json string.quoted.double.json, source.json meta meta meta meta meta meta meta meta.structure.dictionary.json punctuation.definition.string - meta meta meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json punctuation.definition.string	#f99157	—
source.json meta meta meta meta meta meta.structure.dictionary.json string.quoted.double.json - meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json string.quoted.double.json, source.json meta meta meta meta meta meta.structure.dictionary.json punctuation.definition.string - meta meta meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json punctuation.definition.string	#ec5f67	—
source.json meta meta meta meta.structure.dictionary.json string.quoted.double.json - meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json string.quoted.double.json, source.json meta meta meta meta.structure.dictionary.json punctuation.definition.string - meta meta meta meta.structure.dictionary.json meta.structure.dictionary.value.json punctuation.definition.string	#6699cc	—
source.json meta meta.structure.dictionary.json string.quoted.double.json - meta meta.structure.dictionary.json meta.structure.dictionary.value.json string.quoted.double.json, source.json meta meta.structure.dictionary.json punctuation.definition.string - meta meta.structure.dictionary.json meta.structure.dictionary.value.json punctuation.definition.string	#fac863	—
source.json meta.structure.dictionary.json string.quoted.double.json - meta.structure.dictionary.json meta.structure.dictionary.value.json string.quoted.double.json, source.json meta.structure.dictionary.json punctuation.definition.string - meta.structure.dictionary.json meta.structure.dictionary.value.json punctuation.definition.string	#c594c5	—
text.html.markdown, punctuation.definition.list_item.markdown	#cdd3de	—
text.html.markdown markup.inline.raw	#99c794	—
text.html.markdown meta.dummy.line-break	#ffffff50	—
markdown.heading, markup.heading \| markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown	#f07178	—
markup.italic, markup.italic string	—	italic
markup.bold, markup.bold string	—	bold
markup.underline	#99c794	underline
markup.strikethrough	—	strikethrough
markup.strike	#65737e	strikethrough
markup.quote punctuation.definition.blockquote.markdown	#ffffff16
string.other.link.title.markdown	#6699cc	—
string.other.link.description.title.markdown	#c594c5	—
constant.other.reference.link.markdown	#fac863	—
markup.raw.block	#cdd3decc	—
markup.fenced_code.block.markdown, variable.language.fenced.markdown, punctuation.section.class.end	#cdd3de	—
punctuation.definition.fenced.markdown, meta.definition.language.raw.block.fenced.markdown	#ffffff50
variable.language.fenced.markdown	#65737e
meta.separator	#BFD5DE60	bold
markup.table	#cdd3decc	—
text.html.markdown punctuation.definition, text.html.markdown.note punctuation.definition.list_item.markdown, markup.table.markdown punctuation.definition.table.vertical-line.markdown, text.html.markdown markup.checkbox.markdown	#BFD5DE60
text.html.markdown meta.disable-markdown punctuation.definition	#5fb3b3	—
punctuation.definition.list_item.todo.done	#99c794	—
punctuation.definition.list_item.todo.cancelled	#ec5f67	—
markup.checkbox.markdown markup.checkbox.checked_symbol.markdown	#99c794	—
markup.admonition.markdown string.other.admonition.title.markdown	#cdd3de	bold
markup.admonition.markdown punctuation.definition.admonition.markdown, markup.admonition.markdown punctuation.definition.heading,markup.admonition.markdown punctuation.definition.table.vertical-line, markup.admonition.markdown punctuation.definition.table.horizontal-line, markup.admonition.markdown punctuation.definition.table.alignments, markup.admonition.markdown punctuation.definition.heading, markup.admonition.markdown punctuation.definition.bold, markup.admonition.markdown punctuation.definition.italic, markup.admonition.markdown punctuation.definition.list_item, markup.admonition.markdown punctuation.definition.raw, markup.admonition.markdown markup.checkbox.markdown, markup.admonition.markdown punctuation.definition.list_item.todo.pending, markup.admonition.markdown meta.link punctuation.definition, markup.admonition.markdown meta.link.inline markup.underline.link, markup.admonition.markdown meta.link.reference.markdown constant.other.reference.link.markdown, markup.admonition.markdown punctuation.definition.entity.html, markup.admonition.markdown meta.separator.markdown, markup.admonition.markdown markup.table.markdown punctuation.definition.table.vertical-line.markdown, markup.admonition.markdown meta.definition.language.raw.block.fenced.markdown	#bb80b375	—
markup.admonition.markdown entity.name.admonition.markdown	#bb80b3	bold
markup.admonition.markdown markup.quote punctuation.definition.blockquote.markdown	#bb80b335	—
markup.admonition.markdown.hint punctuation.definition.admonition.markdown, markup.admonition.markdown.hint punctuation.definition.heading,markup.admonition.markdown.hint punctuation.definition.table.vertical-line, markup.admonition.markdown.hint punctuation.definition.table.horizontal-line, markup.admonition.markdown.hint punctuation.definition.table.alignments, markup.admonition.markdown.hint punctuation.definition.heading, markup.admonition.markdown.hint punctuation.definition.bold, markup.admonition.markdown.hint punctuation.definition.italic, markup.admonition.markdown.hint punctuation.definition.list_item, markup.admonition.markdown.hint punctuation.definition.raw, markup.admonition.markdown.hint markup.checkbox.markdown, markup.admonition.markdown.hint punctuation.definition.list_item.todo.pending, markup.admonition.markdown.hint meta.link punctuation.definition, markup.admonition.markdown.hint meta.link.inline markup.underline.link, markup.admonition.markdown.hint meta.link.reference.markdown constant.other.reference.link.markdown, markup.admonition.markdown.hint punctuation.definition.entity.html, markup.admonition.markdown.hint meta.separator.markdown, markup.admonition.markdown.hint markup.table.markdown punctuation.definition.table.vertical-line.markdown, markup.admonition.markdown.hint meta.definition.language.raw.block.fenced.markdown	#6699cc75	—
markup.admonition.markdown.hint entity.name.admonition.markdown	#6699cc	bold
markup.admonition.markdown.hint markup.quote punctuation.definition.blockquote.markdown	#6699cc35	—
markup.admonition.markdown.warning punctuation.definition.admonition.markdown, markup.admonition.markdown.warning punctuation.definition.heading,markup.admonition.markdown.warning punctuation.definition.table.vertical-line, markup.admonition.markdown.warning punctuation.definition.table.horizontal-line, markup.admonition.markdown.warning punctuation.definition.table.alignments, markup.admonition.markdown.warning punctuation.definition.heading, markup.admonition.markdown.warning punctuation.definition.bold, markup.admonition.markdown.warning punctuation.definition.italic, markup.admonition.markdown.warning punctuation.definition.list_item, markup.admonition.markdown.warning punctuation.definition.raw, markup.admonition.markdown.warning markup.checkbox.markdown, markup.admonition.markdown.warning punctuation.definition.list_item.todo.pending, markup.admonition.markdown.warning meta.link punctuation.definition, markup.admonition.markdown.warning meta.link.inline markup.underline.link, markup.admonition.markdown.warning meta.link.reference.markdown constant.other.reference.link.markdown, markup.admonition.markdown.warning punctuation.definition.entity.html, markup.admonition.markdown.warning meta.separator.markdown, markup.admonition.markdown.warning markup.table.markdown punctuation.definition.table.vertical-line.markdown, markup.admonition.markdown.warning meta.definition.language.raw.block.fenced.markdown	#fac86375	—
markup.admonition.markdown.warning entity.name.admonition.markdown	#fac863	bold
markup.admonition.markdown.danger punctuation.definition.admonition.markdown, markup.admonition.markdown.danger punctuation.definition.heading,markup.admonition.markdown.danger punctuation.definition.table.vertical-line, markup.admonition.markdown.danger punctuation.definition.table.horizontal-line, markup.admonition.markdown.danger punctuation.definition.table.alignments, markup.admonition.markdown.danger punctuation.definition.heading, markup.admonition.markdown.danger punctuation.definition.bold, markup.admonition.markdown.danger punctuation.definition.italic, markup.admonition.markdown.danger punctuation.definition.list_item, markup.admonition.markdown.danger punctuation.definition.raw, markup.admonition.markdown.danger markup.checkbox.markdown, markup.admonition.markdown.danger punctuation.definition.list_item.todo.pending, markup.admonition.markdown.danger meta.link punctuation.definition, markup.admonition.markdown.danger meta.link.inline markup.underline.link, markup.admonition.markdown.danger meta.link.reference.markdown constant.other.reference.link.markdown, markup.admonition.markdown.danger punctuation.definition.entity.html, markup.admonition.markdown.danger meta.separator.markdown, markup.admonition.markdown.danger markup.table.markdown punctuation.definition.table.vertical-line.markdown, markup.admonition.markdown.danger meta.definition.language.raw.block.fenced.markdown	#ec5f6775	—
markup.admonition.markdown.danger entity.name.admonition.markdown	#ec5f67	bold
markup.admonition.markdown.attention punctuation.definition.admonition.markdown, markup.admonition.markdown.attention punctuation.definition.heading,markup.admonition.markdown.attention punctuation.definition.table.vertical-line, markup.admonition.markdown.attention punctuation.definition.table.horizontal-line, markup.admonition.markdown.attention punctuation.definition.table.alignments, markup.admonition.markdown.attention punctuation.definition.heading, markup.admonition.markdown.attention punctuation.definition.bold, markup.admonition.markdown.attention punctuation.definition.italic, markup.admonition.markdown.attention punctuation.definition.list_item, markup.admonition.markdown.attention punctuation.definition.raw, markup.admonition.markdown.attention markup.checkbox.markdown, markup.admonition.markdown.attention punctuation.definition.list_item.todo.pending, markup.admonition.markdown.attention meta.link punctuation.definition, markup.admonition.markdown.attention meta.link.inline markup.underline.link, markup.admonition.markdown.attention meta.link.reference.markdown constant.other.reference.link.markdown, markup.admonition.markdown.attention punctuation.definition.entity.html, markup.admonition.markdown.attention meta.separator.markdown, markup.admonition.markdown.attention markup.table.markdown punctuation.definition.table.vertical-line.markdown, markup.admonition.markdown.attention meta.definition.language.raw.block.fenced.markdown	#99c79475	—
markup.admonition.markdown.attention entity.name.admonition.markdown	#99c794	bold
markup.admonition.markdown.attention markup.quote punctuation.definition.blockquote.markdown	#99c79435	—
acejump.label	#ffffff	—
sublimelinter.mark.warning	#fac863	—
sublimelinter.gutter-mark	#ffffff	—
sublimelinter.mark.error	#ec5f67	—
markup.ignored.git_gutter	#65737e	—
markup.untracked.git_gutter	#65737e	—
markup.inserted.git_gutter	#99c794	—
markup.changed.git_gutter	#fac863	—
markup.deleted.git_gutter	#ec5f67	—
brackethighlighter.default	#c594c5	—
brackethighlighter.unmatched	#ec5f67	—
brackethighlighter.curly	#bb80b3	—
brackethighlighter.round	#fac863	—
brackethighlighter.square	#6699cc	—
brackethighlighter.angle	#f99157	—
brackethighlighter.tag	#5fb3b3	—
brackethighlighter.quote	#99c794	—
token.info-token	#6796e6	—
token.warn-token	#cd9731	—
token.error-token	#f44747	—
token.debug-token	#b267e6	—
keyword.control.export, keyword.control.default, keyword.import, meta.import, entity.name.function.operator	#99dc9e	—

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