DarculaOneDark

Name: DarculaOneDark
Author: themer

Publisher: themerThemes in package: 3

mix between Darcula and One Dark of Atom (theme focusing on Python and C++)

Open in VS Code GitHub

Color themes

VS Code preview

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

fetchUser.ts

index.ts

README.md

src

components

fetchUser.ts

User

tags

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

Problems1

Output

Debug Console

Terminal

Ports

~/my-project $ pnpm test
✓ fetchUser passed 12blk
✗Cannot find name 'user'. error
▲warning 412 readylocalhost
http://localhost:3000

WSL

1 1

main*

Copilot

Ln 5, Col 12

Spaces: 2

UTF-8

TypeScript

Darcula One dark without red Python

colors

Workbench UI color keys from the theme JSON colors map.

key	HEX	RGB	RGBA
activityBar.background
activityBarBadge.background
badge.background
editor.background
editor.foreground
editor.lineHighlightBackground
editor.selectionBackground
editorGutter.background
editorSuggestWidget.background
editorSuggestWidget.highlightForeground
editorSuggestWidget.selectedBackground
sideBar.background
sideBar.border
statusBar.background
statusBar.foreground
tab.activeBackground
tab.activeBorder
tab.inactiveBackground
titleBar.activeBackground
titleBar.activeForeground
titleBar.inactiveBackground

tokenColors

Foregrounds this theme assigns to the token scope catalog. A rule with only a font style is skipped, and a longer matching scope wins. Italic and bold rules are not listed — the preview above shows them in the code.

scope	HEX	RGB	RGBA
comment
comment.block
comment.block.documentation
comment.line
constant
constant.numeric
constant.numeric.integer
constant.numeric.float
constant.numeric.hex
constant.numeric.octal
keyword
keyword.control
keyword.control.flow
keyword.operator
keyword.operator.assignment
keyword.operator.arithmetic
keyword.operator.logical
meta
meta.class
meta.function
meta.function-call
punctuation.separator
storage
storage.type
string
string.quoted
string.quoted.single
variable
variable.parameter

DarculaOneDark

Color themes

VS Code preview

colors

tokenColors

One Dark++

Dragan Color Theme

Catppuccin Dark Pro

Evans Dark Theme

Color themes

VS Code preview

colors

tokenColors

Related themes

One Dark++

Dragan Color Theme

Catppuccin Dark Pro

Evans Dark Theme