Dark Blue Angel

Name: Dark Blue Angel
Author: PhilipEze

Publisher: PhilipEzeThemes in package: 1

This theme has a dark blue background for night time and also has a nice contrast with the code being typed. Think one dark Pro with white variables. There is an italic version also

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#000822
activityBar.border#08234a
activityBar.foreground#5f7e97
activityBarBadge.background#44596b
activityBarBadge.foreground#ffffff
badge.background#5f7e97

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

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

Shiki preview

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

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

Dark Blue Angel | Coding Theme