zidane-ui 9.0.4 → 9.1.3

package/src/theme/themes.ts

@@ -1,767 +0,0 @@
-/**
- * GUI theme registry. Spiritually parallel to the canonical TUI themes
- * in `zidane/src/chat/themes/*` but decoupled — the renderer only
- * consumes a narrow subset (palette, surfaces and `syntax.default.fg`),
- * so we keep the shape local and avoid lockstepping with canonical
- * theme-type churn (which carries TUI-only fields the GUI never reads).
- *
- * GUI-only color slots that aren't in the TUI palette:
- *
- *   - `throbber: [from, to]` — Throbber gradient endpoints; defaults to
- *     `brand` and a muted `accent` when omitted.
- *   - `money: string` — footer cost-pill tint; defaults to `--zg-text-muted`
- *     when omitted.
- */
-
-export interface ThemeColors {
-  /** Brand and interactive colour. It becomes the palette's `accent`. */
-  brand: string;
-  /** Secondary hue, usually a success green. It becomes the palette's `accentAlt`. */
-  accent: string;
-  /** Tint that identifies the model. */
-  model: string;
-  /** Warning status colour. */
-  warn: string;
-  /** Error status colour. It becomes the palette's `danger`. */
-  error: string;
-  /** Secondary text colour. It becomes the palette's `textMuted`. */
-  dim: string;
-  /** Tertiary text colour. It becomes the palette's `textSubtle`. */
-  mute: string;
-  /** Default border colour. */
-  border: string;
-  /** Border colour of the focused or active element. It becomes the palette's focus `ring`. */
-  borderActive: string;
-  /** The two colours of the busy indicator. Defaults to `brand` and `accent`. */
-  throbber?: readonly [string, string];
-  /** Tint of the footer cost figure. Defaults to the muted text colour. */
-  money?: string;
-}
-
-/** Colours of a list of selectable options, in the shape the terminal themes use. */
-export interface ThemeSelect {
-  /** Background of an option. */
-  backgroundColor: string;
-  /** Background of the focused option. */
-  focusedBackgroundColor: string;
-  /** Background of the selected option. */
-  selectedBackgroundColor: string;
-  /** Text colour of the selected option. */
-  selectedTextColor: string;
-  /** Text colour of an option. */
-  textColor: string;
-  /** Colour of an option's description. */
-  descriptionColor: string;
-  /** Colour of the selected option's description. */
-  selectedDescriptionColor: string;
-}
-
-/** Colours of a diff in a theme. */
-export interface ThemeDiff {
-  /** Background of an added line. */
-  addBg: string;
-  /** Background of a removed line. */
-  removeBg: string;
-  /** Stronger background behind the changed text inside an added line. Derived when omitted. */
-  addContentBg?: string;
-  /** Stronger background behind the changed text inside a removed line. Derived when omitted. */
-  removeContentBg?: string;
-  /** Text colour of an added line. */
-  addFg: string;
-  /** Text colour of a removed line. */
-  removeFg: string;
-}
-
-/** Surface colours of a theme: the window canvas, reference chips, selection and diffs. */
-export interface ThemeSurfaces {
-  /** Background of the window and modal layers. It becomes the palette's canvas. */
-  modal: string;
-  /** Background and text colour of each kind of reference chip. */
-  chips: {
-    default: { bg: string; fg: string };
-    skills: { bg: string; fg: string };
-    files: { bg: string; fg: string };
-  };
-  /** Text selection background. */
-  selection: string;
-  /** Diff colours. */
-  diff: ThemeDiff;
-}
-
-/** Style of one syntax token: colours and font emphasis. */
-export interface SyntaxTokenStyle {
-  /** Text colour. */
-  fg?: string;
-  /** Background colour. */
-  bg?: string;
-  /** Draw the token in bold. */
-  bold?: boolean;
-  /** Draw the token in italic. */
-  italic?: boolean;
-  /** Draw the token underlined. */
-  underline?: boolean;
-}
-
-/**
- * Styles of syntax tokens by token name. The `default` entry's `fg` is the palette's body text
- * colour.
- */
-export type SyntaxStyles = Partial<Record<string, SyntaxTokenStyle>>;
-
-/**
- * A colour theme: its identity, palette, selection colours, surfaces and syntax styles. It
- * parallels the terminal UI's themes but keeps only what the GUI reads.
- */
-export interface Theme {
-  /** Unique id, such as `default` or `light`. It is what {@link resolveTheme} looks up. */
-  id: string;
-  /** Name shown in the theme picker. */
-  label: string;
-  /** The theme's palette. */
-  colors: ThemeColors;
-  /** Colours of selectable option lists. */
-  select: ThemeSelect;
-  /** Surface, selection, chip and diff colours. */
-  surfaces: ThemeSurfaces;
-  /** Syntax token styles. */
-  syntax: SyntaxStyles;
-}
-
-/*
- * Default (dark), GUI-owned. Authored in OKLCH against the derivation in
- * `theme/derive.ts` and pasted here as hex (the registry shape is hex):
- *
- *   canvas   oklch(0.17  0.008 260)   cool near-black, a whisper of blue
- *   text     oklch(0.93  0.006 260)   soft white, not #fff
- *   dim      oklch(0.68  0.012 260)
- *   mute     oklch(0.50  0.012 260)
- *   brand    oklch(0.70  0.15  240)   the default accent (user-overridable)
- *   accent   oklch(0.76  0.15  155)   success green
- *   model    oklch(0.82  0.09  230)
- *   warn     oklch(0.82  0.14   80)   amber
- *   error    oklch(0.68  0.19   25)
- *
- * Surfaces / borders are NOT authored: derive.ts steps them off the canvas
- * (border ≈ canvas L + 0.11). `border`/`borderActive` below are what that
- * yields, kept only because the registry shape requires them.
- */
-const DEFAULT_DIFF = {
-  addBg: '#192b23',
-  removeBg: '#2e1d1e',
-  addContentBg: '#224632',
-  removeContentBg: '#4b2828',
-  addFg: '#4ade80',
-  removeFg: '#f75d59',
-};
-
-const DEFAULT_COLORS = {
-  brand: '#26a9f1',
-  accent: '#52cd86',
-  model: '#85cff3',
-  warn: '#f3b94c',
-  error: '#f75d59',
-  dim: '#9499a0',
-  mute: '#5f636a',
-  border: '#262a2d',
-  borderActive: '#26a9f1',
-};
-
-const DEFAULT_CANVAS = '#0d1013';
-
-/** The default dark theme, used when an id is unknown. */
-export const DEFAULT_THEME: Theme = {
-  id: 'default',
-  label: 'Default',
-  colors: {
-    ...DEFAULT_COLORS,
-    throbber: ['#26a9f1', '#52cd86'],
-  },
-  select: {
-    backgroundColor: 'transparent',
-    focusedBackgroundColor: 'transparent',
-    selectedBackgroundColor: 'transparent',
-    selectedTextColor: DEFAULT_COLORS.brand,
-    textColor: DEFAULT_COLORS.dim,
-    descriptionColor: DEFAULT_COLORS.mute,
-    selectedDescriptionColor: DEFAULT_COLORS.dim,
-  },
-  surfaces: {
-    modal: DEFAULT_CANVAS,
-    // Bright accent → canvas-colored label (see `onFillText` in derive.ts).
-    chips: {
-      default: { bg: DEFAULT_COLORS.brand, fg: DEFAULT_CANVAS },
-      skills: { bg: DEFAULT_COLORS.brand, fg: DEFAULT_CANVAS },
-      files: { bg: DEFAULT_COLORS.model, fg: DEFAULT_CANVAS },
-    },
-    selection: 'rgba(38, 169, 241, 0.28)',
-    diff: DEFAULT_DIFF,
-  },
-
-  /*
-   * Syntax styles kept for Markdown and Shiki integrations. The renderer reads
-   * only `default.fg` (the body text colour, see `seedFromTheme`) and picks its
-   * Shiki theme by id (`shiki-theme.ts`). The full table matches the CLI themes.
-   */
-  syntax: {
-    default: { fg: '#e5e8ec' },
-    'markup.heading': { fg: DEFAULT_COLORS.brand, bold: true },
-    'markup.bold': { fg: '#ffffff', bold: true },
-    'markup.italic': { fg: '#e5e8ec', italic: true },
-    'markup.link': { fg: DEFAULT_COLORS.model, underline: true },
-    'markup.list': { fg: DEFAULT_COLORS.warn },
-    'markup.raw': { fg: DEFAULT_COLORS.model },
-    'markup.raw.block': { fg: DEFAULT_COLORS.model },
-    'markup.quote': { fg: DEFAULT_COLORS.dim, italic: true },
-  },
-};
-
-/*
- * ---------------------------------------------------------------------------
- * Catppuccin — canonical hex codes from https://catppuccin.com (Mocha,
- * Macchiato, Frappé, Latte). Mauve drives `brand`, Green `accent`, Blue
- * `model`, Yellow `warn`, Red `error`, Subtext0 `dim`, Overlay0 `mute`.
- * ---------------------------------------------------------------------------
- */
-
-const MOCHA: Theme = {
-  id: 'catppuccin-mocha',
-  label: 'Catppuccin Mocha',
-  colors: {
-    brand: '#cba6f7',
-    accent: '#a6e3a1',
-    model: '#89b4fa',
-    warn: '#f9e2af',
-    error: '#f38ba8',
-    dim: '#a6adc8',
-    mute: '#6c7086',
-    border: '#313244',
-    borderActive: '#45475a',
-    throbber: ['#cba6f7', '#89b4fa'],
-  },
-  select: {
-    backgroundColor: 'transparent',
-    focusedBackgroundColor: 'transparent',
-    selectedBackgroundColor: 'transparent',
-    selectedTextColor: '#cba6f7',
-    textColor: '#a6adc8',
-    descriptionColor: '#6c7086',
-    selectedDescriptionColor: '#a6adc8',
-  },
-  surfaces: {
-    modal: '#1e1e2e',
-    chips: {
-      default: { bg: '#cba6f7', fg: '#1e1e2e' },
-      skills: { bg: '#cba6f7', fg: '#1e1e2e' },
-      files: { bg: '#89b4fa', fg: '#1e1e2e' },
-    },
-    selection: '#313244',
-    diff: { addBg: '#0e2218', removeBg: '#2a1414', addFg: '#a6e3a1', removeFg: '#f38ba8' },
-  },
-  syntax: {
-    default: { fg: '#cdd6f4' },
-    'markup.heading': { fg: '#cba6f7', bold: true },
-    'markup.bold': { fg: '#cdd6f4', bold: true },
-    'markup.italic': { fg: '#cdd6f4', italic: true },
-    'markup.link': { fg: '#89b4fa', underline: true },
-    'markup.list': { fg: '#fab387' },
-    'markup.raw': { fg: '#a6e3a1' },
-    'markup.raw.block': { fg: '#a6e3a1' },
-    'markup.quote': { fg: '#a6adc8', italic: true },
-  },
-};
-
-const MACCHIATO: Theme = {
-  id: 'catppuccin-macchiato',
-  label: 'Catppuccin Macchiato',
-  colors: {
-    brand: '#c6a0f6',
-    accent: '#a6da95',
-    model: '#8aadf4',
-    warn: '#eed49f',
-    error: '#ed8796',
-    dim: '#b8c0e0',
-    mute: '#6e738d',
-    border: '#363a4f',
-    borderActive: '#494d64',
-    throbber: ['#c6a0f6', '#8aadf4'],
-  },
-  select: {
-    backgroundColor: 'transparent',
-    focusedBackgroundColor: 'transparent',
-    selectedBackgroundColor: 'transparent',
-    selectedTextColor: '#c6a0f6',
-    textColor: '#b8c0e0',
-    descriptionColor: '#6e738d',
-    selectedDescriptionColor: '#b8c0e0',
-  },
-  surfaces: {
-    modal: '#24273a',
-    chips: {
-      default: { bg: '#c6a0f6', fg: '#24273a' },
-      skills: { bg: '#c6a0f6', fg: '#24273a' },
-      files: { bg: '#8aadf4', fg: '#24273a' },
-    },
-    selection: '#363a4f',
-    diff: { addBg: '#102217', removeBg: '#2a1418', addFg: '#a6da95', removeFg: '#ed8796' },
-  },
-  syntax: {
-    default: { fg: '#cad3f5' },
-    'markup.heading': { fg: '#c6a0f6', bold: true },
-    'markup.bold': { fg: '#cad3f5', bold: true },
-    'markup.italic': { fg: '#cad3f5', italic: true },
-    'markup.link': { fg: '#8aadf4', underline: true },
-    'markup.list': { fg: '#f5a97f' },
-    'markup.raw': { fg: '#a6da95' },
-    'markup.raw.block': { fg: '#a6da95' },
-    'markup.quote': { fg: '#b8c0e0', italic: true },
-  },
-};
-
-const FRAPPE: Theme = {
-  id: 'catppuccin-frappe',
-  label: 'Catppuccin Frappé',
-  colors: {
-    brand: '#ca9ee6',
-    accent: '#a6d189',
-    model: '#8caaee',
-    warn: '#e5c890',
-    error: '#e78284',
-    dim: '#b5bfe2',
-    mute: '#737994',
-    border: '#414559',
-    borderActive: '#51576d',
-    throbber: ['#ca9ee6', '#8caaee'],
-  },
-  select: {
-    backgroundColor: 'transparent',
-    focusedBackgroundColor: 'transparent',
-    selectedBackgroundColor: 'transparent',
-    selectedTextColor: '#ca9ee6',
-    textColor: '#b5bfe2',
-    descriptionColor: '#737994',
-    selectedDescriptionColor: '#b5bfe2',
-  },
-  surfaces: {
-    modal: '#303446',
-    chips: {
-      default: { bg: '#ca9ee6', fg: '#303446' },
-      skills: { bg: '#ca9ee6', fg: '#303446' },
-      files: { bg: '#8caaee', fg: '#303446' },
-    },
-    selection: '#414559',
-    diff: { addBg: '#142019', removeBg: '#2a1819', addFg: '#a6d189', removeFg: '#e78284' },
-  },
-  syntax: {
-    default: { fg: '#c6d0f5' },
-    'markup.heading': { fg: '#ca9ee6', bold: true },
-    'markup.bold': { fg: '#c6d0f5', bold: true },
-    'markup.italic': { fg: '#c6d0f5', italic: true },
-    'markup.link': { fg: '#8caaee', underline: true },
-    'markup.list': { fg: '#ef9f76' },
-    'markup.raw': { fg: '#a6d189' },
-    'markup.raw.block': { fg: '#a6d189' },
-    'markup.quote': { fg: '#b5bfe2', italic: true },
-  },
-};
-
-/*
- * Latte is the light flavor — Base is the lightest surface, Text is
- * near-black. The `dim` / `mute` roles flip relative to the dark
- * flavors (Subtext1 / Overlay2). Diff backgrounds use the inverted
- * pastel pair from Catppuccin's official spec.
- */
-const LATTE: Theme = {
-  id: 'catppuccin-latte',
-  // Label tracks canonical exactly: it is the string the picker shows, and
-  // two labels for one id read as two different themes across surfaces.
-  label: 'Catppuccin Latte (light)',
-  colors: {
-    brand: '#8839ef',
-    accent: '#40a02b',
-    model: '#1e66f5',
-    warn: '#df8e1d',
-    error: '#d20f39',
-    dim: '#5c5f77',
-    mute: '#8c8fa1',
-    border: '#ccd0da',
-    borderActive: '#bcc0cc',
-    throbber: ['#8839ef', '#1e66f5'],
-  },
-  select: {
-    backgroundColor: 'transparent',
-    focusedBackgroundColor: 'transparent',
-    selectedBackgroundColor: 'transparent',
-    selectedTextColor: '#8839ef',
-    textColor: '#5c5f77',
-    descriptionColor: '#8c8fa1',
-    selectedDescriptionColor: '#5c5f77',
-  },
-  surfaces: {
-    modal: '#eff1f5',
-    chips: {
-      default: { bg: '#8839ef', fg: '#eff1f5' },
-      skills: { bg: '#8839ef', fg: '#eff1f5' },
-      files: { bg: '#1e66f5', fg: '#eff1f5' },
-    },
-    selection: '#dce0e8',
-    diff: { addBg: '#d6efd7', removeBg: '#f5d6dc', addFg: '#40a02b', removeFg: '#d20f39' },
-  },
-  syntax: {
-    default: { fg: '#4c4f69' },
-    'markup.heading': { fg: '#8839ef', bold: true },
-    'markup.bold': { fg: '#4c4f69', bold: true },
-    'markup.italic': { fg: '#4c4f69', italic: true },
-    'markup.link': { fg: '#1e66f5', underline: true },
-    'markup.list': { fg: '#fe640b' },
-    'markup.raw': { fg: '#40a02b' },
-    'markup.raw.block': { fg: '#40a02b' },
-    'markup.quote': { fg: '#6c6f85', italic: true },
-  },
-};
-
-/*
- * Crush — homage to the canonical Pantera-tinged purple/pink. Lifted
- * from the TUI's `zidane/src/chat/themes/crush.ts` palette in spirit;
- * the hex codes are tuned to match the throbber's signature
- * fuchsia → violet ramp.
- */
-const CRUSH: Theme = {
-  id: 'crush',
-  label: 'Crush (Pantera)',
-  colors: {
-    brand: '#ff4cd8',
-    accent: '#c084fc',
-    model: '#f0abfc',
-    warn: '#fde047',
-    error: '#fb7185',
-    dim: '#d8b4fe',
-    mute: '#7e22ce',
-    border: '#3b0764',
-    borderActive: '#7e22ce',
-    throbber: ['#ff4cd8', '#7c3aed'],
-    money: '#86efac',
-  },
-  select: {
-    backgroundColor: 'transparent',
-    focusedBackgroundColor: 'transparent',
-    selectedBackgroundColor: 'transparent',
-    selectedTextColor: '#ff4cd8',
-    textColor: '#d8b4fe',
-    descriptionColor: '#a855f7',
-    selectedDescriptionColor: '#e9d5ff',
-  },
-  surfaces: {
-    modal: '#1a0033',
-    chips: {
-      default: { bg: '#ff4cd8', fg: '#1a0033' },
-      skills: { bg: '#c084fc', fg: '#1a0033' },
-      files: { bg: '#f0abfc', fg: '#1a0033' },
-    },
-    selection: '#3b0764',
-    diff: { addBg: '#102218', removeBg: '#2a0a1f', addFg: '#86efac', removeFg: '#ff4cd8' },
-  },
-  syntax: {
-    default: { fg: '#f5d0fe' },
-    'markup.heading': { fg: '#ff4cd8', bold: true },
-    'markup.bold': { fg: '#f5d0fe', bold: true },
-    'markup.italic': { fg: '#f5d0fe', italic: true },
-    'markup.link': { fg: '#c084fc', underline: true },
-    'markup.list': { fg: '#fde047' },
-    'markup.raw': { fg: '#f0abfc' },
-    'markup.raw.block': { fg: '#f0abfc' },
-    'markup.quote': { fg: '#d8b4fe', italic: true },
-  },
-};
-
-const VAPORWAVE: Theme = {
-  id: 'vaporwave',
-  label: 'Vaporwave',
-  colors: {
-    brand: '#ff71ce',
-    accent: '#01cdfe',
-    model: '#b967ff',
-    warn: '#fffb96',
-    error: '#ff5e5e',
-    dim: '#a78bfa',
-    mute: '#6b21a8',
-    border: '#2d1b4d',
-    borderActive: '#4c1d95',
-    throbber: ['#ff71ce', '#01cdfe'],
-    money: '#05ffa1',
-  },
-  select: {
-    backgroundColor: 'transparent',
-    focusedBackgroundColor: 'transparent',
-    selectedBackgroundColor: 'transparent',
-    selectedTextColor: '#ff71ce',
-    textColor: '#c084fc',
-    descriptionColor: '#a78bfa',
-    selectedDescriptionColor: '#c084fc',
-  },
-  surfaces: {
-    modal: '#13002e',
-    chips: {
-      default: { bg: '#ff71ce', fg: '#13002e' },
-      skills: { bg: '#ff71ce', fg: '#13002e' },
-      files: { bg: '#01cdfe', fg: '#13002e' },
-    },
-    selection: '#2d1b4d',
-    diff: { addBg: '#0d1f1a', removeBg: '#2a0a1f', addFg: '#86efac', removeFg: '#ff71ce' },
-  },
-  syntax: {
-    default: { fg: '#fce7f3' },
-    'markup.heading': { fg: '#ff71ce', bold: true },
-    'markup.bold': { fg: '#fce7f3', bold: true },
-    'markup.italic': { fg: '#fce7f3', italic: true },
-    'markup.link': { fg: '#01cdfe', underline: true },
-    'markup.list': { fg: '#fffb96' },
-    'markup.raw': { fg: '#b967ff' },
-    'markup.raw.block': { fg: '#b967ff' },
-    'markup.quote': { fg: '#a78bfa', italic: true },
-  },
-};
-
-/*
- * Light — the neutral light theme (GitHub Light register). Ported from
- * canonical `zidane/src/chat/themes/light.ts`, with the GUI's own hues: the
- * brand on dark's sky-blue family (h248, not GitHub's violet-leaning h257)
- * and the status tones at ~3.5–4.5:1 instead of GitHub's deep 4.5–7:1, so
- * text stays readable without the palette going muddy. Dots and other fills
- * lift these further on their own (`DotColors` in derive.ts).
- *
- * The GUI palette SHAPE is deliberately its own (`--zg-*`, `throbber` as a
- * tuple, no `surfaces.background`), but the theme ID SET must not diverge:
- * `Settings.theme` is a single value shared by every surface and fanned out
- * over IPC via `settings:changed`, so an id the TUI offers and the GUI lacks
- * makes the GUI silently fall back to `DEFAULT_THEME` while the TUI honours
- * the choice. `gui/src/renderer/src/chat/_vendor/parity.test.ts` locks the two sets together.
- */
-const LIGHT: Theme = {
-  id: 'light',
-  label: 'Light',
-  colors: {
-    brand: '#0075c3',
-    accent: '#1b9247',
-    model: '#1666aa',
-    warn: '#b47500',
-    error: '#de3b3d',
-    dim: '#656d76',
-    mute: '#8c959f',
-    border: '#d0d7de',
-    borderActive: '#0075c3',
-    // Stays inside the brand-blue family rather than detouring through the
-    // accent green the omitted-throbber fallback would pick.
-    throbber: ['#0075c3', '#1666aa'],
-  },
-  select: {
-    backgroundColor: 'transparent',
-    focusedBackgroundColor: 'transparent',
-    selectedBackgroundColor: 'transparent',
-    selectedTextColor: '#0075c3',
-    textColor: '#1f2328',
-    descriptionColor: '#8c959f',
-    selectedDescriptionColor: '#656d76',
-  },
-  surfaces: {
-    modal: '#f6f8fa',
-    // Skills take the saturated brand pill; files take the inverse (pale
-    // blue bg, deep brand fg) so the two reference kinds read as a pair.
-    chips: {
-      default: { bg: '#0075c3', fg: '#ffffff' },
-      skills: { bg: '#0075c3', fg: '#ffffff' },
-      files: { bg: '#ddf4ff', fg: '#1666aa' },
-    },
-    selection: '#ddf4ff',
-    // Row paint is GitHub's pale `*Subtle` tier; the content column punches
-    // a half-tier deeper so highlighted code contrasts against the gutter.
-    diff: {
-      addBg: '#dafbe1',
-      removeBg: '#ffebe9',
-      addContentBg: '#aceebb',
-      removeContentBg: '#ffcecb',
-      addFg: '#1b9247',
-      removeFg: '#de3b3d',
-    },
-  },
-  syntax: {
-    default: { fg: '#1f2328' },
-    'markup.heading': { fg: '#0075c3', bold: true },
-    'markup.bold': { fg: '#1f2328', bold: true },
-    'markup.italic': { fg: '#1f2328', italic: true },
-    'markup.link': { fg: '#0075c3', underline: true },
-    'markup.list': { fg: '#953800' },
-    'markup.raw': { fg: '#953800' },
-    'markup.raw.block': { fg: '#953800' },
-    'markup.quote': { fg: '#656d76', italic: true },
-  },
-};
-
-/**
- * Gruvbox palette subset the GUI actually reads. Mirrors the canonical
- * `GruvboxPalette` field names so the two files stay diffable by eye.
- */
-interface GruvboxPalette {
-  dark: boolean;
-  bg0: string;
-  bg1: string;
-  bg2: string;
-  bg4: string;
-  fg0: string;
-  fg1: string;
-  fg2: string;
-  fg3: string;
-  fg4: string;
-  red: string;
-  green: string;
-  yellow: string;
-  blue: string;
-  orange: string;
-  gray: string;
-}
-
-const GRUVBOX_DARK_PALETTE: GruvboxPalette = {
-  dark: true,
-  bg0: '#282828',
-  bg1: '#3c3836',
-  bg2: '#504945',
-  bg4: '#7c6f64',
-  fg0: '#fbf1c7',
-  fg1: '#ebdbb2',
-  fg2: '#d5c4a1',
-  fg3: '#bdae93',
-  fg4: '#a89984',
-  red: '#fb4934',
-  green: '#b8bb26',
-  yellow: '#fabd2f',
-  blue: '#83a598',
-  orange: '#fe8019',
-  gray: '#928374',
-};
-
-const GRUVBOX_LIGHT_PALETTE: GruvboxPalette = {
-  dark: false,
-  bg0: '#fbf1c7',
-  bg1: '#ebdbb2',
-  bg2: '#d5c4a1',
-  bg4: '#a89984',
-  fg0: '#282828',
-  fg1: '#3c3836',
-  fg2: '#504945',
-  fg3: '#665c54',
-  fg4: '#7c6f64',
-  red: '#cc241d',
-  green: '#98971a',
-  yellow: '#d79921',
-  blue: '#458588',
-  orange: '#d65d0e',
-  gray: '#928374',
-};
-
-/*
- * Built from a palette rather than spelled out twice — the dark/light
- * variants differ ONLY in their palette, exactly as in canonical, so a
- * factory keeps them from drifting apart independently.
- */
-function gruvboxTheme(id: string, label: string, p: GruvboxPalette): Theme {
-  return {
-    id,
-    label,
-    colors: {
-      brand: p.yellow,
-      accent: p.green,
-      model: p.blue,
-      warn: p.orange,
-      error: p.red,
-      dim: p.fg3,
-      mute: p.gray,
-      border: p.bg2,
-      borderActive: p.bg4,
-      throbber: [p.yellow, p.orange],
-      money: p.yellow,
-    },
-    select: {
-      backgroundColor: 'transparent',
-      focusedBackgroundColor: 'transparent',
-      selectedBackgroundColor: 'transparent',
-      selectedTextColor: p.yellow,
-      textColor: p.fg2,
-      descriptionColor: p.fg4,
-      selectedDescriptionColor: p.fg3,
-    },
-    surfaces: {
-      modal: p.bg0,
-      chips: {
-        default: { bg: p.yellow, fg: p.dark ? p.bg0 : p.fg0 },
-        skills: { bg: p.yellow, fg: p.dark ? p.bg0 : p.fg0 },
-        files: { bg: p.blue, fg: p.dark ? p.bg0 : '#fbf1c7' },
-      },
-      selection: p.bg1,
-      diff: {
-        addBg: p.bg1,
-        removeBg: p.bg1,
-        addContentBg: p.bg2,
-        removeContentBg: p.bg2,
-        addFg: p.green,
-        removeFg: p.red,
-      },
-    },
-    syntax: {
-      default: { fg: p.fg1 },
-      'markup.heading': { fg: p.yellow, bold: true },
-      'markup.bold': { fg: p.fg0, bold: true },
-      'markup.italic': { fg: p.fg1, italic: true },
-      'markup.link': { fg: p.blue, underline: true },
-      'markup.list': { fg: p.orange },
-      'markup.raw': { fg: p.green },
-      'markup.raw.block': { fg: p.green },
-      'markup.quote': { fg: p.fg4, italic: true },
-    },
-  };
-}
-
-const GRUVBOX_DARK = gruvboxTheme('gruvbox-dark', 'Gruvbox Dark', GRUVBOX_DARK_PALETTE);
-const GRUVBOX_LIGHT = gruvboxTheme('gruvbox-light', 'Gruvbox Light', GRUVBOX_LIGHT_PALETTE);
-
-/*
- * Insertion order is the picker cycle order and mirrors canonical's:
- * `default` first so a fresh install sees the familiar theme, then light,
- * then the flavor families.
- */
-/**
- * The built-in themes by id. Insertion order is the picker cycle order: `default` first, then
- * light, then the dark and light families.
- */
-export const BUILTIN_THEMES: Readonly<Record<string, Theme>> = {
-  [DEFAULT_THEME.id]: DEFAULT_THEME,
-  [LIGHT.id]: LIGHT,
-  [MOCHA.id]: MOCHA,
-  [MACCHIATO.id]: MACCHIATO,
-  [FRAPPE.id]: FRAPPE,
-  [LATTE.id]: LATTE,
-  [GRUVBOX_DARK.id]: GRUVBOX_DARK,
-  [GRUVBOX_LIGHT.id]: GRUVBOX_LIGHT,
-  [CRUSH.id]: CRUSH,
-  [VAPORWAVE.id]: VAPORWAVE,
-};
-
-/**
- * Finds a theme by id.
- *
- * @param id - The theme id. May be `undefined`.
- * @param extraThemes - Extension themes, checked before the built-in ones.
- * @returns The matching theme, or {@link DEFAULT_THEME} when the id is missing or unknown.
- */
-export function resolveTheme(id: string | undefined, extraThemes: readonly Theme[] = []): Theme {
-  if (id) {
-    const extra = extraThemes.find((theme) => theme.id === id);
-    if (extra) {
-      return extra;
-    }
-
-    if (BUILTIN_THEMES[id]) {
-      return BUILTIN_THEMES[id];
-    }
-  }
-
-  return DEFAULT_THEME;
-}