Dark Purple Gradient

Publisher: melesemThemes in package: 1

A dark VS Code theme with gradient-like purple shades

Open in VS Code GitHub

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#120d16
activityBar.foreground#b794db
editor.background#1a1520
editor.foreground#e5d9f2
editorGroupHeader.tabsBackground#1d1824
sideBar.background#161219
sideBar.foreground#c4a6e1
statusBar.background#120d16
statusBar.foreground#b794db
tab.activeBackground#231c2d
tab.inactiveBackground#1a1520
titleBar.activeBackground#120d16
titleBar.activeForeground#b794db

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment	#635773	—
string	#c4a6e1	—
keyword	#9b6bce	—
variable	#d7c1ed	—
function	#b794db	—
constant	#a57ad3	—
support.type	#8f5cc7	—
entity.name.type	#b794db	—
punctuation	#8a7999	—

Dark Purple Gradient by melesem - 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}!`;
}