WhiteHat

Name: WhiteHat
Author: nisimiko

Publisher: nisimikoThemes in package: 1

Clean Dark Theme

Open in VS Code

VS Code preview

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

WhiteHat — WhiteHat

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
—	#BBBBC9	—
comment	#606982	—
string	#9570a9	—
constant.numeric	#9570a9	—
constant.language	#9570a9	—
support.function.builtin.name.python, support.function.builtin.call.python, support.function.magic.call.python, support.function.magic.name.python	#DBA046	bold
meta.function-call, variable.function, keyword.other.special-method	#b29e60	bold
keyword.operator.assignment, keyword.operator.arithmetic, keyword.operator.logical, keyword.operator.word	#77B5AF	—
keyword.control	#77B5AF	—
variable.language	#77B5AF	—
keyword.operator.word	#77B5AF	—
meta.import-path.python, keyword.control.import.relative.python, keyword.control.import.as.python, meta.import-name.python, meta.statement.import.python, keyword.control.flow.raise.python, keyword.control.import.python, keyword.control.import.from.python, keyword.control.import, entity.name.package.go, entity.name.package.kotlin, keyword.control.kotlin	#BBBBC9	bold
constant.character, constant.other	#6e90b1	—
variable	#BBBBC9
storage.type.class.python, storage.type.function.python, storage.modifier, keyword, keyword.other.python, keyword.other.kotlin, keyword.control.kotlin, keyword.operator.kotlin, keyword.operator.comparison.kotlin, keyword.operator.reference.kotlin, keyword.operator.declaration.kotlin, keyword.control.flow.python, keyword.operator.logical.python	#77B5AF
storage	#6b84ad	normal
storage.type.go, storage.type.annotation.kotlin, storage.type.generic.kotlin	#B8D4AA	bold
entity.name.type.class, entity.name.type.struct, entity.name.class, entity.name.struct, entity.name.interface, entity.name.type.go, entity.name.type.class.python, entity.name.type.class.kotlin	#197575	bold
entity.other.inherited-class	#99C297	italic
entity.name.function.go, entity.name.function.kotlin, entity.name.function.python, entity.name.function	#af8038	bold
variable.function.go, meta.function.parameters.go, punctuation.accessor, variable.parameter, variable.parameter.go, variable.parameter.receiver.go, variable.parameter.function.python, variable.parameter.function.language.python, punctuation.definition.arguments.begin.python, punctuation.definition.arguments.end.python	#6b84ad
punctuation.definition.variable	#77B5AF
meta.function.parameters, meta.function.parameters.go, meta.function.parameters.python	#F7FAFA
entity.name.tag	#77B5AF
entity.other.attribute-name	#DBA046
variable.parameter.function.kotlin, punctuation.keyword, punctuation.definition.string.begin, punctuation.definition.string.end, punctuation.definition.parameters.begin.python, punctuation.definition.parameters.end.python, punctuation.separator.parameters.python	#BBBBC9	—
support.function.builtin.go, support.function, support.function.builtin.name.python, meta.function-call.python	#b29e60	bold
support.constant	#F5C731
support.type, support.class, meta.function-call.arguments.python	#BBBBC9
support.other.variable	—	—
invalid	#BBBBC9
invalid.deprecated	#F8F8F0	—

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