VS Code Dark OG

Name: VS Code Dark OG
Author: Bob Majdak Jr

Publisher: Bob Majdak JrThemes in package: 2

The way the Dark theme was day one.

Open in VS Code GitHub

Color themes

VS Code preview

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

VS Code Dark OG — Dark OG Desat

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
—	#D2D3D4	—
string	#c3917aff	—
meta.string-contents.quoted.double variable.other.php	#9e7968ff	—
string.regexp.single-quoted keyword.operator.regexp, string.regexp.single-quoted constant.character.escape, string.regexp.double-quoted keyword.operator.regexp, string.regexp.double-quoted constant.character.escape, meta.string-contents.quoted.single keyword.operator.regexp, meta.string-contents.quoted.single constant.character.escape, meta.string-contents.quoted.double keyword.operator.regexp, meta.string-contents.quoted.double constant.character.escape, string.quoted.double keyword.operator.regexp, string.quoted.double constant.character.escape, string.quoted.double variable.other, string.quoted.single variable.other, string.quoted.single keyword.operator.regexp, string.quoted.single constant.character.escape	#9e7968ff	—
comment	#617f54ff	—
constant.numeric	#b3c3aaff	—
constant.language	#5a91c3ff	bold
constant.character, constant.other	#7aafd7ff	bold
variable	#7aafd7ff	—
keyword	#5a91c3ff	bold
storage	#5a91c3ff	—
storage.type	#5a91c3ff	—
entity.name.class	#7aafd7ff	bold
entity.other.inherited-class	#7aafd7ff	bold
entity.name.function	#d3d3d3ff
variable.parameter	#d3d3d3ff	—
entity.name.tag	#5a91c3ff	bold
entity.other.attribute-name	#7aafd7ff	—
support.function	#d3d3d3ff	—
support.constant	#7aafd7ff	—
support.type, support.class	#7aafd7ff	—
support.other.variable	#7aafd7ff	—
invalid	#f7f7f1ff	underline
invalid.deprecated	#f7f7f1ff	underline

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