theme-dop

Name: theme-dop
Author: Jakub Bazgier

Publisher: Jakub BazgierThemes in package: 1

Dop theme ported from TextMate. Originally made by Josema Enzo and edited by Jakub Bazgier

Open in VS Code

VS Code preview

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

theme-dop — Dop Theme

fetchUser.ts

index.ts

README.md

main*

Copilot

Ln 5, Col 12

Spaces: 2

UTF-8

TypeScript

Dark+

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
—	#DDDDDD	—
comment	#686868	—
string	#8ccff8	—
constant.numeric	#1fa1f1	bold
constant.language	#1fa1f1	bold
constant.character, constant.other	#1fa1f1	bold
variable	—
keyword	#ef5858	—
storage	#E12977	—
storage.type	#E12977	bold italic
entity.name.class	#CFE36D	—
entity.other.inherited-class	#CFE36D	bold
entity.name.function	#6dd138	bold
variable.parameter	#FFFFFF	bold italic
entity.name.tag	#ef5858
entity.other.attribute-name	#6dd138	bold
support.function	#FFA000	bold
support.constant	#EEEEEE
support.type, support.class	#FFA000
support.other.variable	—
invalid	#000
invalid.deprecated	#ffff05	—

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