Osi Theme

Publisher: Osiel MeirelesThemes in package: 1

Tema escuro com JetBrains Mono, inspirado nas preferências de Osiel.

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#000000
activityBar.foreground#000000
dropdown.background#242424
dropdown.listBackground#242424
editor.background#242424
editor.foreground#d4d4d4
editorGroupHeader.noTabsBackground#242424
editorGroupHeader.tabsBackground#242424
secondarySideBar.background#56B6C2
secondarySideBar.foreground#242424
secondarySideBarTitle.foreground#00FF00
sideBar.background#242424
sideBarSectionHeader.background#242424
terminal.background#242424
terminal.SectionHeader.background#242424
titleBar.activeBackground#242424
titleBar.activeForeground#CCCCCC
titleBar.inactiveBackground#242424
titleBar.inactiveForeground#CCCCCC

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
entity.name.type.class	#E5C07B	italic
entity.name.function	#61AFEF	italic
comment	#5C6370	italic
string	#CE9178	—
keyword	#C586C0	bold
variable	#ABB2BF	—
constant	#D19A66	—
storage.type	#56B6C2	—

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

Osi Theme by Osiel Meireles - VS Code Theme