Righteous theme

Publisher: neuromagusThemes in package: 1

Righteous theme for true

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#00181f
activityBar.foreground#7c67d6
activityBar.inactiveForeground#4e4e4e
activityBarBackground#00181f
editor.background#00181f
editor.foreground#93a1a1
editorBracketMatch.border#e900da
editorCursor.background#000000
editorCursor.foreground#ff4500
editorGroupHeader.tabsBackground#00181f
editorStickyScroll.background#00181f84
errorForeground#E50000
focusBorder#7c67d6
foreground#93a1a1
input.background#00181f
input.border#4e4e4e
input.foreground#93a1a1
input.placeholderForeground#4e4e4e
inputOption.activeBorder7c67d6
panel.background#00181f
panel.border#00181f
progressBar.background#e900da
sideBar.background#00181f
sideBarTitle.foreground#93a1a1
statusBar.background#00181f
statusBar.foreground#6c6c6c
tab.activeBackground#00181f
tab.activeBorder#7c67d6
tab.activeForeground#7c67d6
tab.inactiveBackground#00181f
tab.inactiveForeground#93a1a1

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.comment	#4e4e4e	italic
string	#5faf87	—

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

Righteous theme by neuromagus - VS Code Theme