Minimal Dark Zen

Publisher: Andreas Lokko DevThemes in package: 1

Ultra-dark minimal theme with bold red accents and distraction-free UI.

Open in VS Code

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#000000
activityBar.border#00000000
activityBar.foreground#ff0000
activityBar.inactiveForeground#ffffff3f
activityBarBadge.background#ff0000ff
activityBarBadge.foreground#ffffffff
editor.background#181818
editorGroupHeader.tabsBackground#000000
editorGroupHeader.tabsBorder#00000000
editorLineNumber.foreground#ffffff3f
editorOverviewRuler.border#00000000
icon.foreground#ffffff4f
scrollbar.shadow#00000000
scrollbarSlider.activeBackground#00baf34c
scrollbarSlider.background#00c3ff36
scrollbarSlider.hoverBackground#0b475a
sideBar.border#00000000
statusBar.background#000000
statusBar.border#00000000
statusBar.foreground#ffffff58
statusBarItem.remoteBackground#181818
statusBarItem.remoteForeground#ffffff58
tab.activeBackground#181818
tab.activeBorder#00000000
tab.activeBorderTop#00000000
tab.border#00000000
tab.hoverBackground#181818
tab.inactiveBackground#000000
titleBar.activeBackground#000000ff
titleBar.activeForeground#ffffff6f
titleBar.border#000000
widget.border#00000000
widget.shadow#00000000

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle

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

Minimal Dark Zen by Andreas Lokko Dev - VS Code Theme