Reverie

Publisher: Oda GuzmanThemes in package: 1

A dark blue theme for VS Code with shades of dark red, yellow, and green.

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#15213a
activityBar.border#c19506
commandPalette.background#15213a
editor.background#0f1b37
editor.foreground#4489f7
editor.lineHighlightBackground#4e5a6d
editor.selectionBackground#7ea0d6
editorCursor.foreground#ffffffa6
editorGroupHeader.tabsBackground#15213a
editorWhitespace.foreground#1a4b9a
panel.background#15213a
scrollbarSlider.activeBackground#011848
scrollbarSlider.background#264f78
scrollbarSlider.hoverBackground#16223c
sideBar.background#15213a
statusBar.background#15213a
statusBar.border#c19506
tab.activeBackground#15213a
tab.hoverBorder#c19506
tab.inactiveBackground#15213a
terminal.background#15213a
titleBar.activeBackground#15213a
titleBar.border#c19506
titleBar.inactiveBackground#15213a

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment	#cacaca92	italic
keyword	#69c741	—
string	#f3bd50	—
entity.name.function	#9f31e9	—
punctuation	#b60e65e4	—
variable	#eaeaea	—
constant	#ffae57	—
entity.name.type	#ffcc66	—

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

Reverie by Oda Guzman - VS Code Theme