Logan Night Zen Theme

Publisher: sachinThemes in package: 1

A soft blackish theme easy on the eyes

Open in VS Code GitHub

VS Code preview

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

Loading...

colors

Workbench UI color keys from the theme JSON colors map.

activityBar.background#0b0d12
commandCenter.background#0b0d12
diffEditor.insertedTextBackground#144620
diffEditor.removedTextBackground#5a1d1d
editor.background#0f1117
editor.foreground#d4d4d4
editorBracketHighlight.foreground1#e06c75
editorBracketHighlight.foreground2#98c379
editorBracketHighlight.foreground3#61afef
editorBracketHighlight.foreground4#c678dd
editorBracketHighlight.foreground5#56b6c2
editorCursor.foreground#ffcc66
editorLineNumber.foreground#5c6370
gitDecoration.addedResourceForeground#98c379
gitDecoration.deletedResourceForeground#e06c75
gitDecoration.modifiedResourceForeground#e5c07b
sideBar.background#0f1117
statusBar.background#0b0d12
terminal.ansiBlack#282c34
terminal.ansiBlue#61afef
terminal.ansiCyan#56b6c2
terminal.ansiGreen#98c379
terminal.ansiMagenta#c678dd
terminal.ansiRed#e06c75
terminal.ansiWhite#abb2bf
terminal.ansiYellow#e5c07b
terminal.background#0f1117
terminal.foreground#d4d4d4

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
entity.name.tag	#61AFEF	—
entity.other.attribute-name	#E06C75	—
string.quoted	#98C379	—
punctuation.definition.tag	#ABB2BF	—

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

Logan Night Zen Theme by sachin - VS Code Theme