Cybernetic Horizon

Publisher: ZentrekkerThemes in package: 1

A futuristic, neon-infused color theme that brings a cyberpunk aesthetic to your VS Code editor

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#0A192F
activityBar.foreground#64FFDA
editor.background#0A192F
editor.foreground#E6F1FF
editor.selectionBackground#334D6E
editor.selectionHighlightBackground#1D2D4A80
editor.wordHighlightBackground#2C3E5C80
editorCursor.foreground#00FFFF
editorGroupHeader.tabsBackground#0C2342
editorLineNumber.foreground#4A5E7B
focusBorder#64FFDA
input.background#1A3454
input.foreground#E6F1FF
sideBar.background#0C2342
sideBar.foreground#E6F1FF
statusBar.background#0C2342
statusBar.foreground#64FFDA
tab.activeBackground#1A3454
tab.inactiveBackground#0A192F

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment	#4A5E7B	italic
keyword	#FF00FF	—
variable	#00FFFF	—
entity.name.function	#64FFDA	—
string	#FF6B6B	—
constant.numeric	#FF9F1C	—
entity.name.type	#FF00FF	bold
punctuation	#E6F1FF	—

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

Cybernetic Horizon by Zentrekker - VS Code Theme