claudish 7.61.0 → 7.62.0

package/dist/index.js

@@ -729,7 +729,7 @@ var init_onepassword_config = __esm(() => {
 });
 
 // src/version.ts
-var VERSION = "7.61.0";
+var VERSION = "7.62.0";
 
 // src/logger.ts
 var exports_logger = {};
@@ -54912,6 +54912,208 @@ var init_serve_command = __esm(() => {
   init_proxy_server();
 });
 
+// src/theme/theme-mode.ts
+var exports_theme_mode = {};
+__export(exports_theme_mode, {
+  themeModeOverride: () => themeModeOverride,
+  themeModeFromColorFgBg: () => themeModeFromColorFgBg,
+  setThemeMode: () => setThemeMode,
+  resetThemeModeForTests: () => resetThemeModeForTests,
+  relativeLuminance: () => relativeLuminance,
+  queryTerminalThemeMode: () => queryTerminalThemeMode,
+  onThemeModeChange: () => onThemeModeChange,
+  getThemeMode: () => getThemeMode,
+  detectAndSetThemeModeSync: () => detectAndSetThemeModeSync,
+  detectAndSetThemeMode: () => detectAndSetThemeMode,
+  classifyOscBackground: () => classifyOscBackground
+});
+function getThemeMode() {
+  return detected;
+}
+function setThemeMode(mode) {
+  detected = mode;
+  for (const cb of listeners)
+    cb(mode);
+}
+function onThemeModeChange(cb) {
+  listeners.push(cb);
+  cb(detected);
+}
+function resetThemeModeForTests() {
+  setThemeMode(null);
+}
+function themeModeOverride(env = process.env) {
+  const raw2 = env.CLAUDISH_THEME?.trim().toLowerCase();
+  if (raw2 === "light" || raw2 === "dark")
+    return raw2;
+  return null;
+}
+function themeModeFromColorFgBg(env = process.env) {
+  const raw2 = env.COLORFGBG;
+  if (!raw2)
+    return null;
+  const last = raw2.split(";").pop()?.trim();
+  if (!last || !/^\d+$/.test(last))
+    return null;
+  const bg = Number.parseInt(last, 10);
+  if (bg === 7 || bg === 15)
+    return "light";
+  if (bg <= 8)
+    return "dark";
+  return null;
+}
+function relativeLuminance(r, g, b) {
+  const lin = (c) => c <= 0.03928 ? c / 12.92 : ((c + 0.055) / 1.055) ** 2.4;
+  return 0.2126 * lin(r) + 0.7152 * lin(g) + 0.0722 * lin(b);
+}
+function classifyOscBackground(reply) {
+  const m = reply.match(/\]11;rgb:([0-9a-fA-F]{1,4})\/([0-9a-fA-F]{1,4})\/([0-9a-fA-F]{1,4})/);
+  if (!m)
+    return null;
+  const channel = (hex3) => {
+    const max = 16 ** hex3.length - 1;
+    return Number.parseInt(hex3, 16) / max;
+  };
+  const lum = relativeLuminance(channel(m[1]), channel(m[2]), channel(m[3]));
+  return lum >= MID_SRGB_LUMINANCE ? "light" : "dark";
+}
+async function queryTerminalThemeMode(timeoutMs = 150) {
+  const stdin = process.stdin;
+  const stdout = process.stdout;
+  if (!stdin.isTTY || !stdout.isTTY || typeof stdin.setRawMode !== "function")
+    return null;
+  if (process.env.TERM === "dumb")
+    return null;
+  return await new Promise((resolve5) => {
+    let buffer = "";
+    let settled = false;
+    const wasRaw = stdin.isRaw === true;
+    const finish = (mode) => {
+      if (settled)
+        return;
+      settled = true;
+      clearTimeout(timer);
+      stdin.off("data", onData);
+      try {
+        if (!wasRaw)
+          stdin.setRawMode(false);
+        stdin.pause();
+      } catch {}
+      resolve5(mode);
+    };
+    const onData = (chunk) => {
+      buffer += chunk.toString("latin1");
+      if (/\]11;[^\x07\x1b]*(\x07|\x1b\\)/.test(buffer)) {
+        finish(classifyOscBackground(buffer));
+      }
+    };
+    const timer = setTimeout(() => finish(null), timeoutMs);
+    try {
+      if (!wasRaw)
+        stdin.setRawMode(true);
+      stdin.resume();
+      stdin.on("data", onData);
+      stdout.write("\x1B]11;?\x07");
+    } catch {
+      finish(null);
+    }
+  });
+}
+async function detectAndSetThemeMode() {
+  const override = themeModeOverride();
+  if (override) {
+    setThemeMode(override);
+    return override;
+  }
+  const fromEnv = themeModeFromColorFgBg();
+  if (fromEnv) {
+    setThemeMode(fromEnv);
+    return fromEnv;
+  }
+  const fromOsc = await queryTerminalThemeMode();
+  setThemeMode(fromOsc);
+  return fromOsc;
+}
+function detectAndSetThemeModeSync() {
+  const mode = themeModeOverride() ?? themeModeFromColorFgBg();
+  if (mode)
+    setThemeMode(mode);
+  return mode ?? detected;
+}
+var detected = null, listeners, MID_SRGB_LUMINANCE;
+var init_theme_mode = __esm(() => {
+  listeners = [];
+  MID_SRGB_LUMINANCE = relativeLuminance(0.5, 0.5, 0.5);
+});
+
+// src/theme/ansi.ts
+function fgHex(hex3) {
+  const r = Number.parseInt(hex3.slice(1, 3), 16);
+  const g = Number.parseInt(hex3.slice(3, 5), 16);
+  const b = Number.parseInt(hex3.slice(5, 7), 16);
+  return `\x1B[38;2;${r};${g};${b}m`;
+}
+function bgHex(hex3) {
+  const r = Number.parseInt(hex3.slice(1, 3), 16);
+  const g = Number.parseInt(hex3.slice(3, 5), 16);
+  const b = Number.parseInt(hex3.slice(5, 7), 16);
+  return `\x1B[48;2;${r};${g};${b}m`;
+}
+function cliAnsi() {
+  if (process.env.NO_COLOR)
+    return NONE;
+  return getThemeMode() === "light" ? LIGHT : CLASSIC;
+}
+var CLASSIC, LIGHT, NONE;
+var init_ansi = __esm(() => {
+  init_theme_mode();
+  CLASSIC = {
+    RESET: "\x1B[0m",
+    BOLD: "\x1B[1m",
+    DIM: "\x1B[2m",
+    ITALIC: "\x1B[3m",
+    GREEN: "\x1B[32m",
+    BRIGHT_GREEN: "\x1B[92m",
+    RED: "\x1B[31m",
+    YELLOW: "\x1B[33m",
+    CYAN: "\x1B[36m",
+    BLUE: "\x1B[34m",
+    MAGENTA: "\x1B[35m",
+    GRAY: "\x1B[90m",
+    STRONG: "\x1B[37m"
+  };
+  LIGHT = {
+    RESET: "\x1B[0m",
+    BOLD: "\x1B[1m",
+    DIM: "\x1B[2m",
+    ITALIC: "\x1B[3m",
+    GREEN: fgHex("#15803d"),
+    BRIGHT_GREEN: fgHex("#166534"),
+    RED: fgHex("#dc2626"),
+    YELLOW: fgHex("#a16207"),
+    CYAN: fgHex("#0e7490"),
+    BLUE: fgHex("#1d4ed8"),
+    MAGENTA: fgHex("#9333ea"),
+    GRAY: fgHex("#6b7280"),
+    STRONG: fgHex("#111827")
+  };
+  NONE = {
+    RESET: "",
+    BOLD: "",
+    DIM: "",
+    ITALIC: "",
+    GREEN: "",
+    BRIGHT_GREEN: "",
+    RED: "",
+    YELLOW: "",
+    CYAN: "",
+    BLUE: "",
+    MAGENTA: "",
+    GRAY: "",
+    STRONG: ""
+  };
+});
+
 // src/behavior-command.ts
 var exports_behavior_command = {};
 __export(exports_behavior_command, {
@@ -55097,10 +55299,23 @@ Usage:
       process.exit(1);
   }
 }
-var green = (s) => `\x1B[32m${s}\x1B[0m`, yellow = (s) => `\x1B[33m${s}\x1B[0m`, dim2 = (s) => `\x1B[2m${s}\x1B[0m`, bold2 = (s) => `\x1B[1m${s}\x1B[0m`;
+var green = (s) => {
+  const a = cliAnsi();
+  return `${a.GREEN}${s}${a.RESET}`;
+}, yellow = (s) => {
+  const a = cliAnsi();
+  return `${a.YELLOW}${s}${a.RESET}`;
+}, dim2 = (s) => {
+  const a = cliAnsi();
+  return `${a.DIM}${s}${a.RESET}`;
+}, bold2 = (s) => {
+  const a = cliAnsi();
+  return `${a.BOLD}${s}${a.RESET}`;
+};
 var init_behavior_command = __esm(() => {
   init_behavior();
   init_profile_config();
+  init_ansi();
 });
 
 // src/team-grid.ts
@@ -57088,13 +57303,13 @@ var init_mjs = __esm(() => {
       this.#sigListeners = {};
       for (const sig of signals) {
         this.#sigListeners[sig] = () => {
-          const listeners = this.#process.listeners(sig);
+          const listeners2 = this.#process.listeners(sig);
           let { count } = this.#emitter;
           const p = process4;
           if (typeof p.__signal_exit_emitter__ === "object" && typeof p.__signal_exit_emitter__.count === "number") {
             count += p.__signal_exit_emitter__.count;
           }
-          if (listeners.length === count) {
+          if (listeners2.length === count) {
             this.unload();
             const ret = this.#emitter.emit("exit", null, sig);
             const s = sig === "SIGHUP" ? this.#hupSig : sig;
@@ -68316,7 +68531,21 @@ __export(exports_quota_command, {
   formatRelativeReset: () => formatRelativeReset,
   buildUsageBar: () => buildUsageBar
 });
+function refreshAnsi() {
+  const a = cliAnsi();
+  R = a.RESET;
+  B = a.BOLD;
+  D = a.DIM;
+  I = a.ITALIC;
+  RED = a.RED;
+  GRN = a.GREEN;
+  YEL = a.YELLOW;
+  CYN = a.CYAN;
+  WHT = a.STRONG;
+  GRY = a.GRAY;
+}
 async function quotaCommand(provider) {
+  refreshAnsi();
   const adapter = provider ? resolveAdapterFromInput(provider) : await promptForAdapter();
   if (!adapter) {
     printUnknownProvider(provider ?? "");
@@ -68457,6 +68686,7 @@ function colorFor(usedPct) {
   return usedPct < 50 ? GRN : usedPct < 80 ? YEL : RED;
 }
 function buildUsageBar(usedFraction, color, width = 24) {
+  refreshAnsi();
   const clamped = Math.max(0, Math.min(1, usedFraction));
   const usedCols = clamped >= 1 ? width : Math.max(clamped > 0.005 ? 1 : 0, Math.round(clamped * width));
   const freeCols = width - usedCols;
@@ -68480,9 +68710,10 @@ function formatRelativeReset(resetTime) {
     return `resets ${hours}h`;
   return `resets ${minutes}m`;
 }
-var R = "\x1B[0m", B = "\x1B[1m", D = "\x1B[2m", I = "\x1B[3m", RED = "\x1B[31m", GRN = "\x1B[32m", YEL = "\x1B[33m", CYN = "\x1B[36m", WHT = "\x1B[37m", GRY = "\x1B[90m", W = 58, FRIENDLY_NAMES;
+var R = "", B = "", D = "", I = "", RED = "", GRN = "", YEL = "", CYN = "", WHT = "", GRY = "", W = 58, FRIENDLY_NAMES;
 var init_quota_command = __esm(() => {
   init_provider_definitions();
+  init_ansi();
   init_registry();
   FRIENDLY_NAMES = {
     gpt: "openai-codex",
@@ -69614,11 +69845,11 @@ var init_model_selector = __esm(() => {
 import { createTextAttributes } from "@opentui/core";
 function latencyBucket(ms) {
   const v = Math.max(0, ms);
-  for (const b of LATENCY_BUCKETS) {
+  for (const b of activeLatencyBuckets) {
     if (v < b.maxMs)
       return b;
   }
-  return LATENCY_BUCKETS[LATENCY_BUCKETS.length - 1];
+  return activeLatencyBuckets[activeLatencyBuckets.length - 1];
 }
 function formatLatency(ms) {
   if (ms < 1000)
@@ -69647,6 +69878,24 @@ function hexToAnsiFg(hex3) {
   const b = Number.parseInt(hex3.slice(5, 7), 16);
   return `\x1B[38;2;${r};${g};${b}m`;
 }
+function registerPaletteRefresher(fn) {
+  paletteRefreshers.push(fn);
+  fn();
+}
+function applyTuiTheme(mode) {
+  const palette = mode === "light" ? LIGHT2 : DARK;
+  activeLatencyBuckets = mode === "light" ? LATENCY_BUCKETS_LIGHT : LATENCY_BUCKETS_DARK;
+  Object.assign(C, palette);
+  Object.assign(STAGE_BG, mode === "light" ? STAGE_BG_LIGHT : STAGE_BG_DARK);
+  STAGE_BG_ANSI.network = hexToAnsiBg(STAGE_BG.network);
+  STAGE_BG_ANSI.server = hexToAnsiBg(STAGE_BG.server);
+  STAGE_BG_ANSI.streaming = hexToAnsiBg(STAGE_BG.streaming);
+  STAGE_FG.network = C.cyan;
+  STAGE_FG.server = C.blue;
+  STAGE_FG.streaming = C.yellow;
+  for (const fn of paletteRefreshers)
+    fn();
+}
 function throughputFg(tokensPerSec) {
   if (tokensPerSec >= 100)
     return C.brightGreen;
@@ -69713,9 +69962,10 @@ function tokBarCells(tokensPerSec, maxTokPerSec, tokWidth) {
   const raw2 = Math.round(tokWidth * Math.max(0, tokensPerSec) / denom);
   return Math.min(tokWidth, Math.max(0, raw2));
 }
-var C, bold3, A, LATENCY_BUCKETS, latencyFg = "#ffffff", LATENCY_FG_ANSI = "\x1B[38;2;255;255;255m", ANSI_RESET = "\x1B[0m", STAGE_BG, STAGE_FG, STAGE_BG_ANSI;
+var DARK, LIGHT2, C, bold3, A, LATENCY_BUCKETS_DARK, LATENCY_BUCKETS_LIGHT, activeLatencyBuckets, latencyFg = "#ffffff", LATENCY_FG_ANSI = "\x1B[38;2;255;255;255m", ANSI_RESET = "\x1B[0m", STAGE_BG_DARK, STAGE_BG_LIGHT, STAGE_BG, STAGE_FG, STAGE_BG_ANSI, paletteRefreshers;
 var init_theme2 = __esm(() => {
-  C = {
+  init_theme_mode();
+  DARK = {
     bg: "#000000",
     bgAlt: "#111111",
     bgHighlight: "#1e3a5f",
@@ -69735,6 +69985,8 @@ var init_theme2 = __esm(() => {
     orange: "#ff8800",
     white: "#ffffff",
     black: "#000000",
+    ink: "#ffffff",
+    strong: "#ffffff",
     tabActiveBg: "#0088ff",
     tabInactiveBg: "#001a33",
     tabActiveFg: "#ffffff",
@@ -69744,23 +69996,71 @@ var init_theme2 = __esm(() => {
     chipKeyBg: "#3a3a3a",
     chipLabelBg: "#222222"
   };
+  LIGHT2 = {
+    bg: "#ffffff",
+    bgAlt: "#f3f4f6",
+    bgHighlight: "#bfdbfe",
+    bgError: "#fee2e2",
+    fg: "#1f2937",
+    fgMuted: "#4b5563",
+    dim: "#6b7280",
+    border: "#d1d5db",
+    focusBorder: "#2563eb",
+    green: "#15803d",
+    brightGreen: "#166534",
+    red: "#dc2626",
+    yellow: "#a16207",
+    cyan: "#0e7490",
+    blue: "#1d4ed8",
+    magenta: "#9333ea",
+    orange: "#c2410c",
+    white: "#ffffff",
+    black: "#000000",
+    ink: "#ffffff",
+    strong: "#111827",
+    tabActiveBg: "#2563eb",
+    tabInactiveBg: "#e5e7eb",
+    tabActiveFg: "#ffffff",
+    tabInactiveFg: "#374151",
+    pillKeyBg: "#2d6e3e",
+    pillOauthBg: "#1f6d75",
+    chipKeyBg: "#d1d5db",
+    chipLabelBg: "#e5e7eb"
+  };
+  C = { ...DARK };
   bold3 = createTextAttributes({ bold: true });
   A = {
     bold: bold3,
     boldIf: (enabled2) => enabled2 ? bold3 : undefined
   };
-  LATENCY_BUCKETS = [
+  LATENCY_BUCKETS_DARK = [
     { maxMs: 500, hex: "#1f8f3b" },
     { maxMs: 1000, hex: "#2d6e3e" },
     { maxMs: 3000, hex: "#8a7d1e" },
     { maxMs: 6000, hex: "#b5651d" },
     { maxMs: Number.POSITIVE_INFINITY, hex: "#9e2b2b" }
   ];
-  STAGE_BG = {
+  LATENCY_BUCKETS_LIGHT = [
+    { maxMs: 500, hex: "#1d8738" },
+    { maxMs: 1000, hex: "#2d6e3e" },
+    { maxMs: 3000, hex: "#83771c" },
+    { maxMs: 6000, hex: "#b0621c" },
+    { maxMs: Number.POSITIVE_INFINITY, hex: "#9e2b2b" }
+  ];
+  activeLatencyBuckets = LATENCY_BUCKETS_DARK;
+  STAGE_BG_DARK = {
     network: "#00b3c4",
     server: "#2563ff",
     streaming: "#ffcc00"
   };
+  STAGE_BG_LIGHT = {
+    network: "#0891b2",
+    server: "#2563eb",
+    streaming: "#d97706"
+  };
+  STAGE_BG = {
+    ...STAGE_BG_DARK
+  };
   STAGE_FG = {
     network: C.cyan,
     server: C.blue,
@@ -69771,9 +70071,32 @@ var init_theme2 = __esm(() => {
     server: hexToAnsiBg(STAGE_BG.server),
     streaming: hexToAnsiBg(STAGE_BG.streaming)
   };
+  paletteRefreshers = [];
+  onThemeModeChange(applyTuiTheme);
 });
 
 // src/probe/probe-results-printer.ts
+function buildPrinterColors() {
+  const a = cliAnsi();
+  const light = getThemeMode() === "light";
+  const noColor = !!process.env.NO_COLOR;
+  return {
+    reset: a.RESET,
+    bold: a.BOLD,
+    dim: a.DIM,
+    green: a.GREEN,
+    red: a.RED,
+    yellow: a.YELLOW,
+    cyan: a.CYAN,
+    brightGreen: a.BRIGHT_GREEN,
+    gray: a.GRAY,
+    bgFastest: noColor ? "" : light ? bgHex("#bbf7d0") : "\x1B[48;5;22m",
+    bgSlowest: noColor ? "" : light ? bgHex("#fecaca") : "\x1B[48;5;95m"
+  };
+}
+function refreshPc() {
+  pc = buildPrinterColors();
+}
 function stripAnsi2(s) {
   return s.replace(ANSI_RE2, "");
 }
@@ -70186,6 +70509,7 @@ function buildCardLayout(result, isLiveProbe, directKeyVar) {
   };
 }
 function computeRequiredWidth(result, isLiveProbe, directKeyVar) {
+  refreshPc();
   const layout = buildCardLayout(result, isLiveProbe, directKeyVar);
   return computeCardWidth(layout.rows, layout.widths, visibleLength(layout.titleStyled), visibleLength(layout.summaryStyled), layout.footerVis);
 }
@@ -70401,6 +70725,7 @@ function renderLeaderboard(results, scales, maxWidth, w) {
 `);
 }
 function printProbeResults(results, isLiveProbe) {
+  refreshPc();
   const w = process.stderr.write.bind(process.stderr);
   w(`
 `);
@@ -70437,26 +70762,30 @@ function printProbeResults(results, isLiveProbe) {
 var pc, ANSI_RE2, PRINTER_BAR_WIDTH = 24, PRINTER_TOK_WIDTH = 14, PRINTER_TRACK = "\xB7", PRINTER_BAR_FILL = "\u2588", STAGE_NUM_W = 6, PRINTER_TOK_VALUE_W = 9, PRINTER_BARS_FULL_WIDTH, PRINTER_BARS_NOTOK_WIDTH, PRINTER_BARS_MIN_WIDTH, MIN_CARD_WIDTH = 60, CARD_PADDING_LEFT = 2, CARD_PADDING_RIGHT = 2;
 var init_probe_results_printer = __esm(() => {
   init_probe_live();
+  init_ansi();
+  init_theme_mode();
   init_theme2();
-  pc = {
-    reset: "\x1B[0m",
-    bold: "\x1B[1m",
-    dim: "\x1B[2m",
-    green: "\x1B[32m",
-    red: "\x1B[31m",
-    yellow: "\x1B[33m",
-    cyan: "\x1B[36m",
-    brightGreen: "\x1B[92m",
-    gray: "\x1B[90m",
-    bgFastest: "\x1B[48;5;22m",
-    bgSlowest: "\x1B[48;5;95m"
-  };
   ANSI_RE2 = /\x1b\[[0-9;]*[A-Za-z]/g;
   PRINTER_BARS_FULL_WIDTH = 24 + 2 + 7 + 34 + 17 + 9;
   PRINTER_BARS_NOTOK_WIDTH = 24 + 2 + 7 + 34 + 2 + 9;
   PRINTER_BARS_MIN_WIDTH = 24 + 2 + 7 + 2 + 9;
 });
 
+// src/theme/renderer-theme.ts
+async function applyRendererThemeMode(renderer) {
+  const override = themeModeOverride();
+  if (override) {
+    setThemeMode(override);
+    return;
+  }
+  const mode = await renderer.waitForThemeMode(THEME_MODE_WAIT_MS).catch(() => null);
+  setThemeMode(mode ?? getThemeMode());
+}
+var THEME_MODE_WAIT_MS = 250;
+var init_renderer_theme = __esm(() => {
+  init_theme_mode();
+});
+
 // src/probe/probe-tui-app.tsx
 import { useKeyboard, useTerminalDimensions } from "@opentui/react";
 import { useEffect as useEffect2, useRef as useRef2, useState as useState2 } from "react";
@@ -70573,6 +70902,9 @@ function padEndSafe(s, n) {
 function stripAnsi3(text) {
   return text.replace(/\x1b\[[0-9;]*[A-Za-z]/g, "");
 }
+function ishGreen() {
+  return getThemeMode() === "light" ? "#047857" : "#00ff7f";
+}
 function Banner() {
   const claudLines = [
     "   \u2588\u2588\u2588\u2588\u2588\u2588\u2557\u2588\u2588\u2557      \u2588\u2588\u2588\u2588\u2588\u2557 \u2588\u2588\u2557   \u2588\u2588\u2557\u2588\u2588\u2588\u2588\u2588\u2588\u2557 ",
@@ -70584,7 +70916,6 @@ function Banner() {
   ];
   const ishLines = ["  _    _    ", " (_)__| |_  ", " | (_-< ' \\ ", " |_/__/_||_|"];
   const ishPad = "  ";
-  const ishGreen = "#00ff7f";
   const renderBannerRow = (claudLine, ishLine, key) => /* @__PURE__ */ jsxDEV("box", {
     flexDirection: "row",
     children: [
@@ -70601,7 +70932,7 @@ function Banner() {
           }, undefined, false, undefined, this),
           /* @__PURE__ */ jsxDEV("text", {
             children: /* @__PURE__ */ jsxDEV("span", {
-              fg: ishGreen,
+              fg: ishGreen(),
               attributes: A.bold,
               children: ishLine
             }, undefined, false, undefined, this)
@@ -70742,7 +71073,7 @@ function ProgressBar({
         children: "  "
       }, undefined, false, undefined, this),
       /* @__PURE__ */ jsxDEV("span", {
-        fg: C.white,
+        fg: C.strong,
         children: padStartSafe2(formatLatency(t.totalMs), TOTAL_COL)
       }, undefined, false, undefined, this),
       layout.showBreakdown && /* @__PURE__ */ jsxDEV(Fragment, {
@@ -70886,10 +71217,10 @@ function ModelGroup({
             children: "  "
           }, undefined, false, undefined, this),
           /* @__PURE__ */ jsxDEV("box", {
-            backgroundColor: "#1e3a5f",
+            backgroundColor: C.bgHighlight,
             children: /* @__PURE__ */ jsxDEV("text", {
               children: /* @__PURE__ */ jsxDEV("span", {
-                fg: "#ffffff",
+                fg: C.strong,
                 attributes: A.bold,
                 children: headerText
               }, undefined, false, undefined, this)
@@ -71108,7 +71439,7 @@ function DetailLinkRow({
         children: "  "
       }, undefined, false, undefined, this),
       /* @__PURE__ */ jsxDEV("span", {
-        fg: C.white,
+        fg: C.strong,
         children: padStartSafe2(formatLatency(t.totalMs), TOTAL_COL)
       }, undefined, false, undefined, this),
       layout.showBreakdown && /* @__PURE__ */ jsxDEV(Fragment, {
@@ -71416,7 +71747,7 @@ function LeaderLiveRow({
       children: [
         lead,
         /* @__PURE__ */ jsxDEV("span", {
-          fg: C.white,
+          fg: C.strong,
           children: padStartSafe2(formatLatency(t.totalMs), TOTAL_COL)
         }, undefined, false, undefined, this)
       ]
@@ -71446,7 +71777,7 @@ function LeaderLiveRow({
         children: "  "
       }, undefined, false, undefined, this),
       /* @__PURE__ */ jsxDEV("span", {
-        fg: C.white,
+        fg: C.strong,
         children: padStartSafe2(formatLatency(t.totalMs), TOTAL_COL)
       }, undefined, false, undefined, this),
       layout.showBreakdown && /* @__PURE__ */ jsxDEV(Fragment, {
@@ -71800,6 +72131,7 @@ function ProbeApp({
 var ANIM_FRAMES, TIMELINE_BAR_FULL = 24, TIMELINE_BAR_NARROW = 12, TOK_BAR_FULL = 14, TOTAL_COL = 7, STAGE_NUM_W2 = 6, BREAKDOWN_COL, TOK_VALUE_COL = 7, TRACK_CHAR = "\xB7", BAR_FILL = "\u2588", BANNER_ROWS = 7, SCROLL_HINT_ROWS = 1, LEGEND_ROWS = 2, MIN_LIST_H = 4, TAB_BAR_ROWS = 2;
 var init_probe_tui_app = __esm(() => {
   init_probe_live();
+  init_theme_mode();
   init_theme2();
   ANIM_FRAMES = ["\u2593", "\u2592", "\u2591", "\u2592"];
   BREAKDOWN_COL = 16 + 3 * STAGE_NUM_W2;
@@ -71812,10 +72144,11 @@ import { jsxDEV as jsxDEV2 } from "@opentui/react/jsx-dev-runtime";
 async function startProbeTui(initial) {
   const renderer = await createCliRenderer({
     stdout: process.stderr,
-    useAlternateScreen: false,
+    screenMode: "main-screen",
     useMouse: true,
     exitOnCtrlC: true
   });
+  await applyRendererThemeMode(renderer);
   const store = new ProbeStore(initial);
   let resolveQuit;
   const quitPromise = new Promise((resolve5) => {
@@ -71848,6 +72181,7 @@ async function startProbeTui(initial) {
   return { store, waitForQuit: () => quitPromise, shutdown };
 }
 var init_probe_tui_runtime = __esm(() => {
+  init_renderer_theme();
   init_probe_tui_app();
 });
 
@@ -72916,9 +73250,7 @@ async function probeModelRouting(models, jsonOutput, options = { live: true, tim
     };
   }
   if (jsonOutput) {
-    const DIM = "\x1B[2m";
-    const YELLOW = "\x1B[33m";
-    const RESET = "\x1B[0m";
+    const { DIM, YELLOW, RESET } = cliAnsi();
     let liveProxy2 = null;
     if (options.live) {
       try {
@@ -73192,14 +73524,15 @@ async function probeModelRouting(models, jsonOutput, options = { live: true, tim
 }
 function printHelp2() {
   const useColor = !!process.stdout.isTTY && !process.env.NO_COLOR;
-  const c = (code) => (s) => useColor ? `\x1B[${code}m${s}\x1B[0m` : s;
-  const bold4 = c("1");
-  const dim3 = c("2");
-  const cyan = c("36");
-  const green2 = c("32");
-  const yellow2 = c("33");
-  const magenta = c("35");
-  const blue = c("34");
+  const A2 = cliAnsi();
+  const c = (esc2) => (s) => useColor && esc2 ? `${esc2}${s}${A2.RESET}` : s;
+  const bold4 = c(A2.BOLD);
+  const dim3 = c(A2.DIM);
+  const cyan = c(A2.CYAN);
+  const green2 = c(A2.GREEN);
+  const yellow2 = c(A2.YELLOW);
+  const magenta = c(A2.MAGENTA);
+  const blue = c(A2.BLUE);
   const h = (title) => bold4(cyan(`\u258C ${title}`));
   console.log(`
 ${bold4("claudish")} ${dim3("\xB7")} Run Claude Code with any AI model
@@ -73613,6 +73946,7 @@ var init_cli = __esm(() => {
   init_probe_runner();
   init_provider_definitions();
   init_routing_rules();
+  init_ansi();
   init_provider_resolver();
   __filename3 = fileURLToPath3(import.meta.url);
   __dirname3 = dirname11(__filename3);
@@ -73748,13 +74082,15 @@ async function checkForUpdates(currentVersion, options = {}) {
     return;
   }
   if (!quiet) {
+    const { RESET, BOLD, GREEN, CYAN, DIM } = cliAnsi();
     console.error("");
     console.error(`  ${CYAN}\u250C${RESET} ${BOLD}Update available:${RESET} ${currentVersion} ${DIM}\u2192${RESET} ${GREEN}${latestVersion}${RESET}   ${DIM}Run:${RESET} ${BOLD}${CYAN}claudish update${RESET}`);
     console.error("");
   }
 }
-var isWindows, NPM_REGISTRY_URL = "https://registry.npmjs.org/claudish/latest", CACHE_MAX_AGE_MS, RESET = "\x1B[0m", BOLD = "\x1B[1m", GREEN = "\x1B[32m", CYAN = "\x1B[36m", DIM = "\x1B[2m";
+var isWindows, NPM_REGISTRY_URL = "https://registry.npmjs.org/claudish/latest", CACHE_MAX_AGE_MS;
 var init_update_checker = __esm(() => {
+  init_ansi();
   isWindows = platform2() === "win32";
   CACHE_MAX_AGE_MS = 24 * 60 * 60 * 1000;
 });
@@ -73765,6 +74101,9 @@ __export(exports_update_command, {
   updateCommand: () => updateCommand
 });
 import { execSync as execSync2 } from "child_process";
+function refreshAnsi2() {
+  ({ RESET, BOLD, GREEN, YELLOW, CYAN, RED: RED2, MAGENTA, DIM } = cliAnsi());
+}
 function detectInstallationMethod() {
   const scriptPath = process.argv[1] || "";
   if (scriptPath.includes("/opt/homebrew/") || scriptPath.includes("/usr/local/Cellar/")) {
@@ -73799,8 +74138,8 @@ async function executeUpdate(command) {
     return true;
   } catch {
     console.error(`
-${RED2}\u2717${RESET2} ${BOLD2}Update failed.${RESET2}`);
-    console.error(`${YELLOW}Try manually:${RESET2}`);
+${RED2}\u2717${RESET} ${BOLD}Update failed.${RESET}`);
+    console.error(`${YELLOW}Try manually:${RESET}`);
     console.error(`  ${command}
 `);
     return false;
@@ -73881,15 +74220,15 @@ async function fetchChangelog(currentVersion, latestVersion) {
 function itemStyle(type) {
   switch (type) {
     case "feat":
-      return { symbol: "\u2726", color: GREEN2 };
+      return { symbol: "\u2726", color: GREEN };
     case "fix":
       return { symbol: "\u2726", color: YELLOW };
     case "breaking":
       return { symbol: "\u2726", color: MAGENTA };
     case "perf":
-      return { symbol: "\u2726", color: CYAN2 };
+      return { symbol: "\u2726", color: CYAN };
     case "chore":
-      return { symbol: "\u25AA", color: DIM2 };
+      return { symbol: "\u25AA", color: DIM };
   }
 }
 function displayChangelog(entries) {
@@ -73897,34 +74236,34 @@ function displayChangelog(entries) {
     return;
   }
   const innerWidth = 50;
-  const headerLabel = `  ${YELLOW}\u2726${RESET2} ${BOLD2}What's New${RESET2}`;
+  const headerLabel = `  ${YELLOW}\u2726${RESET} ${BOLD}What's New${RESET}`;
   const headerVisible = 14;
   const headerPad = innerWidth - headerVisible;
   console.log("");
-  console.log(`${CYAN2}\u250C${"\u2500".repeat(innerWidth + 1)}\u2510${RESET2}`);
-  console.log(`${CYAN2}\u2502${RESET2}${headerLabel}${" ".repeat(headerPad)}${CYAN2}\u2502${RESET2}`);
-  console.log(`${CYAN2}\u2514${"\u2500".repeat(innerWidth + 1)}\u2518${RESET2}`);
+  console.log(`${CYAN}\u250C${"\u2500".repeat(innerWidth + 1)}\u2510${RESET}`);
+  console.log(`${CYAN}\u2502${RESET}${headerLabel}${" ".repeat(headerPad)}${CYAN}\u2502${RESET}`);
+  console.log(`${CYAN}\u2514${"\u2500".repeat(innerWidth + 1)}\u2518${RESET}`);
   console.log("");
   for (const entry of entries) {
     const titlePart = entry.title ? `  ${entry.title}` : "";
-    console.log(`  ${BOLD2}${GREEN2}v${entry.version}${RESET2}${titlePart}`);
-    console.log(`  ${DIM2}${"\u2500".repeat(30)}${RESET2}`);
+    console.log(`  ${BOLD}${GREEN}v${entry.version}${RESET}${titlePart}`);
+    console.log(`  ${DIM}${"\u2500".repeat(30)}${RESET}`);
     for (const item of entry.items) {
       const { symbol: symbol2, color } = itemStyle(item.type);
-      console.log(`    ${color}${symbol2}${RESET2} ${item.text}`);
+      console.log(`    ${color}${symbol2}${RESET} ${item.text}`);
     }
     console.log("");
   }
-  console.log(`${CYAN2}Please restart any running claudish sessions.${RESET2}`);
+  console.log(`${CYAN}Please restart any running claudish sessions.${RESET}`);
 }
 function printManualInstructions() {
   console.log(`
-${BOLD2}Unable to detect installation method.${RESET2}`);
-  console.log(`${YELLOW}Please update manually:${RESET2}
+${BOLD}Unable to detect installation method.${RESET}`);
+  console.log(`${YELLOW}Please update manually:${RESET}
 `);
-  console.log(`  ${CYAN2}npm:${RESET2}  npm install -g claudish@latest`);
-  console.log(`  ${CYAN2}bun:${RESET2}  bun install -g claudish@latest`);
-  console.log(`  ${CYAN2}brew:${RESET2} brew upgrade claudish
+  console.log(`  ${CYAN}npm:${RESET}  npm install -g claudish@latest`);
+  console.log(`  ${CYAN}bun:${RESET}  bun install -g claudish@latest`);
+  console.log(`  ${CYAN}brew:${RESET} brew upgrade claudish
 `);
 }
 function fetchLatestVersionViaNpm() {
@@ -73953,17 +74292,18 @@ async function resolveLatestVersion() {
   return { error: fetchError };
 }
 async function updateCommand() {
+  refreshAnsi2();
   const currentVersion = getVersion3();
   const installInfo = detectInstallationMethod();
   const result = await resolveLatestVersion();
   if ("error" in result) {
-    console.error(`${RED2}\u2717${RESET2} Unable to fetch latest version from npm registry.`);
-    console.error(`${DIM2}Reason: ${result.error}${RESET2}`);
-    console.error(`${YELLOW}The npm registry may be slow or unreachable from this network.${RESET2}`);
+    console.error(`${RED2}\u2717${RESET} Unable to fetch latest version from npm registry.`);
+    console.error(`${DIM}Reason: ${result.error}${RESET}`);
+    console.error(`${YELLOW}The npm registry may be slow or unreachable from this network.${RESET}`);
     const manualCommand = getUpdateCommand(installInfo.method);
     if (manualCommand) {
-      console.error(`${YELLOW}You can update manually:${RESET2}`);
-      console.error(`  ${CYAN2}${manualCommand}${RESET2}
+      console.error(`${YELLOW}You can update manually:${RESET}`);
+      console.error(`  ${CYAN}${manualCommand}${RESET}
 `);
     } else {
       printManualInstructions();
@@ -73973,24 +74313,24 @@ async function updateCommand() {
   const latestVersion = result.version;
   const comparison = compareVersions(latestVersion, currentVersion);
   if (comparison <= 0) {
-    console.log(`${GREEN2}\u2713${RESET2} ${BOLD2}Already up-to-date!${RESET2}`);
-    console.log(`${CYAN2}Current version: ${currentVersion}${RESET2}
+    console.log(`${GREEN}\u2713${RESET} ${BOLD}Already up-to-date!${RESET}`);
+    console.log(`${CYAN}Current version: ${currentVersion}${RESET}
 `);
     process.exit(0);
   }
-  console.log(`  ${BOLD2}claudish${RESET2} ${YELLOW}v${currentVersion}${RESET2} ${DIM2}\u2192${RESET2} ${GREEN2}v${latestVersion}${RESET2}   ${DIM2}(${installInfo.method})${RESET2}`);
+  console.log(`  ${BOLD}claudish${RESET} ${YELLOW}v${currentVersion}${RESET} ${DIM}\u2192${RESET} ${GREEN}v${latestVersion}${RESET}   ${DIM}(${installInfo.method})${RESET}`);
   if (installInfo.method === "unknown") {
     printManualInstructions();
     process.exit(1);
   }
   const command = getUpdateCommand(installInfo.method);
   console.log(`
-${DIM2}Updating...${RESET2}
+${DIM}Updating...${RESET}
 `);
   const success2 = await executeUpdate(command);
   if (success2) {
     console.log(`
-  ${GREEN2}\u2713${RESET2} ${BOLD2}Updated successfully${RESET2}`);
+  ${GREEN}\u2713${RESET} ${BOLD}Updated successfully${RESET}`);
     clearCache();
     const changelog = await fetchChangelog(currentVersion, latestVersion);
     displayChangelog(changelog);
@@ -74000,9 +74340,10 @@ ${DIM2}Updating...${RESET2}
     process.exit(1);
   }
 }
-var RESET2 = "\x1B[0m", BOLD2 = "\x1B[1m", GREEN2 = "\x1B[32m", YELLOW = "\x1B[33m", CYAN2 = "\x1B[36m", RED2 = "\x1B[31m", MAGENTA = "\x1B[35m", DIM2 = "\x1B[2m", SECTION_TYPE_MAP;
+var RESET = "", BOLD = "", GREEN = "", YELLOW = "", CYAN = "", RED2 = "", MAGENTA = "", DIM = "", SECTION_TYPE_MAP;
 var init_update_command = __esm(() => {
   init_cli();
+  init_ansi();
   init_update_checker();
   SECTION_TYPE_MAP = {
     "new features": "feat",
@@ -74031,6 +74372,9 @@ __export(exports_profile_commands, {
   profileAddCommand: () => profileAddCommand,
   initCommand: () => initCommand
 });
+function refreshAnsi3() {
+  ({ RESET: RESET2, BOLD: BOLD2, DIM: DIM2, GREEN: GREEN2, YELLOW: YELLOW2, CYAN: CYAN2, MAGENTA: MAGENTA2 } = cliAnsi());
+}
 function parseScopeFlag(args) {
   const remainingArgs = [];
   let scope;
@@ -74067,16 +74411,17 @@ async function resolveScope(scopeFlag) {
 }
 function scopeBadge(scope, shadowed) {
   if (scope === "local") {
-    return `${MAGENTA2}[local]${RESET3}`;
+    return `${MAGENTA2}[local]${RESET2}`;
   }
   if (shadowed) {
-    return `${DIM3}[global, shadowed]${RESET3}`;
+    return `${DIM2}[global, shadowed]${RESET2}`;
   }
-  return `${DIM3}[global]${RESET3}`;
+  return `${DIM2}[global]${RESET2}`;
 }
 async function initCommand(scopeFlag) {
+  refreshAnsi3();
   console.log(`
-${BOLD3}${CYAN3}Claudish Setup Wizard${RESET3}
+${BOLD2}${CYAN2}Claudish Setup Wizard${RESET2}
 `);
   const scope = await resolveScope(scopeFlag);
   const configPath = getConfigPathForScope(scope);
@@ -74090,31 +74435,32 @@ ${BOLD3}${CYAN3}Claudish Setup Wizard${RESET3}
       return;
     }
   }
-  console.log(`${DIM3}This wizard will help you set up Claudish with your preferred models.${RESET3}
+  console.log(`${DIM2}This wizard will help you set up Claudish with your preferred models.${RESET2}
 `);
   const profileName = "default";
-  console.log(`${BOLD3}Step 1: Select models for each Claude tier${RESET3}`);
-  console.log(`${DIM3}These models will be used when Claude Code requests specific model types.${RESET3}
+  console.log(`${BOLD2}Step 1: Select models for each Claude tier${RESET2}`);
+  console.log(`${DIM2}These models will be used when Claude Code requests specific model types.${RESET2}
 `);
   const models = await selectModelsForProfile();
   const profile = createProfile(profileName, models, undefined, scope);
   setDefaultProfile(profileName, scope);
   console.log(`
-${GREEN3}\u2713${RESET3} Configuration saved to: ${CYAN3}${configPath}${RESET3}`);
+${GREEN2}\u2713${RESET2} Configuration saved to: ${CYAN2}${configPath}${RESET2}`);
   console.log(`
-${BOLD3}Profile created:${RESET3}`);
+${BOLD2}Profile created:${RESET2}`);
   printProfile(profile, true, false, scope);
   console.log(`
-${BOLD3}Usage:${RESET3}`);
-  console.log(`  ${CYAN3}claudish${RESET3}              # Use default profile`);
-  console.log(`  ${CYAN3}claudish profile add${RESET3}  # Add another profile`);
+${BOLD2}Usage:${RESET2}`);
+  console.log(`  ${CYAN2}claudish${RESET2}              # Use default profile`);
+  console.log(`  ${CYAN2}claudish profile add${RESET2}  # Add another profile`);
   if (scope === "local") {
     console.log(`
-${DIM3}Local config applies only when running from this directory.${RESET3}`);
+${DIM2}Local config applies only when running from this directory.${RESET2}`);
   }
   console.log("");
 }
 async function profileListCommand(scopeFilter) {
+  refreshAnsi3();
   const allProfiles = listAllProfiles();
   const profiles = scopeFilter ? allProfiles.filter((p) => p.scope === scopeFilter) : allProfiles;
   if (profiles.length === 0) {
@@ -74126,11 +74472,11 @@ async function profileListCommand(scopeFilter) {
     return;
   }
   console.log(`
-${BOLD3}Claudish Profiles${RESET3}
+${BOLD2}Claudish Profiles${RESET2}
 `);
-  console.log(`${DIM3}Global: ${getConfigPath()}${RESET3}`);
+  console.log(`${DIM2}Global: ${getConfigPath()}${RESET2}`);
   if (localConfigExists()) {
-    console.log(`${DIM3}Local:  ${getLocalConfigPath()}${RESET3}`);
+    console.log(`${DIM2}Local:  ${getLocalConfigPath()}${RESET2}`);
   }
   console.log("");
   for (const profile of profiles) {
@@ -74139,20 +74485,21 @@ ${BOLD3}Claudish Profiles${RESET3}
   }
 }
 async function profileAddCommand(scopeFlag) {
+  refreshAnsi3();
   console.log(`
-${BOLD3}${CYAN3}Add New Profile${RESET3}
+${BOLD2}${CYAN2}Add New Profile${RESET2}
 `);
   const scope = await resolveScope(scopeFlag);
   const existingNames = getProfileNames(scope);
   const name = await promptForProfileName(existingNames);
   const description = await promptForProfileDescription();
   console.log(`
-${BOLD3}Select models for this profile:${RESET3}
+${BOLD2}Select models for this profile:${RESET2}
 `);
   const models = await selectModelsForProfile();
   const profile = createProfile(name, models, description, scope);
   console.log(`
-${GREEN3}\u2713${RESET3} Profile "${name}" created ${scopeBadge(scope)}.`);
+${GREEN2}\u2713${RESET2} Profile "${name}" created ${scopeBadge(scope)}.`);
   printProfile(profile, false, false, scope);
   const setAsDefault = await dist_default4({
     message: `Set this profile as default in ${scope} config?`,
@@ -74160,10 +74507,11 @@ ${GREEN3}\u2713${RESET3} Profile "${name}" created ${scopeBadge(scope)}.`);
   });
   if (setAsDefault) {
     setDefaultProfile(name, scope);
-    console.log(`${GREEN3}\u2713${RESET3} "${name}" is now the default ${scope} profile.`);
+    console.log(`${GREEN2}\u2713${RESET2} "${name}" is now the default ${scope} profile.`);
   }
 }
 async function profileRemoveCommand(name, scopeFlag) {
+  refreshAnsi3();
   let scope = scopeFlag;
   let profileName = name;
   if (!profileName) {
@@ -74176,7 +74524,7 @@ async function profileRemoveCommand(name, scopeFlag) {
     const choice = await dist_default11({
       message: "Select a profile to remove:",
       choices: selectable.map((p) => ({
-        name: `${p.name} ${scopeBadge(p.scope)}${p.isDefault ? ` ${YELLOW2}(default)${RESET3}` : ""}`,
+        name: `${p.name} ${scopeBadge(p.scope)}${p.isDefault ? ` ${YELLOW2}(default)${RESET2}` : ""}`,
         value: `${p.scope}:${p.name}`
       }))
     });
@@ -74224,12 +74572,13 @@ async function profileRemoveCommand(name, scopeFlag) {
   }
   try {
     deleteProfile(profileName, scope);
-    console.log(`${GREEN3}\u2713${RESET3} Profile "${profileName}" deleted from ${scope} config.`);
+    console.log(`${GREEN2}\u2713${RESET2} Profile "${profileName}" deleted from ${scope} config.`);
   } catch (error46) {
     console.error(`Error: ${error46}`);
   }
 }
 async function profileUseCommand(name, scopeFlag) {
+  refreshAnsi3();
   let scope = scopeFlag;
   let profileName = name;
   if (!profileName) {
@@ -74242,7 +74591,7 @@ async function profileUseCommand(name, scopeFlag) {
     const choice = await dist_default11({
       message: "Select a profile to set as default:",
       choices: selectable.map((p) => ({
-        name: `${p.name} ${scopeBadge(p.scope)}${p.isDefault ? ` ${YELLOW2}(default)${RESET3}` : ""}`,
+        name: `${p.name} ${scopeBadge(p.scope)}${p.isDefault ? ` ${YELLOW2}(default)${RESET2}` : ""}`,
         value: `${p.scope}:${p.name}`
       }))
     });
@@ -74278,9 +74627,10 @@ async function profileUseCommand(name, scopeFlag) {
     return;
   }
   setDefaultProfile(profileName, scope);
-  console.log(`${GREEN3}\u2713${RESET3} "${profileName}" is now the default ${scope} profile.`);
+  console.log(`${GREEN2}\u2713${RESET2} "${profileName}" is now the default ${scope} profile.`);
 }
 async function profileShowCommand(name, scopeFlag) {
+  refreshAnsi3();
   let profileName = name;
   let scope = scopeFlag;
   if (!profileName) {
@@ -74320,6 +74670,7 @@ async function profileShowCommand(name, scopeFlag) {
   printProfile(profile, isDefault, true, scope);
 }
 async function profileEditCommand(name, scopeFlag) {
+  refreshAnsi3();
   let scope = scopeFlag;
   let profileName = name;
   if (!profileName) {
@@ -74332,7 +74683,7 @@ async function profileEditCommand(name, scopeFlag) {
     const choice = await dist_default11({
       message: "Select a profile to edit:",
       choices: selectable.map((p) => ({
-        name: `${p.name} ${scopeBadge(p.scope)}${p.isDefault ? ` ${YELLOW2}(default)${RESET3}` : ""}`,
+        name: `${p.name} ${scopeBadge(p.scope)}${p.isDefault ? ` ${YELLOW2}(default)${RESET2}` : ""}`,
         value: `${p.scope}:${p.name}`
       }))
     });
@@ -74367,9 +74718,9 @@ async function profileEditCommand(name, scopeFlag) {
     return;
   }
   console.log(`
-${BOLD3}Editing profile: ${profileName}${RESET3} ${scopeBadge(scope)}
+${BOLD2}Editing profile: ${profileName}${RESET2} ${scopeBadge(scope)}
 `);
-  console.log(`${DIM3}Current models:${RESET3}`);
+  console.log(`${DIM2}Current models:${RESET2}`);
   printModelMapping(profile.models);
   console.log("");
   const whatToEdit = await dist_default11({
@@ -74391,14 +74742,14 @@ ${BOLD3}Editing profile: ${profileName}${RESET3} ${scopeBadge(scope)}
     const newDescription = await promptForProfileDescription();
     profile.description = newDescription;
     setProfile(profile, scope);
-    console.log(`${GREEN3}\u2713${RESET3} Description updated.`);
+    console.log(`${GREEN2}\u2713${RESET2} Description updated.`);
     return;
   }
   if (whatToEdit === "all") {
     const models = await selectModelsForProfile();
     profile.models = { ...profile.models, ...models };
     setProfile(profile, scope);
-    console.log(`${GREEN3}\u2713${RESET3} All models updated.`);
+    console.log(`${GREEN2}\u2713${RESET2} All models updated.`);
     return;
   }
   const tier = whatToEdit;
@@ -74408,42 +74759,43 @@ ${BOLD3}Editing profile: ${profileName}${RESET3} ${scopeBadge(scope)}
   });
   profile.models[tier] = newModel;
   setProfile(profile, scope);
-  console.log(`${GREEN3}\u2713${RESET3} ${tierName} model updated to: ${newModel}`);
+  console.log(`${GREEN2}\u2713${RESET2} ${tierName} model updated to: ${newModel}`);
 }
 function printProfile(profile, isDefault, verbose = false, scope) {
-  const defaultBadge = isDefault ? ` ${YELLOW2}(default)${RESET3}` : "";
+  const defaultBadge = isDefault ? ` ${YELLOW2}(default)${RESET2}` : "";
   const scopeTag = scope ? ` ${scopeBadge(scope)}` : "";
-  console.log(`${BOLD3}${profile.name}${RESET3}${defaultBadge}${scopeTag}`);
+  console.log(`${BOLD2}${profile.name}${RESET2}${defaultBadge}${scopeTag}`);
   if (profile.description) {
-    console.log(`  ${DIM3}${profile.description}${RESET3}`);
+    console.log(`  ${DIM2}${profile.description}${RESET2}`);
   }
   printModelMapping(profile.models);
   if (verbose) {
-    console.log(`  ${DIM3}Created: ${profile.createdAt}${RESET3}`);
-    console.log(`  ${DIM3}Updated: ${profile.updatedAt}${RESET3}`);
+    console.log(`  ${DIM2}Created: ${profile.createdAt}${RESET2}`);
+    console.log(`  ${DIM2}Updated: ${profile.updatedAt}${RESET2}`);
   }
 }
 function printProfileWithScope(profile) {
-  const defaultBadge = profile.isDefault ? ` ${YELLOW2}(default)${RESET3}` : "";
+  const defaultBadge = profile.isDefault ? ` ${YELLOW2}(default)${RESET2}` : "";
   const badge = scopeBadge(profile.scope, profile.shadowed);
-  console.log(`${BOLD3}${profile.name}${RESET3}${defaultBadge} ${badge}`);
+  console.log(`${BOLD2}${profile.name}${RESET2}${defaultBadge} ${badge}`);
   if (profile.shadowed) {
-    console.log(`  ${DIM3}(overridden by local profile of same name)${RESET3}`);
+    console.log(`  ${DIM2}(overridden by local profile of same name)${RESET2}`);
   }
   if (profile.description) {
-    console.log(`  ${DIM3}${profile.description}${RESET3}`);
+    console.log(`  ${DIM2}${profile.description}${RESET2}`);
   }
   printModelMapping(profile.models);
 }
 function printModelMapping(models) {
-  console.log(`  ${CYAN3}opus${RESET3}:     ${models.opus || `${DIM3}not set${RESET3}`}`);
-  console.log(`  ${CYAN3}sonnet${RESET3}:   ${models.sonnet || `${DIM3}not set${RESET3}`}`);
-  console.log(`  ${CYAN3}haiku${RESET3}:    ${models.haiku || `${DIM3}not set${RESET3}`}`);
+  console.log(`  ${CYAN2}opus${RESET2}:     ${models.opus || `${DIM2}not set${RESET2}`}`);
+  console.log(`  ${CYAN2}sonnet${RESET2}:   ${models.sonnet || `${DIM2}not set${RESET2}`}`);
+  console.log(`  ${CYAN2}haiku${RESET2}:    ${models.haiku || `${DIM2}not set${RESET2}`}`);
   if (models.subagent) {
-    console.log(`  ${CYAN3}subagent${RESET3}: ${models.subagent}`);
+    console.log(`  ${CYAN2}subagent${RESET2}: ${models.subagent}`);
   }
 }
 async function profileCommand(args) {
+  refreshAnsi3();
   const { scope, remainingArgs } = parseScopeFlag(args);
   const subcommand = remainingArgs[0];
   const name = remainingArgs[1];
@@ -74480,22 +74832,22 @@ async function profileCommand(args) {
 }
 function printProfileHelp() {
   console.log(`
-${BOLD3}Usage:${RESET3} claudish profile <command> [options]
-
-${BOLD3}Commands:${RESET3}
-  ${CYAN3}list${RESET3}, ${CYAN3}ls${RESET3}              List all profiles
-  ${CYAN3}add${RESET3}, ${CYAN3}new${RESET3}             Add a new profile
-  ${CYAN3}remove${RESET3} ${DIM3}[name]${RESET3}        Remove a profile
-  ${CYAN3}use${RESET3} ${DIM3}[name]${RESET3}           Set default profile
-  ${CYAN3}show${RESET3} ${DIM3}[name]${RESET3}          Show profile details
-  ${CYAN3}edit${RESET3} ${DIM3}[name]${RESET3}          Edit a profile
-
-${BOLD3}Scope Flags:${RESET3}
-  ${CYAN3}--local${RESET3}              Target .claudish.json in the current directory
-  ${CYAN3}--global${RESET3}             Target ~/.claudish/config.json (default)
-  ${DIM3}If neither flag is given, you'll be prompted interactively.${RESET3}
-
-${BOLD3}Examples:${RESET3}
+${BOLD2}Usage:${RESET2} claudish profile <command> [options]
+
+${BOLD2}Commands:${RESET2}
+  ${CYAN2}list${RESET2}, ${CYAN2}ls${RESET2}              List all profiles
+  ${CYAN2}add${RESET2}, ${CYAN2}new${RESET2}             Add a new profile
+  ${CYAN2}remove${RESET2} ${DIM2}[name]${RESET2}        Remove a profile
+  ${CYAN2}use${RESET2} ${DIM2}[name]${RESET2}           Set default profile
+  ${CYAN2}show${RESET2} ${DIM2}[name]${RESET2}          Show profile details
+  ${CYAN2}edit${RESET2} ${DIM2}[name]${RESET2}          Edit a profile
+
+${BOLD2}Scope Flags:${RESET2}
+  ${CYAN2}--local${RESET2}              Target .claudish.json in the current directory
+  ${CYAN2}--global${RESET2}             Target ~/.claudish/config.json (default)
+  ${DIM2}If neither flag is given, you'll be prompted interactively.${RESET2}
+
+${BOLD2}Examples:${RESET2}
   claudish profile list
   claudish profile list --local
   claudish profile add --local
@@ -74505,11 +74857,12 @@ ${BOLD3}Examples:${RESET3}
   claudish init --local
 `);
 }
-var RESET3 = "\x1B[0m", BOLD3 = "\x1B[1m", DIM3 = "\x1B[2m", GREEN3 = "\x1B[32m", YELLOW2 = "\x1B[33m", CYAN3 = "\x1B[36m", MAGENTA2 = "\x1B[35m";
+var RESET2 = "", BOLD2 = "", DIM2 = "", GREEN2 = "", YELLOW2 = "", CYAN2 = "", MAGENTA2 = "";
 var init_profile_commands = __esm(() => {
   init_dist16();
   init_model_selector();
   init_profile_config();
+  init_ansi();
 });
 
 // src/providers/local-liveness.ts
@@ -74977,7 +75330,7 @@ function OnepasswordContent({
           children: "  "
         }, undefined, false, undefined, this),
         /* @__PURE__ */ jsxDEV4("span", {
-          fg: selected ? C.white : C.fgMuted,
+          fg: selected ? C.strong : C.fgMuted,
           attributes: A.boldIf(selected),
           children: e.value
         }, undefined, false, undefined, this),
@@ -75082,7 +75435,7 @@ function OnepasswordContent({
                     children: "\u25B4 "
                   }, undefined, false, undefined, this),
                   /* @__PURE__ */ jsxDEV4("span", {
-                    fg: C.white,
+                    fg: C.strong,
                     children: `project: ${account.project}`
                   }, undefined, false, undefined, this)
                 ]
@@ -75094,7 +75447,7 @@ function OnepasswordContent({
                     children: "\u2022 "
                   }, undefined, false, undefined, this),
                   /* @__PURE__ */ jsxDEV4("span", {
-                    fg: C.white,
+                    fg: C.strong,
                     children: `global: ${account.global}`
                   }, undefined, false, undefined, this)
                 ]
@@ -75107,7 +75460,7 @@ function OnepasswordContent({
           /* @__PURE__ */ jsxDEV4("text", {
             children: [
               /* @__PURE__ */ jsxDEV4("span", {
-                fg: C.white,
+                fg: C.strong,
                 attributes: A.bold,
                 children: String(keyCount)
               }, undefined, false, undefined, this),
@@ -75120,7 +75473,7 @@ function OnepasswordContent({
                 children: "   "
               }, undefined, false, undefined, this),
               /* @__PURE__ */ jsxDEV4("span", {
-                fg: C.white,
+                fg: C.strong,
                 attributes: A.bold,
                 children: String(setCount)
               }, undefined, false, undefined, this),
@@ -75133,7 +75486,7 @@ function OnepasswordContent({
                 children: "   "
               }, undefined, false, undefined, this),
               /* @__PURE__ */ jsxDEV4("span", {
-                fg: C.white,
+                fg: C.strong,
                 attributes: A.bold,
                 children: String(envCount)
               }, undefined, false, undefined, this),
@@ -75294,7 +75647,7 @@ function OnepasswordDetail({ selectedEntry, testResults }) {
             children: "Kind: "
           }, undefined, false, undefined, this),
           /* @__PURE__ */ jsxDEV5("span", {
-            fg: C.white,
+            fg: C.strong,
             children: kindLabel2(selectedEntry.kind)
           }, undefined, false, undefined, this)
         ]
@@ -75307,7 +75660,7 @@ function OnepasswordDetail({ selectedEntry, testResults }) {
             children: "Value: "
           }, undefined, false, undefined, this),
           /* @__PURE__ */ jsxDEV5("span", {
-            fg: C.white,
+            fg: C.strong,
             children: selectedEntry.value
           }, undefined, false, undefined, this)
         ]
@@ -75611,7 +75964,7 @@ function OnepasswordModal({
               children: "filter: "
             }, undefined, false, undefined, this),
             filter ? /* @__PURE__ */ jsxDEV6("span", {
-              fg: C.white,
+              fg: C.strong,
               attributes: A.bold,
               children: filter
             }, undefined, false, undefined, this) : /* @__PURE__ */ jsxDEV6("span", {
@@ -75657,7 +76010,7 @@ function OnepasswordModal({
                   children: selected ? "\u25B6 " : "  "
                 }, undefined, false, undefined, this),
                 /* @__PURE__ */ jsxDEV6("span", {
-                  fg: selected ? C.white : C.fgMuted,
+                  fg: selected ? C.strong : C.fgMuted,
                   attributes: A.boldIf(selected),
                   children: row
                 }, undefined, false, undefined, this)
@@ -75749,7 +76102,7 @@ function OnepasswordModal({
               children: "filter: "
             }, undefined, false, undefined, this),
             filter ? /* @__PURE__ */ jsxDEV6("span", {
-              fg: C.white,
+              fg: C.strong,
               attributes: A.bold,
               children: filter
             }, undefined, false, undefined, this) : /* @__PURE__ */ jsxDEV6("span", {
@@ -75849,7 +76202,7 @@ function OnepasswordModal({
               focused: true,
               width: dialogW - 6,
               backgroundColor: C.bgHighlight,
-              textColor: C.white
+              textColor: C.strong
             }, undefined, false, undefined, this)
           ]
         }, undefined, true, undefined, this),
@@ -75905,7 +76258,7 @@ function OnepasswordModal({
                   children: selected ? "\u25B6 " : "  "
                 }, undefined, false, undefined, this),
                 /* @__PURE__ */ jsxDEV6("span", {
-                  fg: selected ? C.white : C.fgMuted,
+                  fg: selected ? C.strong : C.fgMuted,
                   attributes: A.bold,
                   children: opt.title
                 }, undefined, false, undefined, this)
@@ -75932,7 +76285,7 @@ function OnepasswordModal({
       backgroundColor: C.bg,
       textColor: C.fgMuted,
       selectedBackgroundColor: C.bgHighlight,
-      selectedTextColor: C.white,
+      selectedTextColor: C.strong,
       height: SCOPE_OPTIONS.length
     }, undefined, false, undefined, this);
   } else if (mode === "pick_op_account") {
@@ -76178,7 +76531,7 @@ function PrivacyContent({
           }, undefined, false, undefined, this),
           /* @__PURE__ */ jsxDEV7("text", {
             children: /* @__PURE__ */ jsxDEV7("span", {
-              fg: C.white,
+              fg: C.strong,
               attributes: A.bold,
               children: "Never sends keys, prompts, or paths."
             }, undefined, false, undefined, this)
@@ -76247,7 +76600,7 @@ function PrivacyContent({
                 ]
               }, undefined, true, undefined, this),
               /* @__PURE__ */ jsxDEV7("span", {
-                fg: C.white,
+                fg: C.strong,
                 attributes: A.bold,
                 children: bufStats.events
               }, undefined, false, undefined, this),
@@ -76590,7 +76943,7 @@ function ProfilesContent({
                 children: " "
               }, undefined, false, undefined, this),
               /* @__PURE__ */ jsxDEV10("span", {
-                fg: selected ? C.white : isActive ? C.orange : C.fgMuted,
+                fg: selected ? C.strong : isActive ? C.orange : C.fgMuted,
                 attributes: A.boldIf(selected || isActive),
                 children: namePad
               }, undefined, false, undefined, this),
@@ -76607,7 +76960,7 @@ function ProfilesContent({
                 children: "  "
               }, undefined, false, undefined, this),
               /* @__PURE__ */ jsxDEV10("span", {
-                fg: selected ? C.white : shadowed ? C.dim : C.fgMuted,
+                fg: selected ? C.strong : shadowed ? C.dim : C.fgMuted,
                 children: shadowed ? "(shadowed by local)  " : modelSummary
               }, undefined, false, undefined, this)
             ]
@@ -76651,7 +77004,7 @@ function ProfilesContent({
                 backgroundColor: C.bg,
                 textColor: C.fgMuted,
                 selectedBackgroundColor: C.bgHighlight,
-                selectedTextColor: C.white,
+                selectedTextColor: C.strong,
                 height: scopeOptions.length
               }, undefined, false, undefined, this),
               /* @__PURE__ */ jsxDEV10("text", {
@@ -76777,7 +77130,7 @@ function ProfilesContent({
                     children: "> "
                   }, undefined, false, undefined, this),
                   /* @__PURE__ */ jsxDEV10("span", {
-                    fg: editProfileValue === "auto" ? C.yellow : C.white,
+                    fg: editProfileValue === "auto" ? C.yellow : C.strong,
                     children: editProfileValue
                   }, undefined, false, undefined, this),
                   /* @__PURE__ */ jsxDEV10("span", {
@@ -76808,7 +77161,7 @@ function ProfilesContent({
                               children: s.substring(0, matchIdx)
                             }, undefined, false, undefined, this),
                             /* @__PURE__ */ jsxDEV10("span", {
-                              fg: selected ? C.white : C.cyan,
+                              fg: selected ? C.strong : C.cyan,
                               attributes: A.bold,
                               children: s.substring(matchIdx, matchIdx + lower.length)
                             }, undefined, false, undefined, this),
@@ -76818,7 +77171,7 @@ function ProfilesContent({
                             }, undefined, false, undefined, this)
                           ]
                         }, undefined, true, undefined, this) : /* @__PURE__ */ jsxDEV10("span", {
-                          fg: selected ? C.white : C.fgMuted,
+                          fg: selected ? C.strong : C.fgMuted,
                           children: s
                         }, undefined, false, undefined, this)
                       ]
@@ -77065,7 +77418,7 @@ function ProviderDetail({
               focused: true,
               width: width - 8,
               backgroundColor: C.bgHighlight,
-              textColor: C.white
+              textColor: C.strong
             }, undefined, false, undefined, this)
           ]
         }, undefined, true, undefined, this)
@@ -77228,7 +77581,7 @@ function ProviderDetail({
             ]
           }, undefined, true, undefined, this),
           /* @__PURE__ */ jsxDEV11("span", {
-            fg: C.white,
+            fg: C.strong,
             children: selectedProvider.description
           }, undefined, false, undefined, this)
         ]
@@ -77460,7 +77813,7 @@ function ProvidersContent({
                 children: "  "
               }, undefined, false, undefined, this),
               /* @__PURE__ */ jsxDEV12("span", {
-                fg: selected ? C.white : isReady ? C.fgMuted : C.dim,
+                fg: selected ? C.strong : isReady ? C.fgMuted : C.dim,
                 attributes: A.boldIf(selected),
                 children: pad(p.displayName, COL_NAME)
               }, undefined, false, undefined, this),
@@ -77480,14 +77833,14 @@ function ProvidersContent({
               /* @__PURE__ */ jsxDEV12(Fragment8, {
                 children: [
                   /* @__PURE__ */ jsxDEV12("span", {
-                    fg: keySlot.set ? C.white : C.dim,
+                    fg: keySlot.set ? C.strong : C.dim,
                     children: keySlotGlyph
                   }, undefined, false, undefined, this),
                   /* @__PURE__ */ jsxDEV12("span", {
                     children: " "
                   }, undefined, false, undefined, this),
                   /* @__PURE__ */ jsxDEV12("span", {
-                    fg: oauthSlot.set ? C.white : C.dim,
+                    fg: oauthSlot.set ? C.strong : C.dim,
                     children: oauthSlotGlyph
                   }, undefined, false, undefined, this)
                 ]
@@ -77512,7 +77865,7 @@ function ProvidersContent({
                 fg: C.yellow,
                 children: tr.error.replace(/\s+/g, " ").trim()
               }, undefined, false, undefined, this) : /* @__PURE__ */ jsxDEV12("span", {
-                fg: selected ? C.white : C.dim,
+                fg: selected ? C.strong : C.dim,
                 children: p.description
               }, undefined, false, undefined, this)
             ]
@@ -77691,7 +78044,7 @@ function RoutingContent({
       children: [
         /* @__PURE__ */ jsxDEV13("text", {
           children: /* @__PURE__ */ jsxDEV13("span", {
-            fg: C.white,
+            fg: C.strong,
             attributes: A.bold,
             children: "Route Probe"
           }, undefined, false, undefined, this)
@@ -77716,7 +78069,7 @@ function RoutingContent({
                 children: "> "
               }, undefined, false, undefined, this),
               /* @__PURE__ */ jsxDEV13("span", {
-                fg: C.white,
+                fg: C.strong,
                 children: probeModel
               }, undefined, false, undefined, this),
               /* @__PURE__ */ jsxDEV13("span", {
@@ -77774,7 +78127,7 @@ function RoutingContent({
           children: /* @__PURE__ */ jsxDEV13("text", {
             children: [
               /* @__PURE__ */ jsxDEV13("span", {
-                fg: C.white,
+                fg: C.strong,
                 attributes: A.bold,
                 children: probeMode === "done" ? "Probe: " : "Probing: "
               }, undefined, false, undefined, this),
@@ -77833,7 +78186,7 @@ function RoutingContent({
                     children: `${idx + 1}. `
                   }, undefined, false, undefined, this),
                   /* @__PURE__ */ jsxDEV13("span", {
-                    fg: isNoKey ? C.dim : isSelected ? C.white : isNotReached ? C.dim : C.fgMuted,
+                    fg: isNoKey ? C.dim : isSelected ? C.strong : isNotReached ? C.dim : C.fgMuted,
                     attributes: A.boldIf(isSelected),
                     children: nameCol
                   }, undefined, false, undefined, this),
@@ -78108,7 +78461,7 @@ function RoutingContent({
                 scopeText = "global  ";
                 scopeFg = C.green;
               }
-              const patFg = sel ? C.white : isDefault ? C.fgMuted : C.cyan;
+              const patFg = sel ? C.strong : isDefault ? C.fgMuted : C.cyan;
               const chainFg = sel ? C.cyan : isDefault ? C.dim : C.fgMuted;
               return /* @__PURE__ */ jsxDEV13("box", {
                 height: 1,
@@ -78156,7 +78509,7 @@ function RoutingContent({
                 children: "Scope for "
               }, undefined, false, undefined, this),
               /* @__PURE__ */ jsxDEV13("span", {
-                fg: C.white,
+                fg: C.strong,
                 attributes: A.bold,
                 children: routingPattern
               }, undefined, false, undefined, this),
@@ -78315,7 +78668,7 @@ function RoutingContent({
                 children: "> "
               }, undefined, false, undefined, this),
               /* @__PURE__ */ jsxDEV13("span", {
-                fg: C.white,
+                fg: C.strong,
                 children: routingPattern
               }, undefined, false, undefined, this),
               /* @__PURE__ */ jsxDEV13("span", {
@@ -78368,7 +78721,7 @@ function RoutingContent({
                 children: "Select providers for "
               }, undefined, false, undefined, this),
               /* @__PURE__ */ jsxDEV13("span", {
-                fg: C.white,
+                fg: C.strong,
                 attributes: A.bold,
                 children: routingPattern
               }, undefined, false, undefined, this),
@@ -78417,7 +78770,7 @@ function RoutingContent({
                       children: " [ ] "
                     }, undefined, false, undefined, this),
                     /* @__PURE__ */ jsxDEV13("span", {
-                      fg: isCursor ? C.white : ready ? C.fgMuted : C.dim,
+                      fg: isCursor ? C.strong : ready ? C.fgMuted : C.dim,
                       attributes: A.boldIf(isCursor),
                       children: label
                     }, undefined, false, undefined, this),
@@ -80665,7 +81018,7 @@ function App({ requestLogin } = {}) {
             children: /* @__PURE__ */ jsxDEV16("text", {
               children: [
                 /* @__PURE__ */ jsxDEV16("span", {
-                  fg: C.white,
+                  fg: C.strong,
                   attributes: A.bold,
                   children: "claudish"
                 }, undefined, false, undefined, this),
@@ -80918,6 +81271,7 @@ async function startConfigTui() {
   const renderer = await createCliRenderer2({
     exitOnCtrlC: false
   });
+  await applyRendererThemeMode(renderer);
   await new Promise((resolve5) => {
     renderer.once("destroy", () => resolve5());
     createRoot2(renderer).render(/* @__PURE__ */ jsxDEV17(App, {
@@ -80967,6 +81321,7 @@ var init_tui = __esm(() => {
   init_codex_oauth();
   init_kimi_oauth();
   init_logger();
+  init_renderer_theme();
   init_endpoint_registration();
   init_App();
   if (isDirectRun) {
@@ -81145,15 +81500,21 @@ function createStatusLineScript(tokenFilePath) {
   const timestamp = Date.now();
   const scriptPath = join39(claudishDir, `status-${timestamp}.js`);
   const escapedTokenPath = tokenFilePath.replace(/\\/g, "\\\\");
+  const light = getThemeMode() === "light";
+  const cyanCode = light ? "38;2;14;116;144" : "96";
+  const yellowCode = light ? "38;2;161;98;7" : "93";
+  const greenCode = light ? "38;2;21;128;61" : "92";
+  const redCode = light ? "38;2;220;38;38" : "91";
+  const magentaCode = light ? "38;2;147;51;234" : "95";
   const script = `
 const fs = require('fs');
 const path = require('path');
 
-const CYAN = "\\x1b[96m";
-const YELLOW = "\\x1b[93m";
-const GREEN = "\\x1b[92m";
-const RED = "\\x1b[91m";
-const MAGENTA = "\\x1b[95m";
+const CYAN = "\\x1b[${cyanCode}m";
+const YELLOW = "\\x1b[${yellowCode}m";
+const GREEN = "\\x1b[${greenCode}m";
+const RED = "\\x1b[${redCode}m";
+const MAGENTA = "\\x1b[${magentaCode}m";
 const DIM = "\\x1b[2m";
 const RESET = "\\x1b[0m";
 const BOLD = "\\x1b[1m";
@@ -81393,22 +81754,23 @@ function createTempSettingsFile(_modelDisplay, port, proxyAuthMode, userStatusLi
     const scriptPath = createStatusLineScript(tokenFilePath);
     statusCommand = `node "${scriptPath}"`;
   } else {
-    const CYAN4 = "\\033[96m";
-    const YELLOW3 = "\\033[93m";
-    const GREEN4 = "\\033[92m";
-    const MAGENTA3 = "\\033[95m";
-    const DIM4 = "\\033[2m";
-    const RESET4 = "\\033[0m";
-    const BOLD4 = "\\033[1m";
+    const light = getThemeMode() === "light";
+    const CYAN3 = light ? "\\033[38;2;14;116;144m" : "\\033[96m";
+    const YELLOW3 = light ? "\\033[38;2;161;98;7m" : "\\033[93m";
+    const GREEN3 = light ? "\\033[38;2;21;128;61m" : "\\033[92m";
+    const MAGENTA3 = light ? "\\033[38;2;147;51;234m" : "\\033[95m";
+    const DIM3 = "\\033[2m";
+    const RESET3 = "\\033[0m";
+    const BOLD3 = "\\033[1m";
     const readPlanBash = `PLAN_PAIR=$(echo "$TOKENS" | grep -o '"id": *"[^"]*", *"used_pct": *[0-9]*' | sed 's/"id": *"\\([^"]*\\)", *"used_pct": *\\([0-9]*\\)/\\2 \\1/' | sort -rn | head -1); if [ -n "$PLAN_PAIR" ]; then PLAN_PCT="\${PLAN_PAIR%% *}"; PLAN_ID="\${PLAN_PAIR#* }"; case "$PLAN_PCT" in ''|*[!0-9]*) PLAN_PCT="" ;; esac; [ -n "$PLAN_PCT" ] && PLAN_DISPLAY="$PLAN_ID:$PLAN_PCT%"; fi;`;
     const formatTokensBash = `fmt_tok() { local n=\${1:-0}; if [ "$n" -ge 1000000 ]; then echo "$((n/1000000))M"; elif [ "$n" -ge 1000 ]; then echo "$((n/1000))k"; else echo "$n"; fi; }`;
     const effWinBash = `eff_win() { local w=\${1:-0}; local m=\${CLAUDE_CODE_MAX_CONTEXT_TOKENS:-}; local a=\${CLAUDE_CODE_AUTO_COMPACT_WINDOW:-}; case "$m" in ''|*[!0-9]*) m=${CLAUDE_CODE_DEFAULT_MAX_CONTEXT};; esac; case "$a" in ''|*[!0-9]*) a=0;; esac; case "$w" in ''|*[!0-9]*) w=0;; esac; if [ "$w" -gt 0 ]; then if [ "$m" -gt 0 ] && [ "$m" -lt "$w" ]; then w=$m; fi; if [ "$a" -gt 0 ] && [ "$a" -lt "$w" ]; then w=$a; fi; fi; echo "$w"; }`;
     const dirPrelude = `DIR=$(basename "$(pwd)"); [ \${#DIR} -gt 15 ] && DIR="\${DIR:0:12}..." || true; `;
     const readState = `CTX=-1; COST="0"; IS_FREE="false"; IS_EST="false"; PROVIDER=""; TOKEN_MODEL=""; IN_TOK=0; CTX_WIN=0; PLAN_DISPLAY=""; ${formatTokensBash}; ${effWinBash}; if [ -f "${tokenFilePath}" ]; then TOKENS=$(cat "${tokenFilePath}" 2>/dev/null | tr -d '\\n\\r'); V=$(echo "$TOKENS" | grep -o '"context_left_percent": *-\\?[0-9]*' | grep -o '\\-\\?[0-9]*'); [ -n "$V" ] && CTX="$V"; V=$(echo "$TOKENS" | grep -o '"total_cost": *[0-9.]*' | cut -d: -f2 | tr -d ' '); [ -n "$V" ] && COST="$V"; V=$(echo "$TOKENS" | grep -o '"input_tokens": *[0-9]*' | grep -o '[0-9]*'); [ -n "$V" ] && IN_TOK="$V"; V=$(echo "$TOKENS" | grep -o '"context_window": *[0-9]*' | grep -o '[0-9]*'); [ -n "$V" ] && CTX_WIN="$V"; V=$(echo "$TOKENS" | grep -o '"is_free": *[a-z]*' | cut -d: -f2 | tr -d ' '); [ -n "$V" ] && IS_FREE="$V"; V=$(echo "$TOKENS" | grep -o '"is_estimated": *[a-z]*' | cut -d: -f2 | tr -d ' '); [ -n "$V" ] && IS_EST="$V"; V=$(echo "$TOKENS" | grep -o '"provider_name": *"[^"]*"' | cut -d'"' -f4); [ -n "$V" ] && PROVIDER="$V"; V=$(echo "$TOKENS" | grep -o '"model_name": *"[^"]*"' | cut -d'"' -f4); [ -n "$V" ] && TOKEN_MODEL="$V"; ${readPlanBash} fi; if [ "$CLAUDISH_IS_LOCAL" = "true" ]; then COST_DISPLAY="LOCAL"; elif [ "$IS_FREE" = "true" ]; then COST_DISPLAY="FREE"; elif [ "$IS_EST" = "true" ]; then COST_DISPLAY=$(printf "~\\$%.3f" "$COST"); else COST_DISPLAY=$(printf "\\$%.3f" "$COST"); fi; MODEL_DISPLAY="\${TOKEN_MODEL:-$CLAUDISH_ACTIVE_MODEL_NAME}"; if [ -n "$PROVIDER" ]; then MODEL_DISPLAY="$PROVIDER $MODEL_DISPLAY"; fi; EFF_WIN=$(eff_win $CTX_WIN); if [ "$EFF_WIN" -gt 0 ] 2>/dev/null && [ "$IN_TOK" -gt 0 ] 2>/dev/null; then CTX=$(( ((EFF_WIN - IN_TOK) * 200 / EFF_WIN + 1) / 2 )); if [ "$CTX" -lt 0 ]; then CTX=0; fi; fi; if [ "$CTX" -lt 0 ] 2>/dev/null || [ "$EFF_WIN" -le 0 ] 2>/dev/null; then if [ "$IN_TOK" -gt 0 ] 2>/dev/null; then CTX_DISPLAY="$(fmt_tok $IN_TOK) tokens"; else CTX_DISPLAY="N/A"; fi; elif [ "$IN_TOK" -gt 0 ] 2>/dev/null; then if [ "$EFF_WIN" -lt "$CTX_WIN" ] 2>/dev/null; then CTX_DISPLAY="$CTX% ($(fmt_tok $IN_TOK)/$(fmt_tok $EFF_WIN) of $(fmt_tok $CTX_WIN))"; else CTX_DISPLAY="$CTX% ($(fmt_tok $IN_TOK)/$(fmt_tok $EFF_WIN))"; fi; else CTX_DISPLAY="$CTX%"; fi`;
-    const planSuffix = `if [ -n "$PLAN_DISPLAY" ]; then printf " ${DIM4}\u2022${RESET4} ${GREEN4}%s${RESET4}" "$PLAN_DISPLAY"; fi`;
-    const segmentWithDir = `printf "${CYAN4}${BOLD4}%s${RESET4} ${DIM4}\u2022${RESET4} ${YELLOW3}%s${RESET4} ${DIM4}\u2022${RESET4} ${GREEN4}%s${RESET4} ${DIM4}\u2022${RESET4} ${MAGENTA3}%s${RESET4}" "$DIR" "$MODEL_DISPLAY" "$COST_DISPLAY" "$CTX_DISPLAY"; ${planSuffix}; printf "\\n"`;
-    const segmentNoDirWithProvider = `printf "${YELLOW3}%s${RESET4} ${DIM4}\u2022${RESET4} ${GREEN4}%s${RESET4} ${DIM4}\u2022${RESET4} ${MAGENTA3}%s${RESET4}" "$PROVIDER" "$COST_DISPLAY" "$CTX_DISPLAY"; ${planSuffix}; printf "\\n"`;
-    const segmentNoDirNoProvider = `printf "${GREEN4}%s${RESET4} ${DIM4}\u2022${RESET4} ${MAGENTA3}%s${RESET4}" "$COST_DISPLAY" "$CTX_DISPLAY"; ${planSuffix}; printf "\\n"`;
+    const planSuffix = `if [ -n "$PLAN_DISPLAY" ]; then printf " ${DIM3}\u2022${RESET3} ${GREEN3}%s${RESET3}" "$PLAN_DISPLAY"; fi`;
+    const segmentWithDir = `printf "${CYAN3}${BOLD3}%s${RESET3} ${DIM3}\u2022${RESET3} ${YELLOW3}%s${RESET3} ${DIM3}\u2022${RESET3} ${GREEN3}%s${RESET3} ${DIM3}\u2022${RESET3} ${MAGENTA3}%s${RESET3}" "$DIR" "$MODEL_DISPLAY" "$COST_DISPLAY" "$CTX_DISPLAY"; ${planSuffix}; printf "\\n"`;
+    const segmentNoDirWithProvider = `printf "${YELLOW3}%s${RESET3} ${DIM3}\u2022${RESET3} ${GREEN3}%s${RESET3} ${DIM3}\u2022${RESET3} ${MAGENTA3}%s${RESET3}" "$PROVIDER" "$COST_DISPLAY" "$CTX_DISPLAY"; ${planSuffix}; printf "\\n"`;
+    const segmentNoDirNoProvider = `printf "${GREEN3}%s${RESET3} ${DIM3}\u2022${RESET3} ${MAGENTA3}%s${RESET3}" "$COST_DISPLAY" "$CTX_DISPLAY"; ${planSuffix}; printf "\\n"`;
     const segmentNoDir = `if [ -n "$PROVIDER" ]; then ${segmentNoDirWithProvider}; else ${segmentNoDirNoProvider}; fi`;
     statusCommand = userStatusLineCommand ? buildChainedStatusCommand(userStatusLineCommand, readState, segmentNoDir) : `JSON=$(cat); ${dirPrelude}${readState}; ${segmentWithDir}`;
   }
@@ -81813,6 +82175,7 @@ var init_claude_runner = __esm(() => {
   init_routing_rules();
   init_telemetry();
   init_terminal_isolation();
+  init_theme_mode();
   STALE_TOKEN_FILE_MS = 7 * 24 * 60 * 60 * 1000;
 });
 
@@ -82187,6 +82550,32 @@ var init_text = __esm(() => {
 });
 
 // src/tui/viz/tokens.ts
+function refreshTokens() {
+  tokens.fatal = C.red;
+  tokens.error = C.red;
+  tokens.warn = C.orange;
+  tokens.info = C.cyan;
+  tokens.debug = C.fgMuted;
+  tokens.trace = C.dim;
+  tokens.success = C.green;
+  tokens.running = C.blue;
+  tokens.idle = C.fgMuted;
+  tokens.dead = C.dim;
+  tokens.border = C.border;
+  tokens.subtle = C.dim;
+  tokens.text = C.fg;
+  tokens.accent = C.focusBorder;
+  tokens.bgPanel = C.bgAlt;
+  tokens.ink = C.black;
+  refreshRamps();
+}
+function refreshRamps() {
+  ramps.load = [tokens.success, C.yellow, tokens.error];
+  ramps.temperature = [tokens.running, tokens.success, C.orange, tokens.error];
+  ramps.network = [tokens.success, C.yellow, tokens.error];
+  ramps.savings = [tokens.error, C.yellow, tokens.success];
+  ramps.volume = [C.border, C.blue, C.cyan];
+}
 var tokens, ramps;
 var init_tokens = __esm(() => {
   init_theme2();
@@ -82215,6 +82604,7 @@ var init_tokens = __esm(() => {
     savings: [tokens.error, C.yellow, tokens.success],
     volume: [C.border, C.blue, C.cyan]
   };
+  registerPaletteRefresher(refreshTokens);
 });
 
 // src/tui/viz/color.ts
@@ -82370,7 +82760,7 @@ function BadgeSpan({ label, bg, width }) {
       /* @__PURE__ */ jsxDEV18("span", {
         fg: pickInk(bg),
         bg,
-        attributes: BOLD4,
+        attributes: BOLD3,
         children: ` ${label} `
       }, undefined, false, undefined, this),
       badgePad(label, width)
@@ -82401,12 +82791,12 @@ function Panel({
     children
   }, undefined, false, undefined, this);
 }
-var BOLD4, FILL = "\u2588", TRACK = "\u2591", SPARK, GAP = " ", NODATA = "\u254C", RAMP_CACHE, RAMP_CACHE_MAX = 64;
+var BOLD3, FILL = "\u2588", TRACK = "\u2591", SPARK, GAP = " ", NODATA = "\u254C", RAMP_CACHE, RAMP_CACHE_MAX = 64;
 var init_widgets = __esm(() => {
   init_color();
   init_text();
   init_tokens();
-  BOLD4 = createTextAttributes2({ bold: true });
+  BOLD3 = createTextAttributes2({ bold: true });
   SPARK = ["\u2581", "\u2582", "\u2583", "\u2584", "\u2585", "\u2586", "\u2587", "\u2588"];
   RAMP_CACHE = new Map;
 });
@@ -83056,6 +83446,9 @@ var init_conversation = __esm(() => {
 import { useKeyboard as useKeyboard3 } from "@opentui/react";
 import { useEffect as useEffect5, useMemo as useMemo3, useState as useState6 } from "react";
 import { jsxDEV as jsxDEV19, Fragment as Fragment12 } from "@opentui/react/jsx-dev-runtime";
+function speaker() {
+  return getThemeMode() === "light" ? SPEAKER_LIGHT : SPEAKER;
+}
 function layoutRows(turns, textWidth) {
   const rows = [];
   const turnStart = [];
@@ -83389,6 +83782,9 @@ function scrollbarCells(viewport, total, top, hits) {
   }
   return cells;
 }
+function barColor(cell) {
+  return cell === "track" ? tokens.border : cell === "thumb" ? tokens.accent : tokens.warn;
+}
 function ReaderRow({
   row,
   turn,
@@ -83404,15 +83800,16 @@ function ReaderRow({
           children: " ".repeat(Math.max(0, width))
         }, undefined, false, undefined, this),
         /* @__PURE__ */ jsxDEV19("span", {
-          bg: BAR_COLOR[bar],
+          bg: barColor(bar),
           children: " "
         }, undefined, false, undefined, this)
       ]
     }, undefined, true, undefined, this);
   }
+  const sp = speaker();
   const text = turn.text.slice(row.start, row.end);
   const fg = turn.role === "user" ? tokens.text : C.fgMuted;
-  const railFg = turn.role === "user" ? SPEAKER.you : SPEAKER.ai;
+  const railFg = turn.role === "user" ? sp.you : sp.ai;
   const pad2 = Math.max(0, width - GUTTER - displayWidth(text));
   return /* @__PURE__ */ jsxDEV19("text", {
     children: [
@@ -83422,7 +83819,7 @@ function ReaderRow({
       }, undefined, false, undefined, this),
       row.first ? /* @__PURE__ */ jsxDEV19(BadgeSpan, {
         label: turn.role === "user" ? "you" : "ai",
-        bg: turn.role === "user" ? SPEAKER.you : SPEAKER.ai,
+        bg: turn.role === "user" ? sp.you : sp.ai,
         width: ROLE_W
       }, undefined, false, undefined, this) : /* @__PURE__ */ jsxDEV19("span", {
         children: " ".repeat(ROLE_W)
@@ -83435,7 +83832,7 @@ function ReaderRow({
         children: " ".repeat(pad2)
       }, undefined, false, undefined, this),
       /* @__PURE__ */ jsxDEV19("span", {
-        bg: BAR_COLOR[bar],
+        bg: barColor(bar),
         children: " "
       }, undefined, false, undefined, this)
     ]
@@ -83456,7 +83853,7 @@ function highlighted(text, hl, current, fg) {
       }, `p${i}`, false, undefined, this));
     const bg = hit === current ? tokens.accent : tokens.warn;
     out.push(/* @__PURE__ */ jsxDEV19("span", {
-      fg: tokens.ink,
+      fg: pickInk(bg, tokens.ink, C.ink),
       bg,
       attributes: A.bold,
       children: text.slice(start, e)
@@ -83472,9 +83869,11 @@ function highlighted(text, hl, current, fg) {
     children: out
   }, undefined, false, undefined, this);
 }
-var RAIL = "\u258D", RAIL_W = 2, ROLE_W = 6, GUTTER, BAR_W = 1, SPEAKER, MAX_MATCHES = 5000, EMPTY_SEARCH, NO_TURNS, BAR_COLOR;
+var RAIL = "\u258D", RAIL_W = 2, ROLE_W = 6, GUTTER, BAR_W = 1, SPEAKER, SPEAKER_LIGHT, MAX_MATCHES = 5000, EMPTY_SEARCH, NO_TURNS;
 var init_conversation_reader = __esm(() => {
+  init_theme_mode();
   init_theme2();
+  init_color();
   init_text();
   init_tokens();
   init_widgets();
@@ -83485,13 +83884,12 @@ var init_conversation_reader = __esm(() => {
     you: "#39d353",
     ai: "#39c5cf"
   };
+  SPEAKER_LIGHT = {
+    you: "#2da44e",
+    ai: "#0891b2"
+  };
   EMPTY_SEARCH = { hits: [], ranges: new Map, capped: false };
   NO_TURNS = [];
-  BAR_COLOR = {
-    track: tokens.border,
-    thumb: tokens.accent,
-    hit: tokens.warn
-  };
 });
 
 // src/session/resume-picker.tsx
@@ -83524,6 +83922,15 @@ function age(ms) {
     return `${h}h`;
   return `${Math.floor(h / 24)}d`;
 }
+function ghLevels() {
+  return getThemeMode() === "light" ? GH_LEVELS_LIGHT : GH_LEVELS;
+}
+function chips() {
+  return getThemeMode() === "light" ? CHIP_LIGHT : CHIP;
+}
+function hereFg() {
+  return ghLevels()[4];
+}
 function chipW(label) {
   return label + 2;
 }
@@ -83550,6 +83957,9 @@ function Slot({
     bg
   }, undefined, false, undefined, this);
 }
+function muted() {
+  return C.fgMuted;
+}
 function WorktreeRow({
   g,
   cursor,
@@ -83562,35 +83972,36 @@ function WorktreeRow({
   const room = Math.max(0, width - blockWidth(cols));
   const series = room >= SPARK_MIN_DAYS ? activitySeries(g.sessions, room) : null;
   const spark = series && hasActivity(series) ? series : null;
-  const chips = [];
+  const chip = chips();
+  const run = [];
   if (cols.sync > 0 && g.ahead) {
-    chips.push({
+    run.push({
       label: `\u2191${padStartTo(String(g.ahead), cols.sync)}`,
-      bg: CHIP.ahead,
+      bg: chip.ahead,
       labelW: cols.sync + 1
     });
   }
   if (cols.sync > 0 && g.behind) {
-    chips.push({
+    run.push({
       label: `\u2193${padStartTo(String(g.behind), cols.sync)}`,
-      bg: CHIP.behind,
+      bg: chip.behind,
       labelW: cols.sync + 1
     });
   }
   if (cols.dirty > 0 && g.dirty) {
-    chips.push({
+    run.push({
       label: `${DIRTY_GLYPH}${padStartTo(String(g.dirty), cols.dirty)}`,
-      bg: CHIP.dirty,
+      bg: chip.dirty,
       labelW: cols.dirty + 1
     });
   }
-  chips.push({ label: padStartTo(String(count), cols.count), bg: CHIP.count, labelW: cols.count });
-  chips.push({
+  run.push({ label: padStartTo(String(count), cols.count), bg: chip.count, labelW: cols.count });
+  run.push({
     label: padStartTo(g.lastActiveMs ? age(g.lastActiveMs) : "\u2014", cols.age),
-    bg: stale ? CHIP.stale : CHIP.fresh,
+    bg: stale ? chip.stale : chip.fresh,
     labelW: cols.age
   });
-  const used = chips.reduce((w, c) => w + c.labelW + 2, 0) + LIVE_W;
+  const used = run.reduce((w, c) => w + c.labelW + 2, 0) + LIVE_W;
   const gap = Math.max(0, width - room - used);
   return /* @__PURE__ */ jsxDEV20("box", {
     flexDirection: "column",
@@ -83610,7 +84021,7 @@ function WorktreeRow({
           children: [
             spark ? /* @__PURE__ */ jsxDEV20(SparklineSpan, {
               values: spark,
-              fg: SPARK_FG
+              fg: sparkFg()
             }, undefined, false, undefined, this) : /* @__PURE__ */ jsxDEV20("span", {
               children: " ".repeat(room)
             }, undefined, false, undefined, this),
@@ -83621,7 +84032,7 @@ function WorktreeRow({
               fg: tokens.success,
               children: g.activeNow ? "\u25CF " : "  "
             }, undefined, false, undefined, this),
-            chips.map((c) => /* @__PURE__ */ jsxDEV20(Slot, {
+            run.map((c) => /* @__PURE__ */ jsxDEV20(Slot, {
               label: c.label,
               bg: c.bg,
               labelW: c.labelW
@@ -83632,6 +84043,12 @@ function WorktreeRow({
     ]
   }, undefined, true, undefined, this);
 }
+function scrollbarOptions() {
+  return {
+    showArrows: false,
+    trackOptions: { backgroundColor: tokens.bgPanel, foregroundColor: tokens.border }
+  };
+}
 function dailyActivity(groups, days) {
   const day = 86400000;
   const today = Math.floor(Date.now() / day);
@@ -83660,6 +84077,7 @@ function ActivityCalendar({
   width
 }) {
   const levels = activityLevels(days);
+  const scale = ghLevels();
   const title = `activity \xB7 ${ACTIVITY_WEEKS}w `;
   const grid = Math.max(WEEK_DAYS, width - WEEK_LABEL_W);
   const base = Math.floor(grid / WEEK_DAYS);
@@ -83691,7 +84109,7 @@ function ActivityCalendar({
               children: padTo(ago === 0 ? "now" : `-${ago}w`, WEEK_LABEL_W)
             }, undefined, false, undefined, this),
             Array.from({ length: WEEK_DAYS }, (_2, d) => /* @__PURE__ */ jsxDEV20("span", {
-              bg: GH_LEVELS[levels[w * WEEK_DAYS + d] ?? 0],
+              bg: scale[levels[w * WEEK_DAYS + d] ?? 0],
               children: " ".repeat(base + (d < extra ? 1 : 0))
             }, d, false, undefined, this))
           ]
@@ -83725,6 +84143,9 @@ function SectionHeader({ label, width }) {
     ]
   }, undefined, true, undefined, this);
 }
+function sparkFg() {
+  return getThemeMode() === "light" ? SPARK_FG_LIGHT : SPARK_FG;
+}
 function hasActivity(series) {
   return series.some((v) => v > 0);
 }
@@ -83780,7 +84201,7 @@ function SessionRowView({
           }, undefined, false, undefined, this),
           /* @__PURE__ */ jsxDEV20(BadgeSpan, {
             label: padStartTo(age(row.mtimeMs), SESSION_AGE_W),
-            bg: Date.now() - row.mtimeMs < STALE_MS ? CHIP.fresh : CHIP.stale,
+            bg: Date.now() - row.mtimeMs < STALE_MS ? chips().fresh : chips().stale,
             width: SESSION_AGE_COL
           }, undefined, false, undefined, this),
           /* @__PURE__ */ jsxDEV20(MeterSpan, {
@@ -83789,7 +84210,7 @@ function SessionRowView({
             ramp: ramps.volume
           }, undefined, false, undefined, this),
           /* @__PURE__ */ jsxDEV20("span", {
-            fg: MUTED,
+            fg: muted(),
             children: padStartTo(size, SIZE_COL)
           }, undefined, false, undefined, this),
           row.gitBranch ? /* @__PURE__ */ jsxDEV20("span", {
@@ -84082,7 +84503,7 @@ function ResumePicker({ groups, onDone }) {
                 /* @__PURE__ */ jsxDEV20("scrollbox", {
                   focused: false,
                   flexGrow: 1,
-                  scrollbarOptions: SCROLLBAR,
+                  scrollbarOptions: scrollbarOptions(),
                   children: [
                     fresh.map((g, i) => /* @__PURE__ */ jsxDEV20(WorktreeRow, {
                       g,
@@ -84126,7 +84547,7 @@ function ResumePicker({ groups, onDone }) {
                 children: /* @__PURE__ */ jsxDEV20("scrollbox", {
                   focused: false,
                   flexGrow: 1,
-                  scrollbarOptions: SCROLLBAR,
+                  scrollbarOptions: scrollbarOptions(),
                   children: items.length === 0 ? /* @__PURE__ */ jsxDEV20("text", {
                     fg: tokens.subtle,
                     children: " no sessions match"
@@ -84247,17 +84668,18 @@ function WorktreeDetail({
       children: "no worktree selected"
     }, undefined, false, undefined, this);
   const L = 9;
+  const chip = chips();
   const badges = [];
   if (group.dirty !== undefined) {
     badges.push({
       label: group.dirty > 0 ? `${DIRTY_GLYPH}${group.dirty} uncommitted` : "clean",
-      bg: group.dirty > 0 ? CHIP.dirty : CHIP.clean
+      bg: group.dirty > 0 ? chip.dirty : chip.clean
     });
   }
   if (group.ahead)
-    badges.push({ label: `\u2191${group.ahead}`, bg: CHIP.ahead });
+    badges.push({ label: `\u2191${group.ahead}`, bg: chip.ahead });
   if (group.behind)
-    badges.push({ label: `\u2193${group.behind}`, bg: CHIP.behind });
+    badges.push({ label: `\u2193${group.behind}`, bg: chip.behind });
   const badgeW = badges.reduce((w, b) => w + displayWidth(b.label) + 2, 0);
   const marker = group.current ? "  \u25B6 you are here" : !group.live ? "  worktree deleted" : "";
   const branch = group.branch ?? (group.live ? "detached" : "\u2014");
@@ -84283,7 +84705,7 @@ function WorktreeDetail({
             children: truncate3(group.name, nameW)
           }, undefined, false, undefined, this),
           /* @__PURE__ */ jsxDEV20("span", {
-            fg: group.current ? HERE_FG : tokens.dead,
+            fg: group.current ? hereFg() : tokens.dead,
             children: marker
           }, undefined, false, undefined, this),
           /* @__PURE__ */ jsxDEV20("span", {
@@ -84316,7 +84738,7 @@ function WorktreeDetail({
           }, undefined, false, undefined, this),
           /* @__PURE__ */ jsxDEV20(Sparkline, {
             values: hasActivity(spark) ? spark : [],
-            fg: SPARK_FG
+            fg: sparkFg()
           }, undefined, false, undefined, this),
           /* @__PURE__ */ jsxDEV20("text", {
             fg: tokens.trace,
@@ -84394,6 +84816,7 @@ function Conversation({
     }, undefined, false, undefined, this);
   }
   const ROLE_W2 = 6;
+  const sp = speaker();
   const textW = Math.max(10, width - ROLE_W2 - 2);
   const shown = turns.slice(-max);
   return /* @__PURE__ */ jsxDEV20("box", {
@@ -84408,19 +84831,20 @@ function Conversation({
         }, undefined, false, undefined, this),
         /* @__PURE__ */ jsxDEV20(BadgeSpan, {
           label: t.role === "user" ? "you" : "ai",
-          bg: t.role === "user" ? SPEAKER.you : SPEAKER.ai,
+          bg: t.role === "user" ? sp.you : sp.ai,
           width: ROLE_W2
         }, undefined, false, undefined, this),
         /* @__PURE__ */ jsxDEV20("span", {
-          fg: t.role === "user" ? tokens.text : MUTED,
+          fg: t.role === "user" ? tokens.text : muted(),
           children: truncate3(t.text, textW)
         }, undefined, false, undefined, this)
       ]
     }, `${i}-${t.text.slice(0, 12)}`, true, undefined, this))
   }, undefined, false, undefined, this);
 }
-var PANEL_CHROME = 4, PANEL_BORDER = 2, SCROLL_CHROME = 1, SIDEBAR_MIN = 28, SIDEBAR_MAX = 50, DETAIL_CHROME = 5, WORKTREE_DETAIL_H = 4, STALE_MS, GH_LEVELS, CHIP, HERE_FG, LIVE_W = 2, DIRTY_GLYPH = "+", SESSION_AGE_W = 3, SESSION_AGE_COL, SIZE_FLOOR_BYTES, MUTED, SCROLLBAR, WEEK_DAYS = 7, ACTIVITY_WEEKS = 6, BRANCH_ICON = "\u2387", BRANCH_LEAD = 5, BRANCH_LEAD_DENSE = 6, WEEK_LABEL_W = 4, ACTIVITY_H, SPARK_MIN_DAYS = 7, SPARK_FG = "#3f6f9e";
+var PANEL_CHROME = 4, PANEL_BORDER = 2, SCROLL_CHROME = 1, SIDEBAR_MIN = 28, SIDEBAR_MAX = 50, DETAIL_CHROME = 5, WORKTREE_DETAIL_H = 4, STALE_MS, GH_LEVELS, GH_LEVELS_LIGHT, CHIP, CHIP_LIGHT, LIVE_W = 2, DIRTY_GLYPH = "+", SESSION_AGE_W = 3, SESSION_AGE_COL, SIZE_FLOOR_BYTES, WEEK_DAYS = 7, ACTIVITY_WEEKS = 6, BRANCH_ICON = "\u2387", BRANCH_LEAD = 5, BRANCH_LEAD_DENSE = 6, WEEK_LABEL_W = 4, ACTIVITY_H, SPARK_MIN_DAYS = 7, SPARK_FG = "#3f6f9e", SPARK_FG_LIGHT = "#2563eb";
 var init_resume_picker = __esm(() => {
+  init_theme_mode();
   init_theme2();
   init_text();
   init_tokens();
@@ -84430,6 +84854,7 @@ var init_resume_picker = __esm(() => {
   init_session_discovery();
   STALE_MS = 3 * 86400000;
   GH_LEVELS = ["#21262d", "#0e4429", "#006d32", "#26a641", "#39d353"];
+  GH_LEVELS_LIGHT = ["#d0d7de", "#9be9a8", "#40c463", "#30a14e", "#216e39"];
   CHIP = {
     fresh: GH_LEVELS[4],
     stale: "#a1a9b3",
@@ -84439,14 +84864,17 @@ var init_resume_picker = __esm(() => {
     ahead: "#bc8cff",
     behind: "#d2a8ff"
   };
-  HERE_FG = GH_LEVELS[4];
+  CHIP_LIGHT = {
+    fresh: GH_LEVELS_LIGHT[3],
+    stale: "#818b98",
+    count: "#218bff",
+    dirty: "#bf8700",
+    clean: GH_LEVELS_LIGHT[2],
+    ahead: "#a475f9",
+    behind: "#b88aff"
+  };
   SESSION_AGE_COL = SESSION_AGE_W + 3;
   SIZE_FLOOR_BYTES = 16 * 1024;
-  MUTED = C.fgMuted;
-  SCROLLBAR = {
-    showArrows: false,
-    trackOptions: { backgroundColor: tokens.bgPanel, foregroundColor: tokens.border }
-  };
   ACTIVITY_H = 2 + ACTIVITY_WEEKS;
 });
 
@@ -84468,9 +84896,10 @@ async function runResumePicker(cwd = process.cwd()) {
   await enrichWorktreeGit(groups, repo.root);
   setStderrQuiet(true);
   const renderer = await createCliRenderer3({
-    useAlternateScreen: true,
+    screenMode: "alternate-screen",
     exitOnCtrlC: false
   });
+  await applyRendererThemeMode(renderer);
   const root = createRoot3(renderer);
   let chosen = null;
   try {
@@ -84501,6 +84930,7 @@ async function runResumePicker(cwd = process.cwd()) {
 }
 var init_resume_picker_run = __esm(() => {
   init_logger();
+  init_renderer_theme();
   init_resume_picker();
   init_session_discovery();
 });
@@ -84631,7 +85061,7 @@ function bg(hex4) {
   return `\x1B[48;2;${r};${g};${b}m`;
 }
 function paint(text, hex4, bold4 = false) {
-  return `${bold4 ? BOLD5 : ""}${fg(hex4)}${text}${RESET4}`;
+  return `${bold4 ? BOLD4 : ""}${fg(hex4)}${text}${RESET3}`;
 }
 function meter(pct, width, ramp = ramps.load) {
   const cells = Math.floor(width);
@@ -84651,7 +85081,7 @@ function meter(pct, width, ramp = ramps.load) {
     }
     out += i < filled ? FILL2 : TRACK2;
   }
-  return out + RESET4;
+  return out + RESET3;
 }
 function stackedBar(segments, width) {
   const cells = Math.floor(width);
@@ -84666,10 +85096,10 @@ function stackedBar(segments, width) {
     if (n > 0)
       out += `${bg(segments[i].color)}${" ".repeat(n)}`;
   }
-  return out + RESET4;
+  return out + RESET3;
 }
 function badge(label, hex4) {
-  return `${BOLD5}${fg(pickInk(hex4))}${bg(hex4)} ${label} ${RESET4}`;
+  return `${BOLD4}${fg(pickInk(hex4, tokens.ink, C.ink))}${bg(hex4)} ${label} ${RESET3}`;
 }
 function stripAnsi4(s) {
   return s.replace(ANSI_RE3, "");
@@ -84702,7 +85132,7 @@ function clipStyled(s, width) {
     w += cw;
     i += ch.length;
   }
-  return out + RESET4;
+  return out + RESET3;
 }
 function padVisible2(s, width, align = "left") {
   const clipped = clipStyled(s, width);
@@ -84744,8 +85174,9 @@ function usd(n) {
     return `$${n.toFixed(3)}`;
   return `$${n.toFixed(2)}`;
 }
-var RESET4 = "\x1B[0m", BOLD5 = "\x1B[1m", FILL2 = "\u2588", TRACK2 = "\u2591", NODATA2 = "\u254C", ANSI_RE3;
+var RESET3 = "\x1B[0m", BOLD4 = "\x1B[1m", FILL2 = "\u2588", TRACK2 = "\u2591", NODATA2 = "\u254C", ANSI_RE3;
 var init_ansi_viz = __esm(() => {
+  init_theme2();
   init_color();
   init_text();
   init_tokens();
@@ -84759,6 +85190,12 @@ __export(exports_session_summary, {
   renderSessionSummary: () => renderSessionSummary,
   printSessionSummary: () => printSessionSummary
 });
+function toolColors() {
+  return [C.blue, C.cyan, "#8a7d1e", "#1f6d75", C.magenta, "#2d6e3e", C.orange];
+}
+function toolOther() {
+  return C.dim;
+}
 function cardWidth() {
   const cols = process.stdout.columns || 80;
   return Math.max(MIN_W, Math.min(MAX_W, cols - 2));
@@ -84778,15 +85215,15 @@ function renderSessionSummary(input) {
     out.push(`${paint("\u2502", tokens.border)} ${padVisible2(s, inner)} ${paint("\u2502", tokens.border)}`);
   };
   const blank = () => row("");
-  const chips = [badge(truncate3(modelSpec, 34), tokens.accent)];
+  const chips2 = [badge(truncate3(modelSpec, 34), tokens.accent)];
   if (stats.isFree)
-    chips.push(badge("FREE", C.pillKeyBg));
+    chips2.push(badge("FREE", C.pillKeyBg));
   else if (stats.isEstimated)
-    chips.push(badge("EST", "#8a7d1e"));
+    chips2.push(badge("EST", "#8a7d1e"));
   if (exitCode !== 0)
-    chips.push(badge(`EXIT ${exitCode}`, "#9e2b2b"));
+    chips2.push(badge(`EXIT ${exitCode}`, "#9e2b2b"));
   const right = body(duration3(stats.durationMs));
-  const left = clipStyled(chips.join(" "), Math.max(0, inner - visibleWidth(right) - 1));
+  const left = clipStyled(chips2.join(" "), Math.max(0, inner - visibleWidth(right) - 1));
   const gap = Math.max(1, inner - visibleWidth(left) - visibleWidth(right));
   row(left + " ".repeat(gap) + right);
   if (stats.providerName)
@@ -84812,13 +85249,15 @@ function renderSessionSummary(input) {
     ], barW), dim3("in ") + body(usd(stats.inputCostUsd)) + dim3(" out ") + body(usd(stats.outputCostUsd)));
   }
   if (stats.toolCallTotal > 0) {
-    const shown = stats.toolCalls.slice(0, TOOL_COLORS.length);
-    const rest = stats.toolCalls.slice(TOOL_COLORS.length).reduce((a, t) => a + t.count, 0);
-    const segs = shown.map((t, i) => ({ value: t.count, color: TOOL_COLORS[i] }));
+    const toolCols = toolColors();
+    const other = toolOther();
+    const shown = stats.toolCalls.slice(0, toolCols.length);
+    const rest = stats.toolCalls.slice(toolCols.length).reduce((a, t) => a + t.count, 0);
+    const segs = shown.map((t, i) => ({ value: t.count, color: toolCols[i] }));
     if (rest > 0)
-      segs.push({ value: rest, color: TOOL_OTHER });
+      segs.push({ value: rest, color: other });
     dataRow("tools", stackedBar(segs, barW), body(padStartTo(String(stats.toolCallTotal), 4)) + dim3(" calls"));
-    const legend = shown.map((t, i) => paint(`${t.name} ${t.count}`, TOOL_COLORS[i])).concat(rest > 0 ? [paint(`other ${rest}`, TOOL_OTHER)] : []);
+    const legend = shown.map((t, i) => paint(`${t.name} ${t.count}`, toolCols[i])).concat(rest > 0 ? [paint(`other ${rest}`, other)] : []);
     for (const line of wrapStyled(legend, dim3(" \xB7 "), inner - LABEL_W)) {
       row(" ".repeat(LABEL_W) + line);
     }
@@ -84843,12 +85282,12 @@ function renderSessionSummary(input) {
   }
   return out;
 }
-function wrapStyled(chips, sep, width) {
+function wrapStyled(chips2, sep, width) {
   const lines = [];
   let cur = "";
   let curW = 0;
   const sepW = visibleWidth(sep);
-  for (const chip of chips) {
+  for (const chip of chips2) {
     const w = visibleWidth(chip);
     if (cur && curW + sepW + w > width) {
       lines.push(cur);
@@ -84866,24 +85305,14 @@ function wrapStyled(chips, sep, width) {
 function printSessionSummary(input, write) {
   for (const line of renderSessionSummary(input))
     write(line);
-  write(RESET4);
+  write(RESET3);
 }
-var TOOL_COLORS, TOOL_OTHER, MIN_W = 62, MAX_W = 96, CHROME = 4, LABEL_W = 10;
+var MIN_W = 62, MAX_W = 96, CHROME = 4, LABEL_W = 10;
 var init_session_summary = __esm(() => {
   init_theme2();
   init_text();
   init_tokens();
   init_ansi_viz();
-  TOOL_COLORS = [
-    C.blue,
-    C.cyan,
-    "#8a7d1e",
-    "#1f6d75",
-    C.magenta,
-    "#2d6e3e",
-    C.orange
-  ];
-  TOOL_OTHER = C.dim;
 });
 
 // src/index.ts
@@ -85137,6 +85566,10 @@ async function runCli() {
     return Buffer.concat(chunks).toString("utf-8");
   }
   try {
+    await traceSpan("startup:theme-detect", async () => {
+      const { detectAndSetThemeMode: detectAndSetThemeMode2 } = await Promise.resolve().then(() => (init_theme_mode(), exports_theme_mode));
+      await detectAndSetThemeMode2();
+    });
     const cliConfig = await traceSpan("startup:parse-args", () => parseArgs2(process.argv.slice(2)));
     await traceSpan("startup:endpoint-registration", async () => {
       const { ensureEndpointsRegistered: ensureEndpointsRegistered2 } = await Promise.resolve().then(() => (init_endpoint_registration(), exports_endpoint_registration));