bumbread-color-theme

Publisher: flysandThemes in package: 1

Based black and white color theme

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#000000
activityBar.foreground#aaaaaa
diffEditor.insertedTextBackground#4b661680
diffEditor.removedTextBackground#90274a70
editor.background#000000
editor.lineHighlightBackground#80303050
editor.selectionBackground#ff222266
editor.selectionHighlightBackground#ff222266
editorCursor.foreground#f8f8f0
editorGutter.background#000000
editorLineNumber.activeForeground#c2c2bf
editorLineNumber.foreground#90908a
focusBorder#99947c
sideBar.background#000000
terminal.ansiBlack#333333
terminal.ansiBlue#6a7ec8
terminal.ansiBrightBlack#666666
terminal.ansiBrightBlue#819aff
terminal.ansiBrightCyan#66d9ef
terminal.ansiBrightGreen#a6e22e
terminal.ansiBrightMagenta#ae81ff
terminal.ansiBrightRed#f92672
terminal.ansiBrightWhite#aaaaaa
terminal.ansiBrightYellow#e2e22e
terminal.ansiCyan#56adbc
terminal.ansiGreen#86b42b
terminal.ansiMagenta#8c6bc8
terminal.ansiRed#c4265e
terminal.ansiWhite#e3e3dd
terminal.ansiYellow#b3b42b
titleBar.activeBackground#1e1f1c
widget.shadow#00000098

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
meta.embedded, source.groovy.embedded, string meta.image.inline.markdown, variable.legacy.builtin.python	#aaaaaa	—
comment	#808080	—
string	#808080	—

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

bumbread-color-theme by flysand - VS Code Theme