NiTROUS Theme (Dark)

Name: NiTROUS Theme (Dark)
Author: nitrous-cloud

Publisher: nitrous-cloudThemes in package: 1

A dark color theme for VS Code inspired by futuristic holo tech, comprised mainly of a purple and blue palette, with pink accents.

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#1d1d47
activityBar.border#26265f
activityBar.foreground#81bcff
activityBarBadge.background#9e2992
activityBarBadge.foreground#c0deff
button.background#9e2992

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.comment, string.quoted.docstring.multi.python	#1f65b3	italic
string	#96c8ff	—
constant.numeric	#baffbd	—
constant.language	#e862da	—
constant.character, constant.other

Shiki preview

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

NiTROUS Theme (Dark) | 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}!`;
}