Mystic Dreams Rp Vs Theme

Publisher: Mystic Dreams RPThemes in package: 1

A dark charcoal and violet theme.

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.background#09090a
activityBar.foreground#a855f7
activityBar.inactiveForeground#7e22ce
activityBarBadge.background#8b5cf6
activityBarBadge.foreground#ffffff
button.background#8b5cf6
button.hoverBackground#7c3aed
editor.background#121212
editor.foreground#e9d5ff
editor.lineHighlightBackground#1e1e2480
editor.selectionBackground#8b5cf640
editorCursor.foreground#a855f7
errorForeground#ef4444
focusBorder#8b5cf6
foreground#d8b4fe
list.activeSelectionBackground#8b5cf6
list.activeSelectionForeground#ffffff
list.hoverBackground#1a1a20
list.inactiveSelectionBackground#8b5cf630
selection.background#8b5cf650
sideBar.background#0d0d0e
sideBar.foreground#c4b5fd
sideBarSectionHeader.background#121212
sideBarTitle.foreground#a855f7
statusBar.background#581c87
statusBar.foreground#f3e8ff
statusBar.noFolderBackground#09090a
tab.activeBackground#121212
tab.activeBorderTop#8b5cf6
tab.activeForeground#d8b4fe
tab.inactiveBackground#0d0d0e
tab.inactiveForeground#7e22ce
terminal.background#09090a
terminal.foreground#e9d5ff
titleBar.activeBackground#09090a
titleBar.activeForeground#d8b4fe
widget.shadow#00000080
window.activeBorder#8b5cf6

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.comment	#52525b	italic
keyword, storage, storage.type, keyword.operator	#c084fc	—
entity.name.function, support.function, meta.function-call	#a855f7	—
string, punctuation.definition.string	#fbcfe8	—
constant.numeric	#f0abfc	—
entity.name.type, entity.other.inherited-class, support.type, support.class	#d8b4fe	—
variable, variable.language, variable.parameter, variable.other	#e9d5ff	—

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

Mystic Dreams Rp Vs Theme by Mystic Dreams RP - VS Code Theme