EaseEye

Publisher: AdrianoXavierThemes in package: 4

A soothing theme for a relaxed visual experience in VS Code.

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.background#FFFFFF
activityBar.foreground#000000
editor.background#FFFFFF
editor.findMatchBackground#FF4500
editor.findMatchHighlightBackground#FF6347
editor.foreground#000000
editor.lineHighlightBackground#DDDDDD
editor.selectionBackground#FFCC00
editor.selectionHighlightBackground#FFD700
editor.wordHighlightBackground#FFD700
editor.wordHighlightStrongBackground#FF4500
editorCursor.foreground#000000
editorIndentGuide.activeBackground#666666
editorIndentGuide.background#CCCCCC
editorLineNumber.foreground#0000FF
editorWhitespace.foreground#808080
sideBar.background#FFFFFF
sideBar.foreground#000000
statusBar.background#FFFFFF
statusBar.foreground#000000
titleBar.activeBackground#FFFFFF
titleBar.activeForeground#000000

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment	#808080	—
string	#008000	—
variable	#FF0000	—
keyword	#0000FF	—
constant	#A52A2A	—
type	#FF00FF	—

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