Nautilus Dark Theme

Name: Nautilus Dark Theme
Author: khelifadkoussai

Publisher: khelifadkoussaiThemes in package: 1

"Plongez dans les profondeurs avec le Nautilus Dark Theme, inspiré par le puissant titan des abysses de League of Legends. Ce thème sombre et élégant enveloppe votre environnement de développement dans une atmosphère immersive, où chaque ligne de code émerge des ténèbres comme une ancre jetée dans l

GitHub

VS Code preview

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

colors

Workbench UI color keys from the theme JSON colors map.

activityBar.activeBackground#0d0c0c
activityBar.background#0d0c0c
activityBar.border#6078fb
activityBar.foreground#edff19
activityBar.inactiveForeground#f5f5f5
activityBarBadge.background#ffef00

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
punctuation.definition.delayed.unison,punctuation.definition.list.begin.unison,punctuation.definition.list.end.unison,punctuation.definition.ability.begin.unison,punctuation.definition.ability.end.unison,punctuation.operator.assignment.as.unison,punctuation.separator.pipe.unison,punctuation.separator.delimiter.unison,punctuation.definition.hash.unison	#fffb00	—
variable.other.generic-type.haskell	#ff0084	—
storage.type.haskell	#f0a836	—
support.variable.magic.python

Shiki preview

TypeScript sample highlighted with this variant's colors and tokenColors.

Nautilus Dark Theme | Coding Theme

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

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