October Eve

Publisher: czuelsdorfThemes in package: 1

October Eve

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.activeBorder#cc7a00
activityBar.activeFocusBorder#cc7a00
activityBar.foreground#cc7a00
activityBarBadge.background#cc7a00
activityBarBadge.foreground#000000
button.background#cc7a00
button.foreground#000000
editor.background#211D1B
editor.findMatchBackground#000000
editor.foreground#d6b8a5
editor.selectionBackground#b45700bd
editor.wordHighlightBackground#cc7a0038
editorGroup.dropBackground#cc7a0038
focusBorder#cc7a00
minimap.errorHighlight#ff0000
minimap.selectionHighlight#cc7a00
minimapSlider.activeBackground#cc7a0038
minimapSlider.background#cc7a0020
minimapSlider.hoverBackground#cc7a0020
sash.hoverBorder#cc7a00
statusBar.background#003153
statusBar.debuggingBackground#66602e
statusBar.debuggingForeground#d6b8a5
statusBar.foreground#d6b8a5
statusBar.noFolderBackground#801C2E
statusBar.noFolderForeground#d6b8a5
textLink.activeForeground#f89500
textLink.foreground#cc7a00

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
source	#d6b8a5	—
comment, punctuation.definition.comment	#6a8d3c	italic
string	#6a8d3c	—
meta.function, keyword.control, meta.class	#b87743	bold
meta.function.parameters, variable.language.special	#B8434A	bold
meta.function-call	#D8973C	—

October Eve by czuelsdorf - VS Code Theme

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