MAHOYO ALICE

Publisher: KunihiroSThemes in package: 1

A new VSCode color theme based on Mahotsukai no Yoru's Alice

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#131420
activityBar.foreground#9391E6
activityBarBadge.background#191825
activityBarBadge.foreground#ffffff
badge.background#191825
badge.foreground#ffffff
button.background#191825
button.foreground#ffffff
button.hoverBackground#1F1E2D
editor.background#121019
editor.foreground#9391E6
editor.inactiveSelectionBackground#3f3980
editor.lineHighlightBackground#131420
editor.selectionBackground#3f3980
editor.selectionHighlightBackground#191825
editorCursor.foreground#835aff
editorIndentGuide.activeBackground#191825
editorIndentGuide.background#131420
input.background#3B3D62
input.border#191825
input.foreground#ffffff
list.activeSelectionBackground#191825
list.activeSelectionForeground#ffffff
list.hoverBackground#131420
list.hoverForeground#9391E6
list.inactiveSelectionBackground#131420
panel.background#131420
panel.border#191825
panelTitle.activeForeground#313153
panelTitle.inactiveForeground#7472C8
scrollbarSlider.activeBackground#191825AA
scrollbarSlider.background#191825AA
scrollbarSlider.hoverBackground#1F1E2DCC
selection.background#191825
sideBar.background#131420
sideBar.foreground#9391E6
sideBarSectionHeader.background#131420
sideBarSectionHeader.foreground#9391E6
sideBarTitle.foreground#9391E6
statusBar.background#131420
statusBar.foreground#9391E6
statusBar.noFolderBackground#131420
tab.activeBackground#121019
tab.activeForeground#9391E6
tab.inactiveBackground#131420
tab.inactiveForeground#7472C8
titleBar.activeBackground#131420
titleBar.activeForeground#9391E6

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment	#A08088	italic
string	#9391E6	—
keyword, storage.type, storage.modifier	#9391E6	—
entity.name.function, support.function	#9391E6	—
variable	#9391E6	—
constant, entity.name.type, support.type	#9391E6	—
punctuation, meta.brace	#CCA2AD	—
entity.name.tag, support.class	#9391E6	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}!`;
}

MAHOYO ALICE by KunihiroS - VS Code Theme