wuthering waves color themes

Publisher: ⏾ frostmoonThemes in package: 58

vs code color themes inspired by wuthering waves characters.

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#3a4749
activityBar.foreground#d5cecb
activityBarBadge.background#b2525c
button.background#6f8c8d
button.foreground#FAFBFA
button.secondaryBackground#b2525c
editor.background#FAFBFA
editor.foreground#3a4749
editor.selectionBackground#6f8c8d30
editorCursor.foreground#b2525c
editorLineNumber.foreground#A0A8A8
focusBorder#6f8c8d80
list.activeSelectionBackground#6f8c8d
list.activeSelectionForeground#FAFBFA
list.hoverBackground#F2F4F4
sideBar.background#F5F7F7
sideBar.foreground#3a4749
sideBarTitle.foreground#6f8c8d
statusBar.background#6f8c8d
statusBar.foreground#FAFBFA
tab.activeBackground#FAFBFA
tab.activeBorder#6f8c8d
tab.inactiveBackground#F5F7F7
textLink.foreground#6f8c8d
titleBar.activeBackground#3a4749
titleBar.activeForeground#d5cecb

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment	#A0A8A8	italic
keyword, storage	#b2525c	—
string	#6f8c8d	—
constant.numeric	#9A6A70	—
entity.name.function	#6f8c8d	bold
variable	#3a4749	—
entity.name.type	#b2525c	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}!`;
}

wuthering waves color themes by ⏾ frostmoon - VS Code Theme