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#007b86
activityBar.foreground#ffffff
button.background#007b86
button.foreground#ffffff
editor.background#FCFCF9
editor.foreground#14343B
editor.lineHighlightBackground#e3e9ea
editor.selectionBackground#e0efef
editorCursor.foreground#007b86
editorIndentGuide.background#E6E8E6
editorLineNumber.foreground#626e71
focusBorder#3699a5
input.background#fffffc
panel.background#FCFCF9
panel.border#E6E8E6
sideBar.background#F3F3EE
sideBar.border#cfd7d9
sideBar.foreground#14343B
statusBar.background#e3e9ea
statusBar.foreground#14343B
tab.activeBackground#fffffc
tab.activeForeground#14343B
tab.inactiveBackground#F3F3EE
tab.inactiveForeground#626e71

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment	#626e71	italic
keyword	#007b86	—
string	#1e4475	—
number	#0b9aa6	—
function	#005e68	—
variable	#14343B	—
type	#4271af	—

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