EyeHealth

Name: EyeHealth
Author: Jonathan Hildenbrand

Publisher: Jonathan HildenbrandThemes in package: 1

Eye health protection dark theme for Visual Studio Code

Open in VS Code GitHub

VS Code preview

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

EyeHealth — EyeHealth Dark

fetchUser.ts

index.ts

README.md

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#d6d6d633
activityBar.activeBorder#8cc152
activityBar.activeFocusBorder#8cc152
activityBar.background#535353
activityBar.dropBorder#8cc152
activityBar.foreground#d6d6d6
activityBar.inactiveForeground#989898
activityBarBadge.background#8cc152
activityBarBadge.foreground#424242
badge.background#8cc152
badge.foreground#424242
breadcrumb.activeSelectionForeground#8cc152
breadcrumb.background#535353
breadcrumb.focusForeground#8cc152
breadcrumb.foreground#d6d6d6
breadcrumbPicker.background#424242
button.background#8cc152
button.foreground#000000
button.hoverBackground#8cc152
button.secondaryBackground#d6d6d633
button.secondaryForeground#d6d6d6
button.secondaryHoverBackground#d6d6d644
checkbox.background#454545
checkbox.border#666666
checkbox.foreground#8cc152
debugConsole.errorForeground#ff4d4f
debugConsole.infoForeground#69c0ff
debugConsole.sourceForeground#52c41a
debugConsole.warningForeground#faad14
debugConsoleInputIcon.foreground#d6d6d6
debugExceptionWidget.background#660e1b
debugExceptionWidget.border#b32430
debugIcon.breakpointCurrentStackframeForeground#ffb74d
debugIcon.breakpointDisabledForeground#888888
debugIcon.breakpointForeground#c
debugIcon.breakpointStackframeForeground#a0d468
debugIcon.breakpointUnverifiedForeground#999999
debugIcon.continueForeground#69c0ff
debugIcon.disconnectForeground#ff4d4f
debugIcon.pauseForeground#69c0ff
debugIcon.restartForeground#52c41a
debugIcon.startForeground#52c41a
debugIcon.stepBackForeground#69c0ff
debugIcon.stepIntoForeground#69c0ff
debugIcon.stepOutForeground#69c0ff
debugIcon.stepOverForeground#69c0ff
debugIcon.stopForeground#ff4d4f
debugTokenExpression.boolean#ed5565
debugTokenExpression.error#fc6e51
debugTokenExpression.name#d9b6ac
debugTokenExpression.number#ed5565
debugTokenExpression.string#ffb74d
debugTokenExpression.value#ffb74d
debugToolBar.background#424242
debugToolBar.border#424242
debugView.exceptionLabelBackground#fc6e51
debugView.exceptionLabelForeground#000000
debugView.stateLabelBackground#8cc152
debugView.stateLabelForeground#000000
debugView.valueChangedHighlight#00b5e9
descriptionForeground#aaaaaa
diffEditor.border#383838
diffEditor.diagonalFill#88888899
diffEditor.insertedTextBackground#bede0b22
diffEditor.insertedTextBorder#bede0b22
diffEditor.removedTextBackground#faa68522
diffEditor.removedTextBorder#faa68522
dropdown.background#454545
dropdown.border#666666
dropdown.foreground#f0f0f0
dropdown.listBackground#454545
editor.background#424242
editor.findMatchBackground#ffb74d55
editor.findMatchBorder#ffb74d99
editor.findMatchHighlightBackground#ffb74d22
editor.findMatchHighlightBorder#ffb74d66
editor.findRangeHighlightBackground#ffb74d22
editor.findRangeHighlightBorder#00000000
editor.focusedStackFrameHighlightBackground#d6d6d633
editor.foldBackground#d6d6d622
editor.foreground#ffffff
editor.hoverHighlightBackground#d6d6d633
editor.inactiveSelectionBackground#d6d6d611
editor.lineHighlightBackground#d6d6d622
editor.lineHighlightBorder#00000000
editor.rangeHighlightBackground#ffb74d22
editor.rangeHighlightBorder#00000000
editor.selectionBackground#d6d6d633
editor.selectionForeground#d6d6d6
editor.selectionHighlightBackground#d6d6d622
editor.snippetFinalTabstopHighlightBackground#00000000
editor.snippetFinalTabstopHighlightBorder#8cc152
editor.snippetTabstopHighlightBackground#00000000
editor.snippetTabstopHighlightBorder#00b5e9
editor.stackFrameHighlightBackground#d6d6d622
editor.symbolHighlightBackground#ffb74d22
editor.symbolHighlightBorder#00000000
editor.wordHighlightBackground#d6d6d622
editor.wordHighlightStrongBackground#ac92ec22
editor.wordHighlightStrongBorder#ac92ec66
editorBracketMatch.border#d6d6d666
editorCodeLens.foreground#d6d6d6
editorCursor.foreground#f0f0f0
editorError.border#faa685
editorError.foreground#fddacc
editorGroup.dropBackground#00000099
editorGroup.emptyBackground#535353
editorGroupHeader.noTabsBackground#424242
editorGroupHeader.tabsBackground#424242
editorGutter.addedBackground#bede0b
editorGutter.background#484848
editorGutter.commentRangeForeground#888888
editorGutter.deletedBackground#faa685
editorGutter.foldingControlForeground#d6d6d6
editorGutter.modifiedBackground#00b5e9
editorHint.border#bede0b
editorHint.foreground#e4eeaa
editorHoverWidget.background#424242
editorHoverWidget.border#383838
editorHoverWidget.foreground#d6d6d6
editorHoverWidget.statusBarBackground#535353
editorIndentGuide.activeBackground#ffb74d
editorIndentGuide.background#88888899
editorInfo.border#84cef8
editorInfo.foreground#d9f0fd
editorLightBulb.foreground#ffb74d
editorLightBulbAutoFix.foreground#a0d468
editorLineNumber.activeForeground#d6d6d6
editorLineNumber.foreground#999999
editorLink.activeForeground#8cc152
editorMarkerNavigation.background#424242
editorMarkerNavigationError.background#ff4d4f
editorMarkerNavigationInfo.background#69c0ff
editorMarkerNavigationWarning.background#faad14
editorOverviewRuler.addedForeground#bede0b
editorOverviewRuler.background#424242
editorOverviewRuler.border#383838
editorOverviewRuler.bracketMatchForeground#f35800
editorOverviewRuler.commonContentForeground#99999999
editorOverviewRuler.currentContentForeground#8cc15299
editorOverviewRuler.deletedForeground#faa685
editorOverviewRuler.errorForeground#fc6e51
editorOverviewRuler.findMatchForeground#ffb74d99
editorOverviewRuler.incomingContentForeground#00b5e999
editorOverviewRuler.infoForeground#84cef8
editorOverviewRuler.modifiedForeground#00b5e9
editorOverviewRuler.rangeHighlightForeground#ffb74d66
editorOverviewRuler.selectionHighlightForeground#d6d6d699
editorOverviewRuler.warningForeground#f7d82a
editorOverviewRuler.wordHighlightForeground#ec87c099
editorOverviewRuler.wordHighlightStrongForeground#ac92ec99
editorPane.background#535353
editorRuler.foreground#38383899
editorSuggestWidget.background#424242
editorSuggestWidget.border#383838
editorSuggestWidget.foreground#d6d6d6
editorSuggestWidget.highlightForeground#8cc152
editorSuggestWidget.selectedBackground#d6d6d633
editorUnnecessaryCode.border#999999
editorUnnecessaryCode.opacity#00000099
editorWarning.border#f7d82a
editorWarning.foreground#fdf3bd
editorWhitespace.foreground#888888
editorWidget.background#535353
editorWidget.border#8cc152
editorWidget.foreground#d6d6d6
editorWidget.resizeBorder#8cc152
errorForeground#fc6e51
extensionBadge.remoteBackground#8cc152
extensionBadge.remoteForeground#000000
extensionButton.prominentBackground#8cc152
extensionButton.prominentForeground#000000
extensionButton.prominentHoverBackground#f35800
focusBorder#ffb74d
foreground#f0f0f0
gitDecoration.addedResourceForeground#52c41a
gitDecoration.conflictingResourceForeground#ac92ec
gitDecoration.deletedResourceForeground#ff4d4f
gitDecoration.ignoredResourceForeground#888888
gitDecoration.modifiedResourceForeground#69c0ff
gitDecoration.submoduleResourceForeground#ec87c0
gitDecoration.untrackedResourceForeground#faad14
icon.foreground#d6d6d6
imagePreview.border#666666
input.background#454545
input.border#666666
input.foreground#f0f0f0
input.placeholderForeground#666666
inputOption.activeBackground#e4eeaa
inputOption.activeBorder#bede0b
inputOption.activeForeground#809507
inputValidation.errorBackground#fddacc
inputValidation.errorBorder#faa685
inputValidation.errorForeground#a64515
inputValidation.infoBackground#d9f0fd
inputValidation.infoBorder#84cef8
inputValidation.infoForeground#458eb8
inputValidation.warningBackground#fdf3bd
inputValidation.warningBorder#f7d82a
inputValidation.warningForeground#9e880b
list.activeSelectionBackground#d6d6d633
list.activeSelectionForeground#d6d6d6
list.deemphasizedForeground#666666
list.dropBackground#999999cc
list.errorForeground#ff4d4f
list.filterMatchBackground#99999966
list.filterMatchBorder#ffb74d
list.focusBackground#d6d6d633
list.focusForeground#d6d6d6
list.highlightForeground#f35800
list.hoverBackground#d6d6d622
list.hoverForeground#d6d6d6
list.inactiveFocusBackground#d6d6d633
list.inactiveSelectionBackground#d6d6d633
list.inactiveSelectionForeground#d6d6d6
list.invalidItemForeground#fc6e51
list.warningForeground#faad14
listFilterWidget.background#535353
listFilterWidget.noMatchesOutline#fc6e51
listFilterWidget.outline#ffb74d
menu.background#535353
menu.border#535353
menu.foreground#d6d6d6
menu.selectionBackground#424242
menu.selectionForeground#d6d6d6
menu.separatorBackground#383838
menubar.selectionBackground#424242
menubar.selectionForeground#d6d6d6
merge.border#383838
merge.commonContentBackground#99999933
merge.commonHeaderBackground#99999966
merge.currentContentBackground#8cc15233
merge.currentHeaderBackground#8cc15266
merge.incomingContentBackground#00b5e933
merge.incomingHeaderBackground#00b5e966
minimap.background#484848
minimap.errorHighlight#faa685
minimap.findMatchHighlight#ffb74d
minimap.selectionHighlight#d6d6d6
minimap.warningHighlight#f7d82a
minimapGutter.addedBackground#bede0b
minimapGutter.deletedBackground#faa685
minimapGutter.modifiedBackground#84cef8
minimapSlider.activeBackground#23d8de99
minimapSlider.background#42424299
minimapSlider.hoverBackground#8cc15299
notebook.cellBorderColor#383838
notebook.cellHoverBackground#d6d6d622
notebook.cellInsertionIndicator#8cc152
notebook.cellStatusBarItemHoverBackground#d6d6d666
notebook.focusedCellBackground#d6d6d633
notebook.focusedCellBorder#ffb74d
notebook.focusedEditorBorder#ffb74d
notebook.outputContainerBackgroundColor#424242
notebookScrollbarSlider.activeBackground#23d8de99
notebookScrollbarSlider.background#66666699
notebookScrollbarSlider.hoverBackground#8cc15299
notebookStatusErrorIcon.foreground#ff4d4f
notebookStatusRunningIcon.foreground#69c0ff
notebookStatusSuccessIcon.foreground#52c41a
notificationCenter.border#383838
notificationCenterHeader.background#424242
notificationCenterHeader.foreground#d6d6d6
notificationLink.foreground#f35800
notifications.background#535353
notifications.border#383838
notifications.foreground#d6d6d6
notificationsErrorIcon.foreground#ff4d4f
notificationsInfoIcon.foreground#69c0ff
notificationsWarningIcon.foreground#faad14
notificationToast.border#383838
panel.background#424242
panel.border#383838
panel.dropBorder#8cc152
panelInput.border#666666
panelSection.border#383838
panelSection.dropBackground#00000099
panelSectionHeader.background#424242
panelSectionHeader.border#383838
panelSectionHeader.foreground#d6d6d6
panelTitle.activeBorder#8cc152
panelTitle.activeForeground#d6d6d6
panelTitle.inactiveForeground#989898
peekView.border#383838
peekViewEditor.background#434a54
peekViewEditor.matchHighlightBackground#ffb74d22
peekViewEditor.matchHighlightBorder#ffb74d66
peekViewEditorGutter.background#434a54
peekViewResult.background#656d78
peekViewResult.fileForeground#d6d6d6
peekViewResult.lineForeground#d6d6d699
peekViewResult.matchHighlightBackground#ffb74d22
peekViewResult.selectionBackground#d6d6d633
peekViewResult.selectionForeground#d6d6d6
peekViewTitle.background#38383833
peekViewTitleDescription.foreground#d6d6d6
peekViewTitleLabel.foreground#d6d6d6
pickerGroup.border#383838
pickerGroup.foreground#d6d6d6
problemsErrorIcon.foreground#ff4d4f
problemsInfoIcon.foreground#69c0ff
problemsWarningIcon.foreground#faad14
progressBar.background#8cc152
quickInput.background#535353
quickInput.foreground#d6d6d6
quickInputTitle.background#424242
scm.providerBorder#383838
scrollbar.shadow#38383899
scrollbarSlider.activeBackground#23d8de99
scrollbarSlider.background#66666699
scrollbarSlider.hoverBackground#8cc15299
searchEditor.findMatchBackground#8cc15222
searchEditor.findMatchBorder#8cc15266
searchEditor.textInputBorder#8cc152
selection.background#cccccc
settings.checkboxBackground#454545
settings.checkboxBorder#666666
settings.checkboxForeground#8cc152
settings.dropdownBackground#454545
settings.dropdownBorder#666666
settings.dropdownForeground#f0f0f0
settings.dropdownListBorder#666666
settings.headerForeground#d6d6d6
settings.modifiedItemIndicator#00b5e9
settings.numberInputBackground#454545
settings.numberInputBorder#666666
settings.numberInputForeground#f0f0f0
settings.textInputBackground#454545
settings.textInputBorder#666666
settings.textInputForeground#f0f0f0
sideBar.background#424242
sideBar.border#44444411
sideBar.dropBackground#00000099
sideBar.foreground#d6d6d6
sideBarSectionHeader.background#535353
sideBarSectionHeader.foreground#d6d6d6
sideBarTitle.foreground#d6d6d6
statusBar.background#8cc152
statusBar.debuggingBackground#5ec2fc
statusBar.debuggingForeground#000000
statusBar.foreground#000000
statusBar.noFolderBackground#d6d6d6
statusBar.noFolderBorder#d6d6d6
statusBar.noFolderForeground#000000
statusBarItem.activeBackground#00000055
statusBarItem.hoverBackground#00000022
statusBarItem.prominentBackground#00000033
statusBarItem.prominentForeground#000000
statusBarItem.prominentHoverBackground#00000011
statusBarItem.remoteBackground#f35800
statusBarItem.remoteForeground#000000
symbolIcon.arrayForeground#ccd1d9
symbolIcon.booleanForeground#ed5565
symbolIcon.classForeground#48cfad
symbolIcon.colorForeground#ed5565
symbolIcon.constantForeground#ed5565
symbolIcon.constructorForeground#5d9cec
symbolIcon.enumeratorForeground#5d9cec
symbolIcon.eventForeground#ac92ec
symbolIcon.fieldForeground#4fc1e9
symbolIcon.fileForeground#f5f7fa
symbolIcon.folderForeground#f5f7fa
symbolIcon.functionForeground#ac92ec
symbolIcon.interfaceForeground#ec87c0
symbolIcon.keyForeground#d9b6ac
symbolIcon.keywordForeground#a0d468
symbolIcon.methodForeground#ac92ec
symbolIcon.moduleForeground#a0d468
symbolIcon.namespaceForeground#ec87c0
symbolIcon.nullForeground#ed5565
symbolIcon.numberForeground#ed5565
symbolIcon.objectForeground#ccd1d9
symbolIcon.operatorForeground#ccd1d9
symbolIcon.packageForeground#a0d468
symbolIcon.propertyForeground#d9b6ac
symbolIcon.referenceForeground#ffce54
symbolIcon.snippetForeground#ffce54
symbolIcon.stringForeground#ffb74d
symbolIcon.structForeground#5d9cec
symbolIcon.textForeground#f5f7fa
symbolIcon.typeParameterForeground#ec87c0
symbolIcon.unitForeground#a0d468
symbolIcon.variableForeground#48cfad
tab.activeBackground#535353
tab.activeBorder#535353
tab.activeForeground#d6d6d6
tab.border#00000033
tab.hoverBackground#535353
tab.hoverForeground#d6d6d6
tab.inactiveBackground#424242
tab.inactiveForeground#989898
tab.inactiveModifiedBorder#84cef8
tab.unfocusedActiveBackground#535353
tab.unfocusedActiveForeground#d6d6d699
tab.unfocusedActiveModifiedBorder#00b5e999
tab.unfocusedHoverBackground#535353
tab.unfocusedHoverForeground#d6d6d6
tab.unfocusedInactiveBackground#424242
tab.unfocusedInactiveForeground#98989899
tab.unfocusedInactiveModifiedBorder#84cef899
terminal.ansiBlack#e6e9ed
terminal.ansiBlue#4a89dc
terminal.ansiBrightBlack#f5f7fa
terminal.ansiBrightBlue#5d9cec
terminal.ansiBrightCyan#4fc1e9
terminal.ansiBrightGreen#48cfad
terminal.ansiBrightMagenta#ec87c0
terminal.ansiBrightRed#ed5565
terminal.ansiBrightWhite#a0d468
terminal.ansiBrightYellow#ffb74d
terminal.ansiCyan#3bafda
terminal.ansiGreen#37bc9b
terminal.ansiMagenta#d770ad
terminal.ansiRed#da4453
terminal.ansiWhite#8cc152
terminal.ansiYellow#ff9800
terminal.background#424242
terminal.foreground#d6d6d6
terminal.selectionBackground#ffffff22
terminalCursor.background#000000
terminalCursor.foreground#f0f0f0
textBlockQuote.background#656d78
textBlockQuote.border#aab2bd
textCodeBlock.background#535353
textLink.activeForeground#8cc152
textLink.foreground#8cc152
textPreformat.foreground#00b5e9
textSeparator.foreground#383838
titleBar.activeBackground#535353
titleBar.activeForeground#d6d6d6
titleBar.border#00000033
titleBar.inactiveBackground#424242
titleBar.inactiveForeground#989898
tree.indentGuidesStroke#666666
walkThrough.embeddedEditorBackground#424242
welcomePage.background#535353
welcomePage.buttonBackground#d6d6d633
welcomePage.buttonHoverBackground#d6d6d622
widget.shadow#11111166
window.activeBorder#383838
window.inactiveBorder#383838cc

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
keyword, support.type, punctuation.definition.heading.markdown	#a0d468	—
keyword.control.directive, meta.preprocessor	#77b337	—
comment, punctuation.definition.comment	#888888	—
constant, constant.numeric, keyword.other.unit, constant.character.escape, support.other.escape.special	#ed5565	—
string	#ffb74d	—
variable, meta.function-call	#ffffff	—
	#7df8f8	—
entity.name.type.class, entity.other.inherited-class	#ec87c0	—
entity.name.function	#ac92ec	—
support.function.builtin	#ac92ec	italic
	#d6d6d6	—
storage.type	#89d4f0	—
keyword.operator, punctuation, punctuation.separator, punctuation.definition.string.begin, punctuation.definition.string.end, punctuation.definition.tag.begin, punctuation.definition.tag.end	#ffce54	—
meta.object-literal.key, entity.other.attribute-name	#a0d468	—
entity.name.tag	#4fc1e9	—
strong, entity.name.section, markup.heading, punctuation.definition.heading.markdown, markup.bold	—	bold
support.type, storage, emphasis, string.regexp, markup.italic, entity.other.inherited-class	—	italic
text.html.markdown, punctuation.definition.list_item.markdown	#EEFFFF	—
text.html.markdown markup.inline.raw.markdown	#C792EA	—
text.html.markdown markup.inline.raw.markdown punctuation.definition.raw.markdown	#65737E	—
markdown.heading, markup.heading markup.heading entity.name, markup.heading.markdown punctuation.definition.heading.markdown	#a0d468	bold
markup.italic	—	italic
markup.bold, markup.bold string	—	bold
markup.bold markup.italic, markup.italic markup.bold, markup.quote markup.bold, markup.bold markup.italic string, markup.italic markup.bold string, markup.quote markup.bold string	—	bold italic
markup.underline	—	underline
markup.quote punctuation.definition.blockquote.markdown	#65737E	—
markup.quote	—	italic
string.other.link.title.markdown	#82AAFF	—
string.other.link.description.title.markdown	#C792EA	—
constant.other.reference.link.markdown	#FFCB6B	—
markup.raw.block	#C792EA	—
markup.raw.block.fenced.markdown	#00000050	—
punctuation.definition.fenced.markdown	#00000050	—
markup.raw.block.fenced.markdown, variable.language.fenced.markdown, punctuation.section.class.end	#EEFFFF	—
variable.language.fenced.markdown	#65737E	—
meta.separator	#65737E	bold
markup.table	#EEFFFF	—
source.json meta.structure.dictionary.json support.type.property-name.json	#C792EA	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#FFCB6B	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#F78C6C	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#FF5370	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#C17E70	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#82AAFF	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#f07178	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#C792EA	—
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json	#C3E88D	—

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