EclipseRED

Name: EclipseRED
Author: AdesinaJesse

Publisher: AdesinaJesseThemes in package: 1

This theme is for the lovers of black and also takes into account the beauty of an eclipse, the beauty found in the dark.

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.activeBackground#3c2b2b8e
activityBar.background#000000
activityBar.border#0D0C0D
activityBarBadge.background#950101
breadcrumb.background#000000
breadcrumbPicker.background#000000

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
meta.embedded	#abb2bf	—
punctuation.definition.delayed.unison,punctuation.definition.list.begin.unison,punctuation.definition.list.end.unison,punctuation.definition.ability.begin.unison,punctuation.definition.ability.end.unison,punctuation.operator.assignment.as.unison,punctuation.separator.pipe.unison,punctuation.separator.delimiter.unison,punctuation.definition.hash.unison	#ff6471	—
variable.other.generic-type.haskell	#c674df	—
storage.type.haskell	#d19a66

Shiki preview

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

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