Pitica

Publisher: jenifergsThemes in package: 1

Um tema escuro com fundo roxo e destaques em lilás e rosa para um visual elegante e moderno (Isso foi copiado do gepeto)

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#150021
activityBar.foreground#c084d1
editor.background#0f001a
editor.foreground#c084d1
editor.lineHighlightBackground#1a0028
editor.selectionBackground#6a007f
editorCursor.foreground#ff007f
sideBar.background#12001e
sideBar.foreground#b886d4
statusBar.background#0f001a
statusBar.border#6a007f
statusBar.foreground#c084d1
tab.activeBackground#3a003d
tab.activeForeground#ffffff
tab.inactiveBackground#250027
tab.inactiveForeground#8a7b99

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment	#7a2f85	italic
keyword	#df006f	bold italic
string	#55aa30	italic
variable	#a1ddd0	—
entity.name.function	#f1ec40	—
function	#ffffff	bold
storage.type	#FF99CC	—
constant	#FF4500	italic bold
number	#00BFFF	bold
punctuation.definition.tag	#ffffff	bold
meta.jsx.children	#c084d1	italic
meta.jsx.attribute	#5ec532	bold italic
meta.jsx.attribute.value	#035846	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}!`;
}

Pitica by jenifergs - VS Code Theme