Pink Magic

Publisher: wei-jiangThemes in package: 2

pink theme

Open in VS Code GitHub

Color themes

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#331a2b
editor.background#1f1a1c
editor.foreground#ffd6f5
editor.lineHighlightBackground#2a1f24
editor.selectionBackground#ff99cc33
editorCursor.foreground#ff66cc
editorIndentGuide.background#66336633
editorLineNumber.foreground#b38fbf
editorWhitespace.foreground#cc99cc55
menu.selectionBackground#ff66c4
sideBar.background#1c171a
statusBar.background#331a2b
tab.activeBackground#2e1b2e
tab.inactiveBackground#1f1a1c

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment	#a67ea6	italic
string	#ffb3d9	—
variable	#ff66cc	—
keyword	#ff80bf	bold
function	#ff99cc	—
number	#ffccff	—
type	#ffcce6	—
constant.language	#ff66cc	—

Pink Magic by wei-jiang - 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}!`;
}