Otto Code

Publisher: LEG3NDYThemes in package: 1

A terminal-centric AI coding companion for Otto Code with split-terminal workflows, workspace context, diagnostics, and diff review.

Open in VS Code

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#071422
activityBar.foreground#E8F2FF
editor.background#06111d
editor.foreground#E8F2FF
editor.inactiveSelectionBackground#0B253D
editor.selectionBackground#103252
editor.wordHighlightBackground#0E4D7A55
editor.wordHighlightStrongBackground#1579C066
editorCursor.foreground#5DBDFF
editorLineNumber.activeForeground#B9D9FF
editorLineNumber.foreground#41617C
sideBar.background#07111B
sideBar.foreground#B9D9FF
statusBar.background#081726
statusBar.foreground#E8F2FF
terminal.ansiBlack#06111d
terminal.ansiBlue#0077D0
terminal.ansiBrightBlack#41617C
terminal.ansiBrightBlue#6DBEFF
terminal.ansiBrightCyan#A5E1FF
terminal.ansiBrightGreen#8DE8B8
terminal.ansiBrightMagenta#B7C3FF
terminal.ansiBrightRed#FFABB8
terminal.ansiBrightWhite#F8FBFF
terminal.ansiBrightYellow#F8D991
terminal.ansiCyan#5DBDFF
terminal.ansiGreen#64D79F
terminal.ansiMagenta#8EA1FF
terminal.ansiRed#FF7A90
terminal.ansiWhite#E8F2FF
terminal.ansiYellow#F2C15D
terminal.background#06111d
terminal.foreground#E8F2FF
terminalCursor.background#5DBDFF
terminalCursor.foreground#5DBDFF
titleBar.activeBackground#07111B
titleBar.activeForeground#E8F2FF

tokenColors

TextMate scopes and font styles (syntax highlighting rules).

scope	foreground	fontStyle
comment, punctuation.definition.comment	#6686A3	italic
keyword, storage.type, storage.modifier	#8EA1FF	—
string, constant.other.symbol	#64D79F	—
constant.numeric, constant.language	#F2C15D	—
entity.name.function, support.function	#5DBDFF	—
variable, entity.name.variable	#E8F2FF	—
entity.name.type, support.type, entity.name.class	#6DBEFF	—

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

Otto Code by LEG3NDY - VS Code Theme