Rathin Neon Theme

Publisher: Rathin RThemes in package: 1

A high-contrast neon theme inspired by classic terminal aesthetics.

Open in VS Code GitHub

VS Code preview

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

Loading...

colors

Workbench UI color keys from the theme JSON colors map.

activityBar.activeBackground#000000
activityBar.foreground#FFFF00
editor.background#000000
editor.foreground#00FF00
editor.inactiveSelectionBackground#002200
editor.selectionBackground#004400
editorCursor.foreground#FFFF00
editorGroupHeader.tabsBackground#000000
editorLineNumber.activeForeground#FFFF00
editorLineNumber.foreground#c0eb14
panelTitle.activeForeground#FFFF00
panelTitle.inactiveForeground#FFFF00
scrollbarSlider.hoverBackground#FFFF00
sideBar.border#FFFF00
sideBar.dropBackground#FFFF00
sideBar.foreground#FFFF00
statusBar.background#000000
statusBar.foreground#FFFF00
statusBarItem.remoteBackground#000000
statusBarItem.remoteForeground#FFFF00
tab.activeBackground#000000
tab.activeBorder#FFFF00
tab.activeBorderTop#c0eb14
tab.border#FFFF00
tab.hoverBorder#FFFF00
tab.hoverForeground#FFFF00
tab.inactiveBackground#000000
tab.selectedForeground#FFFF00
terminal.background#000000
terminal.foreground#00FF00
titleBar.activeForeground#c0eb14

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.comment	#808080	—
keyword, storage.type, storage.modifier	#FFFF00	—
variable, string, constant.character.escape	#00FF00	—
function, entity.name.function, support.function	#c0eb14	—
type, class, entity.name.type	#00FFFF	—

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

Rathin Neon Theme by Rathin R - VS Code Theme