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

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	#CB8E72	—
meta.string-contents.quoted.double.php variable.other.php	#A8765E	—
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	#A8765E	—
comment	#5E874C	—
constant.numeric	#B1C9A4	—
constant.language	#5192CC	bold
constant.character, constant.other	#73B0DE	bold
variable	#73B0DE	—
keyword	#5192CC	bold
storage	#5192CC	—
storage.type	#5192CC	—
entity.name.class	#73B0DE	bold
entity.other.inherited-class	#73B0DE	bold
entity.name.function	#D2D3D4
variable.parameter	#D2D3D4	—
entity.name.tag	#5192CC	bold
entity.other.attribute-name	#73B0DE	—
support.function	#D2D3D4	—
support.constant	#73B0DE	—
support.type, support.class	#73B0DE	—
support.other.variable	#73B0DE	—
invalid	#F8F8F0	underline
invalid.deprecated	#F8F8F0	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}!`;
}