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 Brand

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.activeBackground#C9644229
activityBar.activeBorder#C96442
activityBar.activeFocusBorder#C96442
activityBar.background#1A1917
activityBar.border#4A473F
activityBar.foreground#EAE7DF
activityBar.inactiveForeground#6B665F
activityBarBadge.background#AE4E30
activityBarBadge.foreground#1A1917
activityBarTop.activeBorder#C96442
activityBarTop.dropBorder#C96442
activityBarTop.foreground#EAE7DF
badge.background#2B2A27
badge.foreground#EAE7DF
breadcrumb.activeSelectionForeground#EAE7DF
breadcrumb.background#141413
breadcrumb.focusForeground#C96442
breadcrumb.foreground#6B665F
button.background#AE4E30
button.border#6B665Fbf
button.foreground#1A1917
button.hoverBackground#9E452F
button.secondaryBackground#2B2A27
button.secondaryBorder#4A473F
button.secondaryForeground#EAE7DF
button.secondaryHoverBackground#262420
chat.avatarBackground#C96442
chat.linesAddedForeground#9ACA86
chat.linesRemovedForeground#D47563
chat.requestBackground#1A1917
chat.requestBorder#4A473F
chat.requestBubbleBackground#C964421f
chat.slashCommandBackground#61AAF21f
checkbox.background#1F1D1A
checkbox.border#4A473F
checkbox.foreground#EAE7DF
commandCenter.activeBackground#C9644229
commandCenter.activeBorder#C96442
commandCenter.background#C964421f
commandCenter.border#4A473F
commandCenter.foreground#EAE7DF
contrastActiveBorder#00000000
contrastBorder#00000000
debugExceptionWidget.background#D475631f
debugTokenExpression.name#EAE7DF
debugToolBar.background#1A1917
descriptionForeground#A9A39A
diffEditor.diagonalFill#6B665F26
diffEditor.insertedLineBackground#9ACA861f
diffEditor.insertedTextBackground#9ACA8629
diffEditor.removedLineBackground#D475631f
diffEditor.removedTextBackground#D4756329
disabledForeground#6B665F
dropdown.background#1F1D1A
dropdown.border#4A473F
dropdown.foreground#EAE7DF
dropdown.listBackground#1F1D1A
editor.background#141413
editor.findMatchBackground#F4DC9042
editor.findMatchBorder#F4DC90
editor.findMatchHighlightBackground#F4DC9029
editor.findMatchHighlightBorder#F4DC90b3
editor.findRangeHighlightBackground#F4DC901f
editor.focusedStackFrameHighlightBackground#E8C96B29
editor.foreground#EAE7DF
editor.hoverHighlightBackground#C964421f
editor.inactiveSelectionBackground#C9644229
editor.lineHighlightBackground#C964421f
editor.lineHighlightBorder#00000000
editor.linkedEditingBackground#61AAF21f
editor.rangeHighlightBackground#C964421f
editor.selectionBackground#C9644242
editor.selectionForeground#EAE7DF
editor.selectionHighlightBackground#C9644229
editor.selectionHighlightBorder#C96442b3
editor.stackFrameHighlightBackground#E8C96B1f
editor.wordHighlightBackground#C9644229
editor.wordHighlightStrongBackground#C9644242
editorBracketHighlight.foreground1#E2A48B
editorBracketHighlight.foreground2#FFC1A6
editorBracketHighlight.foreground3#F4DC90
editorBracketHighlight.foreground4#B5E6A0
editorBracketHighlight.foreground5#61AAF2
editorBracketHighlight.foreground6#FFB19D
editorBracketHighlight.unexpectedBracket.foreground#D47563
editorBracketMatch.background#C9644229
editorBracketMatch.border#C96442
editorCursor.foreground#C96442
editorError.foreground#D47563
editorGhostText.background#00000000
editorGhostText.foreground#A9A39Acc
editorGroup.border#4A473F
editorGroup.dropBackground#C9644229
editorGroupHeader.noTabsBackground#1A1917
editorGroupHeader.tabsBackground#1A1917
editorGroupHeader.tabsBorder#4A473F
editorGutter.addedBackground#9ACA86
editorGutter.background#141413
editorGutter.deletedBackground#D47563
editorGutter.foldingControlForeground#6B665F
editorGutter.modifiedBackground#E8C96B
editorHint.foreground#9ACA86
editorHoverWidget.background#1F1D1A
editorHoverWidget.border#4A473F
editorHoverWidget.foreground#EAE7DF
editorHoverWidget.statusBarBackground#2B2A27
editorIndentGuide.activeBackground1#6B665Fa6
editorIndentGuide.background1#6B665F59
editorInfo.foreground#61AAF2
editorInlayHint.background#2B2A27d9
editorInlayHint.foreground#A9A39A
editorInlayHint.parameterBackground#F0CDBA1f
editorInlayHint.parameterForeground#F0CDBA
editorInlayHint.typeBackground#AFCCF81f
editorInlayHint.typeForeground#AFCCF8
editorLineNumber.activeForeground#A9A39A
editorLineNumber.dimmedForeground#6B665Fa6
editorLineNumber.foreground#6B665F
editorMultiCursor.primary.background#C96442
editorMultiCursor.primary.foreground#141413
editorMultiCursor.secondary.background#61AAF2
editorMultiCursor.secondary.foreground#141413
editorOverviewRuler.addedForeground#9ACA86d9
editorOverviewRuler.bracketMatchForeground#C96442d9
editorOverviewRuler.deletedForeground#D47563d9
editorOverviewRuler.errorForeground#D47563d9
editorOverviewRuler.findMatchForeground#F4DC90e6
editorOverviewRuler.infoForeground#61AAF2d9
editorOverviewRuler.modifiedForeground#E8C96Bd9
editorOverviewRuler.warningForeground#E8C96Bd9
editorRuler.foreground#6B665F66
editorStickyScroll.background#141413
editorStickyScrollHover.background#C964421f
editorSuggestWidget.background#1F1D1A
editorSuggestWidget.border#4A473F
editorSuggestWidget.foreground#EAE7DF
editorSuggestWidget.highlightForeground#C96442
editorSuggestWidget.selectedBackground#C9644229
editorSuggestWidget.selectedForeground#EAE7DF
editorUnicodeHighlight.background#E8C96B1f
editorUnicodeHighlight.border#E8C96B
editorWarning.foreground#E8C96B
editorWhitespace.foreground#6B665F8c
editorWidget.background#1F1D1A
editorWidget.border#4A473F
editorWidget.foreground#EAE7DF
editorWidget.resizeBorder#C96442
errorForeground#D47563
focusBorder#C96442
foreground#EAE7DF
gitDecoration.addedResourceForeground#9ACA86
gitDecoration.conflictingResourceForeground#E8C96B
gitDecoration.deletedResourceForeground#D47563
gitDecoration.ignoredResourceForeground#6B665F
gitDecoration.modifiedResourceForeground#E8C96B
gitDecoration.untrackedResourceForeground#9ACA86
icon.foreground#A9A39A
inlineChat.background#1F1D1A
inlineChat.border#4A473F
inlineChatDiff.inserted#9ACA861f
inlineChatDiff.removed#D475631f
inlineChatInput.background#1A1917
inlineChatInput.border#4A473F
input.background#1F1D1A
input.border#4A473F
input.foreground#EAE7DF
input.placeholderForeground#6B665F
inputOption.activeBackground#C9644229
inputOption.activeBorder#C96442
inputOption.activeForeground#EAE7DF
inputOption.hoverBackground#C964421f
inputValidation.errorBackground#D475631f
inputValidation.errorBorder#D47563
inputValidation.errorForeground#D47563
inputValidation.infoBackground#61AAF21f
inputValidation.infoBorder#61AAF2
inputValidation.infoForeground#61AAF2
inputValidation.warningBackground#E8C96B1f
inputValidation.warningBorder#E8C96B
inputValidation.warningForeground#E8C96B
interactive.activeCodeBorder#C96442
interactive.inactiveCodeBorder#4A473F
list.activeSelectionBackground#C9644229
list.activeSelectionForeground#EAE7DF
list.activeSelectionIconForeground#C96442
list.dropBackground#C9644229
list.errorForeground#D47563
list.filterMatchBackground#F4DC901f
list.filterMatchBorder#F4DC90
list.focusAndSelectionOutline#C96442
list.focusBackground#C9644229
list.focusForeground#EAE7DF
list.focusOutline#C96442
list.highlightForeground#C96442
list.hoverBackground#C964421f
list.hoverForeground#EAE7DF
list.inactiveFocusOutline#C96442a6
list.inactiveSelectionBackground#C964421f
list.inactiveSelectionForeground#EAE7DF
list.inactiveSelectionIconForeground#C96442
list.warningForeground#E8C96B
menu.background#1F1D1A
menu.foreground#EAE7DF
menu.selectionBackground#C9644229
menu.selectionBorder#C96442b3
menu.selectionForeground#EAE7DF
menu.separatorBackground#4A473F
mergeEditor.change.word.background#F4DC901f
mergeEditor.conflict.input1.background#61AAF21f
mergeEditor.conflict.input2.background#E8C96B1f
mergeEditor.conflict.unhandledFocused.border#E8C96B
minimap.background#141413
minimap.errorHighlight#D47563
minimap.findMatchHighlight#F4DC90
minimap.selectionHighlight#C96442
minimap.warningHighlight#E8C96B
minimapSlider.activeBackground#C9644242
minimapSlider.background#C964421f
minimapSlider.hoverBackground#C9644229
notebook.cellBorderColor#4A473F
notebook.cellHoverBackground#C964421f
notebookStatusErrorIcon.foreground#D47563
notebookStatusSuccessIcon.foreground#9ACA86
notificationCenterHeader.background#2B2A27
notificationCenterHeader.foreground#EAE7DF
notificationLink.foreground#C96442
notifications.background#1F1D1A
notifications.border#4A473F
notifications.foreground#EAE7DF
notificationsErrorIcon.foreground#D47563
notificationsInfoIcon.foreground#61AAF2
notificationsWarningIcon.foreground#E8C96B
notificationToast.background#1F1D1A
panel.background#1A1917
panel.border#4A473F
panel.dropBorder#C96442
panelInput.border#4A473F
panelSection.border#4A473F
panelSection.dropBackground#C964421f
panelSectionHeader.background#1A1917
panelTitle.activeBorder#C96442
panelTitle.activeForeground#EAE7DF
panelTitle.inactiveForeground#6B665F
peekView.border#6B665F
peekViewEditor.background#141413
peekViewEditor.matchHighlightBackground#F4DC901f
peekViewEditor.matchHighlightBorder#F4DC90bf
peekViewEditorGutter.background#1A1917
peekViewResult.background#1A1917
peekViewResult.matchHighlightBackground#F4DC9029
peekViewResult.selectionBackground#C9644229
peekViewResult.selectionForeground#EAE7DF
peekViewTitle.background#2B2A27
peekViewTitleDescription.foreground#A9A39A
peekViewTitleLabel.foreground#EAE7DF
problemsErrorIcon.foreground#D47563
problemsInfoIcon.foreground#61AAF2
problemsWarningIcon.foreground#E8C96B
progressBar.background#AE4E30
radio.activeForeground#C96442
sash.hoverBorder#C96442
scrollbar.background#141413
scrollbar.shadow#00000066
scrollbarSlider.activeBackground#A9A39A7a
scrollbarSlider.background#6B665F38
scrollbarSlider.hoverBackground#A9A39A57
selection.background#C9644229
settings.checkboxBackground#1F1D1A
settings.checkboxBorder#4A473F
settings.dropdownBackground#1F1D1A
settings.dropdownBorder#4A473F
settings.dropdownForeground#EAE7DF
settings.headerForeground#EAE7DF
settings.modifiedItemIndicator#C96442
settings.numberInputBackground#1F1D1A
settings.numberInputBorder#4A473F
settings.numberInputForeground#EAE7DF
settings.textInputBackground#1F1D1A
settings.textInputBorder#4A473F
settings.textInputForeground#EAE7DF
sideBar.background#1A1917
sideBar.border#4A473F
sideBar.dropBackground#C964421f
sideBar.foreground#A9A39A
sideBarSectionHeader.background#1A1917
sideBarSectionHeader.border#4A473F
sideBarSectionHeader.foreground#EAE7DF
sideBarTitle.foreground#A9A39A
statusBar.background#AE4E30
statusBar.border#8F3C2D
statusBar.debuggingBackground#F4DC90
statusBar.debuggingForeground#141413
statusBar.focusBorder#C96442
statusBar.foreground#1A1917
statusBar.noFolderBackground#AE4E30
statusBarItem.errorBackground#D47563
statusBarItem.hoverBackground#1A19172e
statusBarItem.prominentBackground#C9644229
statusBarItem.prominentHoverBackground#C9644242
statusBarItem.remoteBackground#8F3C2D
statusBarItem.remoteForeground#1A1917
statusBarItem.warningBackground#E8C96B
tab.activeBackground#141413
tab.activeBorder#C96442
tab.activeBorderTop#C96442
tab.activeForeground#EAE7DF
tab.activeModifiedBorder#E8C96B
tab.border#4A473F
tab.inactiveBackground#1A1917
tab.inactiveForeground#6B665F
tab.inactiveModifiedBorder#E8C96B
tab.lastPinnedBorder#4A473F
tab.selectedBorderTop#C96442
tab.selectedForeground#EAE7DF
tab.unfocusedActiveBorder#C9644280
tab.unfocusedActiveBorderTop#C9644280
tab.unfocusedInactiveModifiedBorder#E8C96B99
terminal.ansiBlack#1A1917
terminal.ansiBlue#61AAF2
terminal.ansiBrightBlack#6B665F
terminal.ansiBrightBlue#A2D2FF
terminal.ansiBrightCyan#BDE0FF
terminal.ansiBrightGreen#B6E0A5
terminal.ansiBrightMagenta#C9BCFF
terminal.ansiBrightRed#F09884
terminal.ansiBrightWhite#F5F2E9
terminal.ansiBrightYellow#F2D98F
terminal.ansiCyan#8CC4FF
terminal.ansiGreen#9ACA86
terminal.ansiMagenta#9B87F5
terminal.ansiRed#D47563
terminal.ansiWhite#D9D5CC
terminal.ansiYellow#E8C96B
terminal.background#141413
terminal.border#4A473F
terminal.dropBackground#C9644229
terminal.foreground#EAE7DF
terminal.selectionBackground#C9644242
terminal.selectionForeground#EAE7DF
terminal.tab.activeBorder#C96442
terminalCommandDecoration.defaultBackground#61AAF280
terminalCommandDecoration.errorBackground#D4756399
terminalCommandDecoration.successBackground#9ACA868c
terminalCursor.background#141413
terminalCursor.foreground#C96442
terminalOverviewRuler.cursorForeground#C96442d9
terminalStickyScroll.background#1A1917
terminalStickyScrollHover.background#C964421f
testing.coveredBackground#9ACA861f
testing.iconErrored#D47563
testing.iconFailed#D47563
testing.iconPassed#9ACA86
testing.peekBorder#6B665F
testing.runAction#C96442
textBlockQuote.background#1A1917
textBlockQuote.border#4A473F
textCodeBlock.background#1A1917
textLink.activeForeground#BF5A39
textLink.foreground#C96442
textPreformat.foreground#A9A39A
titleBar.activeBackground#1A1917
titleBar.activeForeground#A9A39A
titleBar.border#4A473F
titleBar.inactiveBackground#1A1917
titleBar.inactiveForeground#6B665F
widget.border#4A473F
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	#B8AFA3
keyword, storage, storage.modifier, storage.type, keyword.control, keyword.operator.word	#E2A48B	bold
keyword.operator, punctuation.separator, punctuation.accessor, punctuation.terminator	#E2D8CC	—
variable, variable.other.readwrite	#EAE7DF	—
constant, variable.other.constant, entity.name.constant, constant.language	#FFB19D	—
string, string.quoted, string.template	#B5E6A0	—
constant.character.escape, constant.other.placeholder	#9B87F5	—
constant.numeric, constant.language.boolean	#F4DC90	—
entity.name.function, support.function, variable.function, meta.function-call	#FFC1A6	—
entity.name.type, entity.name.class, support.type, support.class, entity.other.inherited-class	#AFCCF8
entity.name.namespace, entity.name.module, support.class.component	#61AAF2
variable.parameter, meta.function.parameters variable	#F0CDBA	—
variable.other.property, meta.property-name, support.type.property-name	#F6DDCD	—
punctuation, meta.brace, meta.group, punctuation.definition.parameters, punctuation.definition.arguments	#C6BDB2	—
meta.decorator, meta.annotation, storage.type.annotation, punctuation.decorator	#9B87F5
string.regexp, constant.regexp, keyword.control.anchor.regexp	#FBE7AA	—
markup.heading, punctuation.definition.heading	#61AAF2	bold
markup.italic, markup.bold	#F6DFC7	—
markup.underline.link, string.other.link, meta.link	#61AAF2	underline
markup.inline.raw, markup.fenced_code, markup.raw	#B5E6A0	—
markup.quote, markup.list, punctuation.definition.list_item	#B8AFA3	—
invalid, invalid.illegal	#D47563	underline
markup.inserted, meta.diff.header.to-file	#9ACA86	—
markup.deleted, meta.diff.header.from-file	#D47563	—
markup.changed	#E8C96B	—
source.ts keyword, source.tsx keyword, source.js keyword, source.jsx keyword, keyword.control.import, keyword.control.export	#E2A48B	bold
meta.object-literal.key, variable.other.property.ts, variable.other.property.js, meta.object.member.ts	#F6DDCD	—
meta.type.annotation.ts, meta.return.type.ts, entity.name.type.alias.ts	#AFCCF8
meta.template.expression.ts, meta.template.expression.js, punctuation.definition.template-expression	#E2D8CC	—
entity.name.tag.jsx, entity.name.tag.tsx, support.class.component.jsx, support.class.component.tsx	#D9645B	—
entity.other.attribute-name.jsx, entity.other.attribute-name.tsx	#F6DFC7	—
source.go keyword.package, source.go keyword.import, source.go keyword.function, source.go keyword.type	#E2A48B	bold
source.go entity.name.package.go, source.go meta.import.go entity.name.package.go, source.go meta.import.go string.quoted.go	#61AAF2	—
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	#FFC1A6	bold
entity.name.type.go, entity.name.struct.go, entity.name.interface.go	#AFCCF8
variable.parameter.receiver.go, meta.function.parameters.go variable.parameter.go	#F0CDBA	—
source.go variable.other.member.go, source.go variable.other.field.go	#F6DDCD	—
support.function.builtin.go, support.type.builtin.go, constant.language.go	#9B87F5	—
source.go string.quoted.go, source.go constant.other.rune.go	#B5E6A0	—
source.python keyword.control.import, source.python keyword.control.from, source.python storage.type.function, source.python storage.type.class	#E2A48B	bold
meta.function.decorator.python, meta.class.decorator.python	#9B87F5
variable.parameter.function.language.special.self.python	#61AAF2	—
meta.function.parameters.annotations.python, meta.type.annotation.python	#AFCCF8
meta.interpolation.python, punctuation.definition.interpolation.begin.python	#E2D8CC	—
source.java keyword.control, source.java storage.modifier, source.java storage.type	#E2A48B	bold
storage.type.annotation.java, meta.annotation.java	#9B87F5	—
entity.name.type.class.java, entity.name.type.interface.java, entity.name.type.module.java	#AFCCF8
entity.name.namespace.java, meta.import.java entity.name.type.java	#61AAF2	—
source.rust keyword, source.rust storage.modifier, source.rust storage.type	#E2A48B	bold
entity.name.type.lifetime.rust, punctuation.definition.lifetime.rust	#F0CDBA	—
support.macro.rust, entity.name.function.macro.rust	#9B87F5	—
entity.name.type.rust, entity.name.trait.rust, support.type.rust	#AFCCF8
text.html entity.name.tag, punctuation.definition.tag	#D9645B	—
text.html entity.other.attribute-name, meta.tag entity.other.attribute-name	#F6DFC7	—
source.css entity.other.attribute-name.class, source.css entity.other.attribute-name.id	#D9645B	—
source.css support.type.property-name, source.css meta.property-name	#F6DDCD	—
source.css support.constant.property-value, source.css constant.numeric, source.css keyword.other.unit	#F4DC90	—
source.css entity.other.attribute-name.pseudo-class, source.css entity.other.attribute-name.pseudo-element	#E2A48B	—
source.json meta.structure.dictionary.json support.type.property-name.json, source.json meta.object-literal.key	#F6DFC7	bold
source.json string.quoted.double.json	#B5E6A0	—
source.json constant.numeric.json, source.json constant.language.boolean.json, source.json constant.language.null.json	#F4DC90	—
source.yaml entity.name.tag.yaml, source.yaml support.type.property-name.yaml	#F6DFC7	bold
source.yaml variable.other.alias.yaml, source.yaml entity.name.type.anchor.yaml	#61AAF2	—
source.json punctuation, source.yaml punctuation, source.json punctuation.separator.dictionary.key-value.json, source.json punctuation.separator.array.json	#E2D8CC	—
source.gfm markup.heading, text.html.markdown markup.heading	#E2A48B	bold
source.gfm punctuation.definition.heading, text.html.markdown punctuation.definition.heading	#D9645B	—
source.gfm markup.bold, text.html.markdown markup.bold	#F6DFC7	bold
source.gfm markup.italic, text.html.markdown markup.italic	#F0CDBA	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	#61AAF2	underline
source.gfm punctuation.definition.link, source.gfm meta.link punctuation, text.html.markdown punctuation.definition.link, text.html.markdown meta.link punctuation	#9B87F5	—
source.gfm markup.inline.raw, text.html.markdown markup.inline.raw	#B5E6A0	—
source.gfm markup.fenced_code, source.gfm punctuation.definition.fenced.markdown, text.html.markdown markup.fenced_code	#B5E6A0	—
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	#9B87F5	—
source.gfm markup.quote, source.gfm punctuation.definition.quote.begin.markdown, text.html.markdown markup.quote	#B8AFA3	—
source.gfm meta.separator.markdown, source.gfm constant.character.escape.markdown	#E2D8CC	—
source.sql keyword, keyword.other.DDL.sql, keyword.other.DML.sql, keyword.other.authorization.sql	#E2A48B	bold
source.sql support.function, source.sql entity.name.function	#FFC1A6	—
source.sql entity.name.table, source.sql entity.name.schema	#AFCCF8
source.sql entity.name.column, source.sql variable.alias	#F6DDCD	—
source.sql constant.numeric, source.sql string, source.sql keyword.operator	#F4DC90	—
source.sql variable.parameter, source.sql variable.other	#F0CDBA	—

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