bgftheme

Publisher: Bruno Gonçalves FerreiraThemes in package: 1

Tema para usar no vscode

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#101010
activityBarBadge.background#101010
dropdown.background#101010
editor.background#101010
editor.foreground#e5e7eb
editor.selectionBackground#d8dee9
editorCursor.foreground#e5e7eb
editorGroupHeader.tabsBackground#101010
editorIndentGuide.background1#101010
editorLineNumber.activeForeground#88c0d0
editorLineNumber.foreground#e5e7eb
panel.background#101010
sideBar.background#101010
sideBar.foreground#e5e7eb
sideBarTitle.foreground#e5e7eb
statusBar.background#101010
tab.activeBackground#101010
tab.inactiveBackground#101010
titleBar.activeBackground#101010
titleBar.inactiveBackground#101010

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment	#4b5563	italic bold
string	#e5e7eb	—
entity	#d9f99d	—
entity.other.attribute-name	#fca5a5	—
variable, parameter	#e5e7eb	—
keyword	#fca5a5	bold

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

bgftheme by Bruno Gonçalves Ferreira - VS Code Theme