Neon Pink Dark

Name: Neon Pink Dark
Author: kpab

Publisher: kpabThemes in package: 1

A cyberpunk-inspired dark theme with vibrant neon pink accents on pure black background. Perfect for developers who love futuristic aesthetics.

Open in VS Code GitHub

VS Code preview

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

Neon Pink Dark — Neon Pink Dark

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#000000
activityBar.foreground#FF4FB3
badge.background#FF2DBE
contrastBorder#FF2DBE33
editor.background#000000
editor.foreground#FFE6FF
editor.inactiveSelectionBackground#33001A
editor.lineHighlightBackground#33001A
editor.selectionBackground#660033
editorCursor.foreground#FF2DBE
editorLineNumber.activeForeground#FF99E6
editorLineNumber.foreground#FF66CCAA
minimap.background#00000000
panel.background#000000
panel.border#33001A
sideBar.background#000000
sideBar.foreground#FFBEE8
statusBar.background#1A0010
statusBar.foreground#FF76D6
tab.activeBackground#0A0005
tab.activeForeground#FF89D6
tab.inactiveBackground#000000
tab.inactiveForeground#82456A
titleBar.activeBackground#000000
titleBar.activeForeground#FF70C8

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
keyword, storage	#FF2DBE
string	#FF8CF0	—
variable, parameter	#FFD6FF	—
constant.numeric	#FF55C3	—
entity.name.function	#FF5EC4	—
entity.name.type, support.type	#FF9AD6	—
comment	#FF66CAA3	italic
punctuation, delimiter	#FFBEE8	—

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