Nebula Night

Publisher: Vincenzo MaritatoThemes in package: 1

An elegant dark theme inspired by Discord's palette, perfect for late-night coding sessions.

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#282b30
editor.background#1e2124
editor.foreground#EDEDED
editor.inactiveSelectionBackground#282b3027
editor.selectionBackground#424549
editorCursor.foreground#7289da
editorLineNumber.activeForeground#7289da
editorLineNumber.foreground#424549
sideBar.background#282b30
statusBar.background#424549
statusBar.foreground#EDEDED
tab.activeBackground#36393e
tab.inactiveBackground#1e2124
titleBar.activeBackground#282b30
titleBar.inactiveBackground#1e2124

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment	#7289da	italic
string	#66CC99	—
variable	#EDEDED	—
keyword	#7289da	bold
function	#42A5F5	—
type	#FFCB6B	—

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

Nebula Night by Vincenzo Maritato - VS Code Theme