waldecker-color

Name: waldecker-color
Author: Waldecker

Publisher: WaldeckerThemes in package: 1

My own color scheme

GitHub

VS Code preview

Full workbench mockup using this variant's colors and tokenColors.

waldecker-color — Waldecker color

fetchUser.ts

index.ts

README.md

main*

Copilot

Ln 5, Col 12

Spaces: 2

UTF-8

TypeScript

Dark+

colors

Workbench UI color keys from the theme JSON colors map.

activityBarBadge.background#007acc
editor.background#29373d
editor.foreground#eeffff
sideBarTitle.foreground#bbbbbb

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
meta.class variable.other	#eeffff	—
keyword.control, keyword.other, variable.other, entity.name.type.module, entity.other.inherited-class, storage.modifier.async, markup.inline.raw, meta.attribute string	#98F390	—
storage.modifier, entity.other.attribute-name, support.type.property-name, string.other.link	#85A4FF	—
keyword.control.as, keyword.control.from, entity.name.function, support.function, punctuation.definition.tag, entity.name.tag, meta.definition.property, keyword.operator.combinator, entity.name.section, punctuation.definition	#54D1C2	—
meta.import string, meta.return support.type, meta.import variable.other, meta.type.annotation support.type, meta.type.annotation entity.name.type, entity.name.type.class, entity.name.type, variable.other.object, variable.other.constant.object, support.class, support.variable.object, keyword.control.default	#FFDD5D	—
variable.language.this	#FF4E9A	italic
comment	#888	—
storage.type.function, storage.type, support.type.property-name.css, markup.underline.link, keyword.operator.new, keyword.control.trycatch, keyword.operator.expression.delete	#FF4E9A	—

Shiki preview

TypeScript sample highlighted with this variant's colors and tokenColors.

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