Bandersnatch

Publisher: Emanuele BartolesiThemes in package: 1

Theme for Visual Studio Code inspired by Netflix serie Bandersnatch

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#2b2926
activityBar.foreground#F8F8F2
editor.background#2b2926
editor.foreground#F8F8F2
editor.lineHighlightBackground#1d1f30
editor.selectionBackground#656FA4
editorCursor.foreground#F8F8F0
editorGroupHeader.tabsBackground#2b2926
editorWhitespace.foreground#4F5987
input.background#2a2d46
list.activeSelectionBackground#2a2d46
panel.background#2b2926
sideBar.background#2b2926
sideBar.dropBackground#2a2d46
sideBar.foreground#F8F8F2
sideBarSectionHeader.background#2b2926
sideBarSectionHeader.foreground#F8F8F2
tab.inactiveBackground#3c4367
titleBar.activeBackground#191B2A
titleBar.activeForeground#F8F8F2

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle

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

Bandersnatch by Emanuele Bartolesi - VS Code Theme