Savari

Publisher: Firdaus MaulanaThemes in package: 1

Dark theme for comfortable long coding sessions.

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#101010
activityBar.foreground#98C379
activityBar.inactiveForeground#E0E0E0
activityBarBadge.background#2F451F
button.background#2F451F
button.foreground#E0E0E0
editor.background#101010
editor.foreground#E0E0E0
editor.lineHighlightBackground#1A1A1A
editor.selectionBackground#3A3A3A
editorCursor.foreground#E0E0E0
focusBorder#98C379
list.activeSelectionBackground#2F451F
list.hoverBackground#2F451F
list.inactiveSelectionBackground#2F451F
menu.background#101010
menu.foreground#E0E0E0
menu.separatorBackground#2F451F
panel.background#101010
sideBar.background#101010
sideBar.foreground#E0E0E0
statusBar.background#101010
statusBar.foreground#E0E0E0
tab.activeBackground#101010
tab.activeBorder#E5C07B
tab.activeForeground#E0E0E0
tab.inactiveBackground#2A2A2A
tab.inactiveForeground#A0A0A0
textLink.activeForeground#E5C07B
textLink.foreground#98C379
titleBar.activeBackground#101010
titleBar.activeForeground#E0E0E0

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment	#707070	italic
keyword, storage	#E0E0E0	—
entity.name, entity.other	#E5C07B	—
string	#98C379	—
variable	#E5C07B	—
constant.numeric	#FA8794	—
support	#E5C07B	—

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

Savari by Firdaus Maulana - VS Code Theme