Polar Black

Name: Polar Black
Author: nionx01

Publisher: nionx01Themes in package: 9

A beautiful, comprehensive icon theme with custom file/folder icons and product UI icons for Visual Studio Code

GitHub

Color themes

Polar Black Red

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.activeBorder#D04040
activityBar.background#000000
activityBar.border#00000099
activityBar.foreground#E8D0D0
activityBar.inactiveForeground#E8D0D066
activityBarBadge.background#D04040

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
Global settings	#E8D0D0	—
string	#E86050	—
punctuation, constant.other.symbol	#ffffff	—
constant.character.escape, text.html constant.character.entity.named	#E8D0D0	—
constant.language.boolean

Shiki preview

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

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

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