Code2Faith Dark

Publisher: code2faithThemes in package: 1

Official Code2Faith Dark Theme

Open in VS Code

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#0b1220
activityBar.foreground#f97316
editor.background#0b1220
editor.foreground#e2e8f0
editor.lineHighlightBackground#1e293b
editor.selectionBackground#334155
editor.selectionHighlightBackground#475569
editorCursor.foreground#f97316
sideBar.background#0f172a
sideBar.foreground#cbd5e1
statusBar.background#0b1220
statusBar.foreground#f97316
tab.activeBackground#1e293b
tab.activeForeground#f97316
tab.inactiveBackground#0f172a
tab.inactiveForeground#94a3b8
titleBar.activeBackground#0b1220
titleBar.activeForeground#f97316

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment	#64748b	italic
keyword	#f97316	bold
string	#22c55e	—
variable	#38bdf8	—
function	#eab308	—
number	#a855f7	—

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

Code2Faith Dark by code2faith - VS Code Theme