ANNO BLUE

Publisher: KunihiroSThemes in package: 1

A sophisticated dark theme with carefully crafted deep blue variations for Visual Studio Code.

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#060830
activityBar.foreground#B5B9E3
activityBarBadge.background#0C1154
activityBarBadge.foreground#ffffff
badge.background#0C1154
badge.foreground#ffffff
button.background#0C1154
button.foreground#ffffff
button.hoverBackground#0D1361
editor.background#0A0E3B
editor.foreground#a5a6a7
editor.inactiveSelectionBackground#0237aa
editor.lineHighlightBackground#090F43
editor.selectionBackground#0237aa
editor.selectionHighlightBackground#0237aa
editorCursor.foreground#528bff
editorIndentGuide.activeBackground#0C1154
editorIndentGuide.background#090F43
input.background#090F43
input.border#0C1154
input.foreground#B5B9E3
list.activeSelectionBackground#0237aa
list.activeSelectionForeground#ffffff
list.hoverBackground#090F43
list.hoverForeground#B5B9E3
list.inactiveSelectionBackground#0237aa
panel.background#090F43
panel.border#0C1154
panelTitle.activeForeground#B5B9E3
panelTitle.inactiveForeground#8A8DB3
scrollbarSlider.activeBackground#060830
scrollbarSlider.background#060830
scrollbarSlider.hoverBackground#060830
selection.background#0237aa
sideBar.background#090F43
sideBar.foreground#B5B9E3
sideBarSectionHeader.background#0A0E3B
sideBarSectionHeader.foreground#B5B9E3
sideBarTitle.foreground#B5B9E3
statusBar.background#060830
statusBar.foreground#B5B9E3
statusBar.noFolderBackground#060830
tab.activeBackground#0A0E3B
tab.activeForeground#B5B9E3
tab.inactiveBackground#090F43
tab.inactiveForeground#8A8DB3
titleBar.activeBackground#060830
titleBar.activeForeground#B5B9E3

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment	#4B5089	italic
string	#7DCEA0	—
keyword, storage.type, storage.modifier	#82A4F5	—
entity.name.function, support.function	#70B8FF	—
variable	#A59CF7	—

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

ANNO BLUE by KunihiroS - VS Code Theme