HouseLearning.org Theme

Publisher: HouseLearning.orgThemes in package: 2

Blue & yellow VS Code theme with light and dark modes.

Open in VS Code GitHub

Color themes

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.activeBorder#FFD500
activityBar.background#002B6B
activityBar.foreground#FFFFFF
button.background#003B8E
button.foreground#FFFFFF
button.hoverBackground#0050C7
editor.background#0D0F12
editor.foreground#E8E8E8
editor.inactiveSelectionBackground#003B8E44
editor.lineHighlightBackground#1A1D22
editor.selectionBackground#003B8E88
editorCursor.foreground#4DA3FF
editorGroupHeader.tabsBackground#0F1216
editorLineNumber.activeForeground#FFD500
editorLineNumber.foreground#5A5A5A
sideBar.background#0F1216
sideBar.foreground#C7D7FF
sideBarSectionHeader.background#003B8E
sideBarSectionHeader.foreground#FFFFFF
statusBar.background#002B6B
statusBar.foreground#FFFFFF
tab.activeBackground#0D0F12
tab.activeForeground#4DA3FF
tab.inactiveBackground#1A1D22
tab.inactiveForeground#A0A0A0
titleBar.activeBackground#002B6B
titleBar.activeForeground#FFFFFF

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
keyword	#4DA3FF	bold
string	#FFD500	—
variable	#7BB3FF	—
function	#4DA3FF	bold
comment	#6A6A6A	italic

HouseLearning.org Theme by HouseLearning.org - VS Code 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}!`;
}