Azudarktheme

Publisher: azulheynenThemes in package: 1

azu dark theme

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.activeBackground#00594f
activityBar.background#220a2c
activityBar.foreground#c44ffe
activityBar.inactiveForeground#ec9e9e
activityBarBadge.background#ff81b6
button.background#ff2365
editor.background#200021f8
editor.lineHighlightBackground#af72915c
editor.wordHighlightBackground#9f782ad0
editorGroupHeader.tabsBackground#9331464f
editorIndentGuide.activeBackground#925b9a
editorLineNumber.activeForeground#ff009d
foreground#fba6fa
gitlens.decorations.worktreeView.hasUncommittedChangesForegroundColor#a03030
scrollbarSlider.background#902149
sideBar.background#190419
sideBar.foreground#c94c84
sideBarSectionHeader.background#29042f
sideBarSectionHeader.foreground#d85e5e
sideBarTitle.foreground#e08484
statusBar.background#711268
tab.activeBackground#51074b
tab.activeBorder#848345
tab.activeBorderTop#b775e7
tab.activeForeground#68f974
tab.hoverBackground#741335
tab.hoverBorder#7a3b08
tab.inactiveBackground#1f033acb
titleBar.activeBackground#4f0350

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
string	#f296d3	—
meta.tag.js entity.name.tag	#b732ff	—
variable.other.constant	#ffd900	—
entity.name.function	#ff53e8	—
variable.other.object	#ff6200	—
storage	#db9c4a	—
entity.other.attribute-name	#9772fd	—
keyword.operator	#00fff2	—
keyword.control	#78aeff	—
meta.object-literal.key.js	#bdff84	—
variable	#4fffbc	—
entity.name.tag.js.jsx	#b732ff	—

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

Azudarktheme by azulheynen - VS Code Theme