Minimal

Publisher: calebdoxseyThemes in package: 1

Minimal vscode color scheme

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.

activityBarBadge.background#007ACC
editor.background#FFFFFF
editor.foreground#000000
editor.inactiveSelectionBackground#E5EBF1
editor.selectionHighlightBackground#ADD6FF80
editorIndentGuide.activeBackground#939393
editorIndentGuide.background#D3D3D3
editorSuggestWidget.background#F3F3F3
input.placeholderForeground#767676
list.hoverBackground#E8E8E8
settings.numberInputBorder#CECECE
settings.textInputBorder#CECECE
sideBarTitle.foreground#6F6F6F
statusBarItem.remoteBackground#16825D
statusBarItem.remoteForeground#FFF

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment	#6a737d	—
constant	#005cc5	—
string	#032f62	—
keyword, operator	—	bold

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

Minimal by calebdoxsey - VS Code Theme