purple cat theme

Name: purple cat theme
Author: paumadi

Publisher: paumadiThemes in package: 1

just another theme

GitHub

VS Code preview

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

purple cat theme — purple-cat

fetchUser.ts

index.ts

README.md

main*

Copilot

Ln 5, Col 12

Spaces: 2

UTF-8

TypeScript

Dark+

colors

Workbench UI color keys from the theme JSON colors map.

activityBar.background#0E031B
activityBar.border#0E031B60
activityBar.foreground#4AAFD1
editor.background#0E031B
editor.foreground#E78BB9
editor.lineHighlightBackground#0E031B50
editor.selectionBackground#C5A7C330
editorCursor.foreground#FF77AA
editorLineNumber.activeForeground#C5A7C3
editorLineNumber.foreground#48B9DF
editorSuggestWidget.background#0E031B
editorSuggestWidget.foreground#48B9DF
editorSuggestWidget.selectedBackground#B23C6B20
editorWhitespace.foreground#48B9DF40
input.background#2A1048
input.foreground#4AAFD1
sideBar.background#0E031B
sideBar.foreground#BCA8BF
statusBar.background#48B9DF
statusBar.foreground#0E031B
tab.activeBackground#B23C6B50
tab.activeForeground#E78BB9
tab.inactiveBackground#B23C6B20
tab.inactiveForeground#4AAFD1AF
terminal.ansiBlack#120622
terminal.ansiBlue#48B9DF
terminal.ansiBrightBlack#5C6370
terminal.ansiBrightBlue#82AAFF
terminal.ansiBrightCyan#89DDFF
terminal.ansiBrightGreen#A6E22E
terminal.ansiBrightMagenta#F07178
terminal.ansiBrightRed#FF869A
terminal.ansiBrightWhite#FFFFFF
terminal.ansiBrightYellow#FFD866
terminal.ansiCyan#89DDFF
terminal.ansiGreen#72C376
terminal.ansiMagenta#C792EA
terminal.ansiRed#FF5370
terminal.ansiWhite#D0D0D0
terminal.ansiYellow#FFCB6B
terminal.background#0E031B
terminal.foreground#E78BB9
terminalCursor.background#FF77AA
terminalCursor.foreground#FF77AA
titleBar.activeBackground#0E031B
titleBar.activeForeground#E78BB9

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
entity.name.tag, meta.tag	#FF77AA	bold
entity.other.attribute-name, attribute.name	#4AAFD1	—
string.quoted.double, string.quoted.single	#C5A7C3	—
variable, meta.jsx.children.js	#72C376	italic
keyword.operator, punctuation.definition.string	#65DBFF	—
comment	#6D6F7C	italic
source.css entity.name.tag, source.css support.type.property-name, source.css keyword.control.at-rule	#4AAFD1	—
source.css support.constant.property-value, source.css constant.other.color.rgb-value, source.css constant.other.unit	#72C376	—
source.json constant.language, source.json support.type.property-name	#FF77AA	—
source.json string.quoted.double.json	#C5A7C3	—
source.json punctuation.separator.key-value	#65DBFF	—

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