Belle2_theme

Publisher: csantos01Themes in package: 1

(Almost official) VSCode theme for the Belle2 experiment

Open in VS Code

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#0033A0
editor.background#222831
editor.foreground#EEEEEE
editor.lineHighlightBackground#8b7f0069
editor.selectionBackground#DAA520
editorCursor.foreground#FFD700
editorLineNumber.activeForeground#EEEEEE
editorLineNumber.foreground#FFD700
sideBar.background#222831
sideBar.foreground#EEEEEE
statusBar.background#0033A0
statusBar.foreground#EEEEEE
tab.activeBackground#0033A0
tab.activeForeground#EEEEEE
tab.inactiveBackground#222831
tab.inactiveForeground#FFD700
terminal.background#222831
terminal.foreground#EEEEEE
titleBar.activeBackground#0033A0
titleBar.activeForeground#EEEEEE

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment	#708090	—
keyword	#00ADB5	—
string	#F3E5AB	—
variable	#FFC000	—
function, method	#FFD700	—
type	#0033A0	—
constant	#EEEEEE	—
entity.name.type.class	#dacde4	—
entity.name.function	#dacde4	—
source	#bfeaec	—
support.function.builtin	#00ADB5	—
meta.member.access	#0080b5	—
meta.function-call	#A6B1E1	—

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

Belle2_theme by csantos01 - VS Code Theme