Skip to main content
Home Theme VS Code SpaceBox Fleet Theme A sleek, professional dark theme for VS Code with custom icons. Inspired by JetBrains Fleet and Windows 11 Fluent Design.
VS Code preview Full workbench mockup using this variant's colors and tokenColors.
colors Workbench UI color keys from the theme JSON colors map.
activityBar.activeBackground #20202000 activityBar.activeBorder #237bff activityBar.background #202021 activityBar.border #202021 activityBar.foreground #ffffff activityBar.inactiveForeground #a2a3a8 tokenColors TextMate scopes and font styles (syntax highlighting rules).
scope foreground fontStyle comment, punctuation.definition.comment #73777a italic variable.parameter, variable, string constant.other.placeholder #af9cff — constant.other.color #f1c67b — invalid, invalid.illegal #FF5370 — keyword.control, keyword, storage.type, storage.modifier, storage.type.function.php, meta.function.php, support.function.construct.output.php, meta.embedded.block.php, entity.name.tag, meta.tag.sgml, markup.deleted.git_gutter, entity.other.attribute-name, keyword.operator.logical.php
Shiki preview TypeScript sample highlighted with this variant's colors and tokenColors.
SpaceBox Fleet Theme — SpaceBox Fleet
activityBarBadge.background
#0078D4
activityBarBadge.foreground #ffffff
badge.background #0078D4
badge.foreground #ffffff
banner.background #1b202b
banner.iconForeground #0078D4
breadcrumb.background #18191b
button.background #006bbd
button.border #0078D400
button.foreground #ffffff
button.hoverBackground #005fa8
button.secondaryBackground #2D2D2E
button.secondaryForeground #ffffff
button.secondaryHoverBackground #414141
button.separator #0086ec
checkbox.background #303030
checkbox.border #585858
checkbox.foreground #ffffff
commandCenter.activeBackground #202021
commandCenter.activeBorder #444444
commandCenter.background #00000000
commandCenter.border #444444
commandCenter.inactiveBorder #434f5c
diffEditor.border #18191b
diffEditor.diagonalFill #00000000
diffEditor.insertedLineBackground #103b33f5
diffEditor.insertedTextBackground #103b33f5
diffEditor.removedLineBackground #4e2127f3
diffEditor.removedTextBackground #4e2127f3
diffEditor.unchangedCodeBackground #00000000
diffEditor.unchangedRegionShadow #00000000
dropdown.background #252629
dropdown.border #404245
dropdown.foreground #d7dce4
editor.background #18191b
editor.findMatchBackground #af92e734
editor.findMatchHighlightBackground #af92e734
editor.foreground #dddfe0
editor.hoverHighlightBackground #00000000
editor.inactiveSelectionBackground #2e303afe
editor.lineHighlightBorder #232c3f
editor.linkedEditingBackground #92e79d34
editor.selectionBackground #2e303a
editor.selectionHighlightBackground #af92e734
editor.wordHighlightBackground #af92e734
editorBracketHighlight.foreground1 #cccece
editorBracketHighlight.foreground2 #cccece
editorBracketHighlight.foreground3 #cccece
editorBracketHighlight.foreground4 #cccece
editorBracketHighlight.foreground5 #cccece
editorBracketHighlight.foreground6 #cccece
editorBracketHighlight.unexpectedBracket.foreground #DD100C
editorBracketPairGuide.activeBackground1 #cccece
editorBracketPairGuide.activeBackground2 #cccece
editorBracketPairGuide.activeBackground3 #cccece
editorBracketPairGuide.activeBackground4 #cccece
editorBracketPairGuide.activeBackground5 #cccece
editorBracketPairGuide.activeBackground6 #cccece
editorBracketPairGuide.background1 #cccece
editorBracketPairGuide.background2 #cccece
editorBracketPairGuide.background3 #cccece
editorBracketPairGuide.background4 #cccece
editorBracketPairGuide.background5 #cccece
editorBracketPairGuide.background6 #cccece
editorGroup.border #18191b
editorGroupHeader.border #18191b
editorGroupHeader.tabsBackground #202021
editorGroupHeader.tabsBorder #18191b
editorGutter.addedBackground #147c54
editorGutter.deletedBackground #d32f2f
editorGutter.modifiedBackground #2e6cc9
editorHoverWidget.background #252629
editorHoverWidget.border #404245
editorHoverWidget.foreground #e0e1e4
editorHoverWidget.highlightForeground #ffffff
editorHoverWidget.statusBarBackground #252629
editorIndentGuide.activeBackground1 #353739
editorIndentGuide.background1 #232425
editorLightBulb.foreground #0058cc
editorLineNumber.activeForeground #e4e6e7
editorLineNumber.foreground #6e747b
editorMarkerNavigation.background #000000
editorMarkerNavigationError.background #d32f2f9d
editorMarkerNavigationError.headerBackground #d32f2f9d
editorMarkerNavigationInfo.background #0289d1a4
editorMarkerNavigationInfo.headerBackground #0289d1a4
editorMarkerNavigationWarning.background #ff80009f
editorMarkerNavigationWarning.headerBackground #ff80009f
editorOverviewRuler.border #ffffff00
editorStickyScroll.background #18191b
editorStickyScroll.border #000000
editorStickyScroll.shadow #000000
editorStickyScrollHover.background #202021
editorSuggestWidget.background #252629
editorSuggestWidget.border #404245
editorSuggestWidget.focusHighlightForeground #4699ff
editorSuggestWidget.foreground #d7dce4
editorSuggestWidget.highlightForeground #4699ff
editorSuggestWidget.selectedBackground #194474
editorSuggestWidget.selectedForeground #ffffff
editorSuggestWidget.selectedIconForeground #ffffff
editorSuggestWidgetStatus.foreground #d7dce4
editorWidget.background #252629
editorWidget.border #252629
errorForeground #ff6c7f
extensionBadge.remoteBackground #356bff
extensionBadge.remoteForeground #ffffff
extensionButton.background #2D2D2E
extensionButton.foreground #ffffff
extensionButton.hoverBackground #414141
extensionButton.prominentBackground #006bbd
extensionButton.prominentForeground #ffffff
extensionButton.prominentHoverBackground #005fa8
extensionButton.separator #4f4f50
focusBorder #ffffff00
foreground #d7dce4
git.blame.editorDecorationForeground #666b74
gitDecoration.addedResourceForeground #5de4b0
gitDecoration.modifiedResourceForeground #4699ff
icon.foreground #82878d
inlineChat.background #303030
inlineChat.shadow #000000
input.background #1c1d1f
input.border #2e2f30
input.foreground #d7dce4
inputOption.activeBorder #343e4e
keybindingLabel.background #303030
keybindingLabel.border #2e394b
keybindingLabel.foreground #cbdaf0
list.activeSelectionBackground #252629
list.dropBackground #37444e7c
list.errorForeground #ff6c7f
list.focusBackground #2e2e2e
list.focusOutline #00000000
list.hoverBackground #252629
list.inactiveSelectionBackground #252629
list.warningForeground #e2bc10
menu.background #252629
menu.border #404245
menu.foreground #e0e1e4
menu.selectionBackground #194474
menu.selectionForeground #ffffff
menu.separatorBackground #404245
menubar.selectionBackground #2d2d2e
menubar.selectionForeground #ffffff
minimap.background #232c3f42
multiDiffEditor.background #18191b
multiDiffEditor.headerBackground #252629
notificationCenterHeader.background #282828
notificationCenterHeader.foreground #c2c2c2
notifications.background #252629
notifications.border #2D2D2E
notifications.foreground #d9dfe7ff
notificationsErrorIcon.foreground #f76769ff
notificationsInfoIcon.foreground #8b98a9ff
notificationsWarningIcon.foreground #ffa23eff
panel.background #18191b
panel.border #39393a
peekView.border #113c6b
peekViewEditor.background #242527
peekViewEditor.matchHighlightBackground #8790a75d
peekViewEditorStickyScroll.background #242527
peekViewResult.background #2e2f31
peekViewResult.lineForeground #a4a5a7
peekViewResult.matchHighlightBackground #e2e2e42c
peekViewResult.selectionBackground #4e5158
peekViewResult.selectionForeground #ffffffc7
peekViewTitle.background #113c6b
peekViewTitleDescription.foreground #fff
peekViewTitleLabel.foreground #fff
pickerGroup.foreground #0085eb
problemsErrorIcon.foreground #ff3869
problemsInfoIcon.foreground #0078D4
profileBadge.background #0078D4
profileBadge.foreground #fff
progressBar.background #0082e6
quickInput.background #252629
quickInput.foreground #e0e1e4
quickInputList.focusBackground #194474
quickInputList.focusForeground #ffffff
quickInputList.focusIconForeground #ffffff
quickInputTitle.background #00000000
sash.hoverBorder #0078d4
scmGraph.historyItemRefColor #0078D4
scmGraph.historyItemRemoteRefColor #b255ff
scrollbar.shadow #000000
scrollbarSlider.activeBackground #3d3d3d
scrollbarSlider.background #303030
scrollbarSlider.hoverBackground #333333
selection.background #ae92e74b
settings.dropdownBackground #252629
settings.headerForeground #ffffff
settings.modifiedItemIndicator #0078d4
settings.numberInputBackground #252629
settings.numberInputForeground #ffffff
settings.rowHoverBackground #ffffff00
settings.sashBorder #303030
sideBar.background #18191b
sideBar.border #303030
sideBar.dropBackground #37444e7c
sideBar.foreground #d7dce4
sideBarSectionHeader.background #18191b
sideBarSectionHeader.border #18191b
sideBarSectionHeader.foreground #ffffff
sideBarTitle.background #202021
sideBarTitle.foreground #ffffff
statusBar.background #202021
statusBar.border #202021
statusBar.debuggingBackground #323436
statusBar.focusBorder #30363d00
statusBar.foreground #a2a3a8
statusBar.noFolderBackground #202021
statusBarItem.compactHoverBackground #363739
statusBarItem.errorHoverBackground #363739
statusBarItem.hoverBackground #363739
statusBarItem.hoverForeground #ffffff
statusBarItem.offlineHoverBackground #363739
statusBarItem.prominentBackground #ff035191
statusBarItem.prominentForeground #ffe6ee
statusBarItem.prominentHoverBackground #ff035369
statusBarItem.prominentHoverForeground #ffffff
statusBarItem.remoteBackground #5d19ac
statusBarItem.remoteForeground #ffffff
statusBarItem.remoteHoverBackground #6e20bd
statusBarItem.remoteHoverForeground #ffffff
tab.activeBackground #18191b
tab.activeBorderTop #0078D4
tab.activeForeground #ffffff
tab.activeModifiedBorder #ff0000
tab.border #00000000
tab.hoverBackground #18191b00
tab.hoverForeground #ffffff
tab.inactiveBackground #202021
tab.inactiveForeground #a3a5a7
tab.inactiveModifiedBorder #ff0000
tab.unfocusedActiveForeground #e7f1ff
tab.unfocusedActiveModifiedBorder #ff0000
tab.unfocusedInactiveForeground #818a97
tab.unfocusedInactiveModifiedBorder #ff0000
terminal.ansiBlack #000D1C
terminal.ansiBlue #2B4FFF
terminal.ansiBrightBlack #666666
terminal.ansiBrightBlue #5C78FF
terminal.ansiBrightCyan #5AC8FF
terminal.ansiBrightGreen #9891FF
terminal.ansiBrightMagenta #5EA2FF
terminal.ansiBrightRed #DE72FF
terminal.ansiBrightWhite #FFFFFF
terminal.ansiBrightYellow #A3A0FF
terminal.ansiCyan #28B9FF
terminal.ansiGreen #8E76FF
terminal.ansiMagenta #2883FF
terminal.ansiRed #EF56FF
terminal.ansiWhite #F1F1F1
terminal.ansiYellow #735AFF
terminal.foreground #C9CCE6
textBlockQuote.background #2d3035
textBlockQuote.border #0078d4
textLink.activeForeground #4699ff
textLink.foreground #4699ff
titleBar.activeBackground #202021
titleBar.activeForeground #a2a3a8
titleBar.border #090909
titleBar.inactiveBackground #202021
titleBar.inactiveForeground #a2a3a8
toolbar.hoverBackground #ffffff26
tree.indentGuidesStroke #4e4e4e
widget.border #404245
widget.shadow #000000 variable.function, keyword.other.special-method #f1c67b —
meta.block variable.other #f07178 —
support.other.variable, string.other.link #f07178 —
constant.numeric, support.constant.media.css, constant.character, constant.escape, keyword.other.unit.ms.css, keyword.other.unit, keyword.other #1ed190 —
support.constant, 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 #f1c67b
support.type, support.class, support.orther.namespace.use.php, meta.use.php, support.other.namespace.php, markup.changed.git_gutter, support.type.sys-types #FFCB6B —
source.css support.type.property-name, source.sass support.type.property-name, source.scss support.type.property-name, source.less support.type.property-name, source.stylus support.type.property-name, source.postcss support.type.property-name, support.type.vendored.property-name.css #af9cff —
entity.name.module.js, variable.import.parameter.js, variable.other.class.js #FF5370 —
variable.language #FF5370 italic
entity.name.method.js #fbfdff italic
meta.class-method.js entity.name.function.js, variable.function.constructor #82AAFF —
text.html.basic entity.other.attribute-name.html, text.html.basic entity.other.attribute-name #1ed190 italic
entity.other.attribute-name.class, constant.numeric.css, keyword.other.unit.percentage.css, keyword.other.unit.px.css #1ed190 —
source.sass keyword.control #b10c0c —
*url*, *link*, *uri* — underline
tag.decorator.js entity.name.tag.js, tag.decorator.js punctuation.definition.tag.js #82AAFF italic
source.js constant.other.object.key.js string.unquoted.label.js #FF5370 italic
source.json meta.structure.dictionary.json support.type.property-name.json #003ad8 —
source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json #003ad8 —
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 #af9cff —
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 #af9cff —
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 #af9cff —
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 #af9cff —
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 #af9cff —
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 #af9cff —
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 #C3E88D —
markup.italic #f07178 italic
markup.bold, markup.bold string #f07178 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 #f07178 bold
markup.underline #F78C6C underline
string.other.link.title.markdown #82AAFF —
string.other.link.description.title.markdown #C792EA —
constant.other.reference.link.markdown #FFCB6B —
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 —
token.error-token #f44747 —
token.debug-token #b267e6 —
punctuation.definition.tag.begin.html, meta.tag.metadata.doctype.html, entity.name.tag.open.php, support.class.component.open.php, support.function.construct.php #3485fb —
punctuation.definition.tag.end.html, meta.tag.structure.head.start.html, entity.name.tag.close.php, support.class.component.close.php, string.json.comments, source.json.comments, support.type.property-name.json, string.json, meta.structure.dictionary.json, source.json, keyword.other.use.php, support.function.construct.php, meta.function-call.php, source.json.comments, meta.embedded.block.php, text.html.php, keyword.control.import.include.php, keyword.other.new.php #699dff —
punctuation.definition.array.begin.json, punctuation.definition.array.end.json, punctuation.separator.array.json #D6D6D6 —
punctuation.section.embedded.begin.php, punctuation.section.embedded.end.php, meta.embedded.block.php, keyword.other.important.css, punctuation.section.embedded.end.php, keyword.control.at-rule.media.css #e85c8e —
support.other.namespace.php, support.function.filter.php, support.class.php, text.html.php, variable, support.class.builtin.php, meta.structure.dictionary.json.comments, source.json punctuation.separator.array.json.comments, source.json.comments, punctuation.definition.dictionary.end.json.comments, punctuation.definition.dictionary.begin.json.comments, meta.function-call.php entity.name.function.php, variable.parameter.keyframe-list.css, support.function.misc.css #d6d6d6 —
punctuation.definition.variable.php, variable.other.php, meta.function.php entity.name.function.php, meta.function.php, string.quoted.double.html, meta.attribute.src.html, meta.tag.metadata.script.start.html, meta.embedded.block.html, variable.other.global.safer.php, meta.object-literal.key.js, meta.object.member.js, meta.objectliteral.js, variable.other.property.js, variable.language.this.php, entity.name.type.class.php, support.function.constructor.php, variable.other.global.php, punctuation.separator.delimiter.php, support.type.property-name.json.comments, source.json meta.structure.dictionary.json support.type.property-name.json, source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json support.type.property-name.json, source.js entity.name.function #af9cff —
meta.tag.metadata.script.start.html, punctuation.section.array.begin.php, punctuation.section.array.end.php, variable.other.object.js, meta.function-call.php, entity.name.function, meta.function-call, meta.tag, punctuation.definition.tag, 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.embedded.line.php, punctuation.separator.delimiter.php, meta.attribute.src.html, meta.embedded.line.php, text.html.php, support.function.mbstring.php, meta.embedded.block.php, text.html.php, keyword.other.type.php, entity.other.inherited-class.php, keyword, constant.other.php, support.class.exception.php, keyword.operator.class.php, source.json meta.structure.dictionary.json meta.structure.dictionary.value.json meta.structure.dictionary.json, meta.structure.dictionary.json, variable.other.readwrite.js, punctuation.definition.arguments.begin.bracket.round.php, punctuation.definition.arguments.end.bracket.round.php, punctuation.terminator.expression.php, meta.block variable.other, meta.method-call.php, meta.property-value.css, meta.property-list.css, entity.other.attribute-name.pseudo-class.css, entity.other.attribute-name.pseudo-class.css punctuation.definition.entity.css, entity.other.attribute-name.pseudo-element.css, punctuation.separator.key-value.css, punctuation.separator.list.comma.css #d6d6d6 —
support.function.output.php, meta.function-call.php, support.function.string.php, support.function.mysql.php, entity.name.tag.html, support.function.network.php, support.function.session.php, punctuation.definition.tag.begin.html, punctuation.definition.tag.end.html, entity.name.tag.css, entity.other.attribute-name.css #1ba9cf —
keyword.operator.key.php, support.function, keyword.operator.assignment.php, keyword.operator.comparison.php, entity.other.attribute-name.id.css punctuation.definition.entity.css, keyword.operator.logical.only.media.css, keyword.operator.logical.and.media.css #15b8c9 —
support.function.aggregate.sql, keyword.other.DML.II.sql, keyword.other.DML.sql, keyword.other.sql, support.constant, punctuation.definition.constant.css, constant.other.color.rgb-value.hex.css, string.quoted.double.css, source.css, string.quoted.single.sql, storage.modifier.sql, storage.type.sql, string.quoted.double.php, punctuation.definition.string.begin.php, punctuation.definition.string.end.php, string.quoted.single.php, keyword.otheD4B44Ar.alias.sql, string.quoted.other.backtick.sql, keyword.other.order.sql, constant.numeric.sql, support.function.expression.sql, constant.language, string.quoted.single.js, string.quoted.double.js, string.regexp.single-quoted.php, string.regexp.double-quoted.php, keyword.operator.star.sql, constant.character.escape, keyword.operator.comparison.sql, keyword.other.alias.sql, keyword.other.data-integrity.sql, keyword.other.DDL.create.II.sql #f1c67b —
support.constant #ffffffc7 —
entity.other.attribute-name.id.css, entity.other.attribute-name.html #15B8C9 —
keyword.control.at-rule.keyframes.css, keyword.control.at-rule.font-face.css #fd6d75 —
string.quoted.double.html, meta.tag.metadata.doctype.html, support.constant.property-value.css, string.quoted.double.html, support.function.transform.css, support.function.gradient.css, support.function.misc.css, support.function.url.css, variable.parameter.url.css #e8b462 —
storage.type.function.js, storage.type.js, keyword.control.conditional.js, variable.language #17aec9 —
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 }!` ;
}
fetchUser.ts
index.ts
README.md
src
components
fetchUser.ts
src
components
fetchUser.ts
fetchUser 1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
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*
Button.tsx
31
$
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 }!` ;
}
SpaceBox Fleet Theme | Coding Theme