Tubbs Theme

Name: Tubbs Theme
Author: Xaver Hellauer

Publisher: Xaver HellauerThemes in package: 1

A dark Visual Studio Code theme inspired by the 1980s Miami

Open in VS Code

VS Code preview

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

Tubbs Theme — Tubbs

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
—	#E0E0D0	—
variable.parameter.function	#E0E0D0	—
comment, punctuation.definition.comment	#709080	italic
string, include.meta.preprocessor.quoted.string	#DC8CC3	—
constant.language, constant.character, constant.other, constant.numeric, token.begin.cdata.definition, token.end.cdata.definition, constant.macro.meta.numeric.preprocessor	#DA4939	—
keyword	#81AC3A	—
meta.preprocessor, meta.preprocessor.macro, token.keyword.control.import.define	#72D5A3	—
storage, entity.name.tag, comment.documentation.entity.localname.meta.name.tag.xml.cs	#9AB8D7	—
entity.other.inherited-class, class-struct-block.entity.inherited.meta.name.type	#DA7416	italic
entity.name.function	#8CD0D3	—
variable.parameter, readwrite.variable	#BC8787	—
support.function	#F0DFAF	—
support.constant, support.other.variable, support.type, support.class	#C71585	—
storage.type.template, entity.name.class, meta.class-struct-block entity.name.type, class-struct-block.entity.inherited.meta.name.type	#DA7416	—
storage.modifier, modifier.storage, meta.modifier, entity.other.attribute-name	#008995	—
macro.meta.name.preprocessor.c	#DA4939	—
token.comment.block.documentation	#a8b8a8	—
detected-link	#93E0E3	underline
token.other.variable.lua, todo, xxx, hack, fixme	#F92672	—

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