Academic Focus Themes

Publisher: Jose Rolania NavarroThemes in package: 14

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#FFF3F1
editor.background#FCF7F6
editor.foreground#2C2A28
editor.selectionBackground#FFF0EE
editorCursor.foreground#FF6F61
editorLineNumber.foreground#B8AFAE
panel.background#FFF9F8
sideBar.background#FEF8F7
statusBar.background#FFF0EF

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment	#A89A99	italic
keyword	#FF6F61	bold
string	#00B3A6	—
variable	#8A5A2B	—
constant.numeric	#FFB860	—
entity.name.function	#9B5CFF	—

Academic Focus Themes by Jose Rolania Navarro - 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}!`;
}