Borealis night theme

Name: Borealis night theme
Author: AlejandroMejia

Publisher: AlejandroMejiaThemes in package: 1

Borealis is an enchanting VS Code theme with a dark background and vivid colors inspired by the Northern Lights. The captivating hues make for an enjoyable and productive coding experience with stunning visual effects.

GitHub

VS Code preview

Full workbench mockup using this variant's colors and tokenColors.

colors

Workbench UI color keys from the theme JSON colors map.

activityBar.background#1d1d2b
activityBar.foreground#d7d7d7
activityBarBadge.foreground#0e0e1a
breadcrumb.background#1d1d2b
breadcrumb.foreground#d7d7d7
editor.background#0e0e1a

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.comment	#546E7A	italic
variable, string constant.other.placeholder	#FFEB3B	—
constant.other.color	#FFEB3B	—
invalid, invalid.illegal	#FF5370	—
keyword, storage.type, storage.modifier

Shiki preview

TypeScript sample highlighted with this variant's colors and tokenColors.

Borealis night theme | Coding 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}!`;
}