Full workbench mockup using this variant's colors and tokenColors.
fetchUser.ts
index.ts
README.md
src
components
fetchUser.ts
User
tags
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
31
32
33
34
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}!`;}
Problems1
Output
Debug Console
Terminal
Ports
~/my-project $ pnpm test
✓ fetchUser passed 12blk
✗Cannot find name 'user'. error
▲warning 412 readylocalhost
http://localhost:3000
WSL
1 1
main*
Copilot
Ln 5, Col 12
Spaces: 2
UTF-8
LF
TypeScript
Pink Theme
colors
Workbench UI color keys from the theme JSON colors map.
key
HEX
RGB
RGBA
activityBar.background
activityBar.foreground
dialog.button.background
dialog.button.border
dialog.button.borderRadius
50PX
—
—
dialog.button.foreground
dialog.button.hoverBackground
dialog.button.secondaryBackground
dialog.button.secondaryForeground
dialog.button.secondaryHoverBackground
editor.background
editor.foreground
editorGroup.border
editorGroupHeader.tabsBorder
sideBar.background
sideBar.foreground
statusBar.background
statusBar.foreground
tab.activeBackground
tab.activeBorder
tab.activeBorderTop
tab.activeForeground
tab.border
tab.inactiveBackground
tab.inactiveForeground
titleBar.activeBackground
titleBar.activeBorder
titleBar.activeForeground
titleBar.border
tree.inactiveIndentGuidesStroke
tree.indentGuidesStroke
workbench.tree.indent
20
—
—
tokenColors
Foregrounds this theme assigns to the token scope catalog. A rule with only a font style is skipped, and a longer matching scope wins. Italic and bold rules are not listed — the preview above shows them in the code.