strawberry frappuccino

Publisher: Hari VajjaThemes in package: 1

Elevate your coding sessions with the Strawberry Frappe theme

Open in VS Code

VS Code preview

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

Loading...

colors

Workbench UI color keys from the theme JSON colors map.

activityBar.background#590d22
editor.background#fff0f3
editor.foreground#590d22
editor.lineHighlightBackground#ffb3c1
editor.selectionBackground#ffccd5
editorError.foreground#800f2f
editorGutter.addedBackground#ff8fa3
editorInfo.foreground#ff758f
editorWarning.foreground#c9184a
list.activeSelectionBackground#ffccd5
list.activeSelectionForeground#590d22
list.hoverBackground#ffccd5
list.hoverForeground#590d22
sideBar.background#800f2f
sideBar.foreground#fff0f3
sideBarSectionHeader.background#800f2f
sideBarSectionHeader.foreground#fff0f3
statusBar.background#a4133c
tab.activeBackground#c9184a
tab.activeForeground#800f2f
tab.inactiveBackground#800f2f
tab.inactiveForeground#fff0f3

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment	#c9184a	—
string	#ff758f	—
keyword	#ff4d6d	—
number	#590d22	—
variable	#a4133c	—

strawberry frappuccino by Hari Vajja - VS Code Theme

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