Nebula Serenity

Name: Nebula Serenity
Author: Shellomo

Publisher: ShellomoThemes in package: 1

A sophisticated VS Code theme designed for focus and productivity

GitHub

VS Code preview

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

Nebula Serenity — Nebula Serenity

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#13141C
activityBar.foreground#7AA2F7
activityBarBadge.background#7AA2F7
activityBarBadge.foreground#13141C
editor.background#1A1B26
editor.findMatchBackground#283457
editor.findMatchHighlightBackground#283457
editor.foreground#A9B1D6
editor.selectionBackground#283457
editor.wordHighlightBackground#283457
editorCursor.foreground#7AA2F7
editorGroupHeader.tabsBackground#16161E
editorLineNumber.activeForeground#7AA2F7
editorLineNumber.foreground#565F89
sideBar.background#16161E
sideBar.foreground#A9B1D6
sideBarTitle.foreground#7AA2F7
statusBar.background#13141C
statusBar.foreground#7AA2F7
tab.activeBackground#1A1B26
tab.activeForeground#7AA2F7
tab.inactiveBackground#16161E
tab.inactiveForeground#565F89
titleBar.activeBackground#13141C
titleBar.activeForeground#7AA2F7

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.comment	#565F89	—
string, string.template	#9ECE6A	—
constant.numeric, constant.language	#FF9E64	—
entity.name.function, support.function	#7AA2F7	—
keyword, storage.type, storage.modifier	#BB9AF7	—
entity.name.type, support.class	#2AC3DE	—
variable, support.variable	#C0CAF5	—
keyword.operator	#89DDFF	—
meta.decorator, meta.decorator variable	#E0AF68	—

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