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#003B8E
activityBar.foreground#FFFFFF
button.background#003B8E
button.foreground#FFFFFF
button.hoverBackground#0050C7
editor.background#FFF8D1
editor.foreground#1A1A1A
editor.inactiveSelectionBackground#FFE27A55
editor.lineHighlightBackground#FFF2A8
editor.selectionBackground#FFE27A
editorCursor.foreground#003B8E
editorGroupHeader.tabsBackground#E8F0FF
editorLineNumber.activeForeground#000000
editorLineNumber.foreground#4A4A4A
sideBar.background#E8F0FF
sideBar.foreground#002B6B
sideBarSectionHeader.background#003B8E
sideBarSectionHeader.foreground#FFFFFF
statusBar.background#003B8E
statusBar.foreground#FFFFFF
tab.activeBackground#FFF8D1
tab.activeForeground#003B8E
tab.inactiveBackground#E8F0FF
tab.inactiveForeground#4A4A4A
titleBar.activeBackground#003B8E
titleBar.activeForeground#FFFFFF

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
keyword	#003B8E	bold
string	#C27C00	—
variable	#0050C7	—
function	#002B6B	bold
comment	#8A8A8A	italic

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

HouseLearning.org Theme by HouseLearning.org - VS Code Theme