Perplexity Themes

Publisher: Zaki Ul HassanThemes in package: 2

Minimal Light and Dark VS Code themes inspired by Perplexity.

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#32b9c6
activityBar.foreground#000000
button.background#32b9c6
button.foreground#000000
editor.background#191A1A
editor.foreground#F8FAFA
editor.lineHighlightBackground#2D3232
editor.selectionBackground#18333a
editorCursor.foreground#32b9c6
editorIndentGuide.background#2a2e2e
editorLineNumber.foreground#a1a3a3
focusBorder#0099a6
input.background#1F2121
panel.background#121313
panel.border#2a2e2e
sideBar.background#1F2121
sideBar.border#232525
sideBar.foreground#F8FAFA
statusBar.background#2D3232
statusBar.foreground#F8FAFA
tab.activeBackground#191A1A
tab.activeForeground#F8FAFA
tab.inactiveBackground#1F2121
tab.inactiveForeground#a1a3a3

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment	#a1a3a3	italic
keyword	#32b9c6	—
string	#6ccbd5	—
number	#0b9aa6	—
function	#005e68	—
variable	#F8FAFA	—
type	#6986a0	—

Perplexity Themes by Zaki Ul Hassan - 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}!`;
}