gh-manager-cli 1.40.1 → 1.41.0

package/dist/index.js

@@ -34,7 +34,7 @@ var require_package = __commonJS({
   "package.json"(exports, module) {
     module.exports = {
       name: "gh-manager-cli",
-      version: "1.40.1",
+      version: "1.41.0",
       private: false,
       description: "TUI terminal app to manage GitHub repos. Clean up your account in 5 minutes. Archive, delete, rename repos with keyboard shortcuts. Alternative to clicking through github.com",
       license: "MIT",
@@ -157,7 +157,7 @@ import { render, Box as Box23, Text as Text24 } from "ink";
 import "dotenv/config";
 
 // src/ui/App.tsx
-import { useEffect as useEffect13, useMemo as useMemo2, useState as useState18 } from "react";
+import { useEffect as useEffect13, useMemo as useMemo3, useState as useState18 } from "react";
 import { Box as Box22, Text as Text23, useApp as useApp2, useStdout as useStdout2, useInput as useInput18 } from "ink";
 import TextInput6 from "ink-text-input";
 
@@ -407,10 +407,126 @@ async function openGitHubAuthorizationPage() {
 }
 
 // src/ui/views/RepoList.tsx
-import React16, { useEffect as useEffect12, useMemo, useState as useState16, useRef, useCallback } from "react";
+import React16, { useEffect as useEffect12, useMemo as useMemo2, useState as useState16, useRef, useCallback } from "react";
 import { Box as Box19, Text as Text20, useApp, useInput as useInput16, useStdout } from "ink";
 import TextInput5 from "ink-text-input";
-import chalk14 from "chalk";
+import chalk15 from "chalk";
+
+// src/config/themes.ts
+var THEMES = {
+  default: {
+    name: "default",
+    label: "Default",
+    primary: "cyan",
+    secondary: "blue",
+    success: "green",
+    warning: "yellow",
+    error: "red",
+    muted: "gray",
+    text: "white",
+    selected: "cyan",
+    private: "yellow",
+    archived: "gray",
+    internal: "magenta",
+    fork: "blue",
+    dim: "gray"
+  },
+  ocean: {
+    name: "ocean",
+    label: "Ocean",
+    primary: "blueBright",
+    secondary: "cyan",
+    success: "greenBright",
+    warning: "yellowBright",
+    error: "redBright",
+    muted: "blue",
+    text: "whiteBright",
+    selected: "blueBright",
+    private: "cyan",
+    archived: "blue",
+    internal: "magenta",
+    fork: "cyanBright",
+    dim: "blue"
+  },
+  forest: {
+    name: "forest",
+    label: "Forest",
+    primary: "green",
+    secondary: "greenBright",
+    success: "greenBright",
+    warning: "yellow",
+    error: "red",
+    muted: "gray",
+    text: "white",
+    selected: "green",
+    private: "yellow",
+    archived: "gray",
+    internal: "magenta",
+    fork: "greenBright",
+    dim: "gray"
+  },
+  monochrome: {
+    name: "monochrome",
+    label: "Monochrome",
+    primary: "white",
+    secondary: "whiteBright",
+    success: "whiteBright",
+    warning: "white",
+    error: "white",
+    muted: "gray",
+    text: "white",
+    selected: "whiteBright",
+    private: "white",
+    archived: "gray",
+    internal: "white",
+    fork: "white",
+    dim: "gray"
+  }
+};
+var THEME_ORDER = ["default", "ocean", "forest", "monochrome"];
+function getTheme(name) {
+  return THEMES[name] ?? THEMES.default;
+}
+function nextTheme(current) {
+  const idx = THEME_ORDER.indexOf(current);
+  return THEME_ORDER[(idx + 1) % THEME_ORDER.length];
+}
+
+// src/ui/hooks/useTheme.ts
+import { useMemo } from "react";
+import chalk from "chalk";
+function chalkFor(color) {
+  return chalk[color] ?? chalk.white;
+}
+function bgChalkFor(color) {
+  const bgKey = "bg" + color.charAt(0).toUpperCase() + color.slice(1);
+  return chalk[bgKey] ?? chalk.bgWhite;
+}
+function useTheme(name) {
+  return useMemo(() => {
+    const theme = getTheme(name);
+    const c = {
+      primary: chalkFor(theme.primary),
+      secondary: chalkFor(theme.secondary),
+      success: chalkFor(theme.success),
+      warning: chalkFor(theme.warning),
+      error: chalkFor(theme.error),
+      muted: chalkFor(theme.muted),
+      text: chalkFor(theme.text),
+      selected: chalkFor(theme.selected),
+      private: chalkFor(theme.private),
+      archived: chalkFor(theme.archived),
+      internal: chalkFor(theme.internal),
+      fork: chalkFor(theme.fork),
+      dim: chalkFor(theme.dim),
+      arrow: bgChalkFor(theme.primary).black,
+      arrowMuted: bgChalkFor(theme.muted).whiteBright,
+      btnPrimary: bgChalkFor(theme.primary).black.bold,
+      btnMuted: chalk.bgGray.white.bold
+    };
+    return { theme, c };
+  }, [name]);
+}
 
 // src/services/apolloMeta.ts
 import fs2 from "fs";
@@ -473,7 +589,7 @@ import { exec } from "child_process";
 // src/ui/OrgSwitcher.tsx
 import { useEffect, useState } from "react";
 import { Box, Text, useInput } from "ink";
-import chalk from "chalk";
+import chalk2 from "chalk";
 import { jsx, jsxs } from "react/jsx-runtime";
 function OrgSwitcher({ token, currentContext, onSelect, onClose }) {
   const [organizations, setOrganizations] = useState([]);
@@ -560,12 +676,12 @@ function OrgSwitcher({ token, currentContext, onSelect, onClose }) {
       refreshing && /* @__PURE__ */ jsx(Text, { color: "yellow", children: "(Refreshing...)" })
     ] }),
     loading && !refreshing ? /* @__PURE__ */ jsx(Text, { color: "yellow", children: "Loading..." }) : error ? /* @__PURE__ */ jsx(Text, { color: "red", children: error }) : /* @__PURE__ */ jsxs(Box, { flexDirection: "column", marginTop: 1, children: [
-      /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsx(Text, { children: cursor === 0 ? chalk.bgCyan.black(" \u2192 ") + " " + chalk.bold("Personal Account") + (isPersonalContext ? chalk.green(" \u2713") : "") : "   " + chalk.gray("Personal Account") + (isPersonalContext ? chalk.green(" \u2713") : "") }) }),
+      /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsx(Text, { children: cursor === 0 ? chalk2.bgCyan.black(" \u2192 ") + " " + chalk2.bold("Personal Account") + (isPersonalContext ? chalk2.green(" \u2713") : "") : "   " + chalk2.gray("Personal Account") + (isPersonalContext ? chalk2.green(" \u2713") : "") }) }),
       organizations.map((org, index) => {
         const isEnterprise = enterpriseOrgs.has(org.login);
         const isCurrent = cursor === index + 1;
         const isActiveContext = !isPersonalContext && currentContext.login === org.login;
-        return /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsx(Text, { children: isCurrent ? chalk.bgCyan.black(" \u2192 ") + " " + chalk.bold(org.name || org.login) + (isEnterprise ? chalk.yellow(" (ENT)") : "") + chalk.gray(` (@${org.login})`) + (isActiveContext ? chalk.green(" \u2713") : "") : "   " + chalk.gray(org.name || org.login) + (isEnterprise ? chalk.gray(" (ENT)") : "") + chalk.gray(` (@${org.login})`) + (isActiveContext ? chalk.green(" \u2713") : "") }) }, org.id);
+        return /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsx(Text, { children: isCurrent ? chalk2.bgCyan.black(" \u2192 ") + " " + chalk2.bold(org.name || org.login) + (isEnterprise ? chalk2.yellow(" (ENT)") : "") + chalk2.gray(` (@${org.login})`) + (isActiveContext ? chalk2.green(" \u2713") : "") : "   " + chalk2.gray(org.name || org.login) + (isEnterprise ? chalk2.gray(" (ENT)") : "") + chalk2.gray(` (@${org.login})`) + (isActiveContext ? chalk2.green(" \u2713") : "") }) }, org.id);
       }),
       organizations.length === 0 && /* @__PURE__ */ jsx(Text, { color: "gray", dimColor: true, children: "No organisations found" })
     ] }),
@@ -584,13 +700,15 @@ function OrgSwitcher({ token, currentContext, onSelect, onClose }) {
 // src/ui/components/modals/ArchiveFilterModal.tsx
 import { useState as useState2, useEffect as useEffect2 } from "react";
 import { Box as Box2, Text as Text2, useInput as useInput2 } from "ink";
-import chalk2 from "chalk";
+import chalk3 from "chalk";
 import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 function ArchiveFilterModal({
   currentFilter,
   onSelect,
-  onCancel
+  onCancel,
+  theme: themeProp
 }) {
+  const { theme, c } = useTheme(themeProp?.name ?? "default");
   const options = ["all", "unarchived", "archived"];
   const [focusedOption, setFocusedOption] = useState2(currentFilter);
   useEffect2(() => {
@@ -603,8 +721,7 @@ function ArchiveFilterModal({
     }
     if (key.leftArrow || key.upArrow) {
       if (focusedOption === "cancel") {
-        const lastIndex = options.length - 1;
-        setFocusedOption(options[lastIndex]);
+        setFocusedOption(options[options.length - 1]);
       } else {
         const idx = options.indexOf(focusedOption);
         if (idx > 0) setFocusedOption(options[idx - 1]);
@@ -613,11 +730,8 @@ function ArchiveFilterModal({
     if (key.rightArrow || key.downArrow) {
       if (focusedOption !== "cancel") {
         const idx = options.indexOf(focusedOption);
-        if (idx < options.length - 1) {
-          setFocusedOption(options[idx + 1]);
-        } else {
-          setFocusedOption("cancel");
-        }
+        if (idx < options.length - 1) setFocusedOption(options[idx + 1]);
+        else setFocusedOption("cancel");
       }
     }
     if (key.tab) {
@@ -625,19 +739,13 @@ function ArchiveFilterModal({
         setFocusedOption(options[0]);
       } else {
         const idx = options.indexOf(focusedOption);
-        if (idx < options.length - 1) {
-          setFocusedOption(options[idx + 1]);
-        } else {
-          setFocusedOption("cancel");
-        }
+        if (idx < options.length - 1) setFocusedOption(options[idx + 1]);
+        else setFocusedOption("cancel");
       }
     }
     if (key.return) {
-      if (focusedOption === "cancel") {
-        onCancel();
-      } else {
-        onSelect(focusedOption);
-      }
+      if (focusedOption === "cancel") onCancel();
+      else onSelect(focusedOption);
     }
     if (input) {
       const u = input.toUpperCase();
@@ -656,24 +764,24 @@ function ArchiveFilterModal({
         return "Archived Only";
     }
   };
-  const getColor = (filter) => {
-    if (filter === currentFilter) return "green";
-    return focusedOption === filter ? "cyan" : "gray";
+  const getOptionChalk = (filter) => {
+    if (filter === currentFilter) return c.success;
+    return focusedOption === filter ? c.primary : c.muted;
   };
-  return /* @__PURE__ */ jsxs2(Box2, { flexDirection: "column", borderStyle: "round", borderColor: "cyan", paddingX: 2, paddingY: 1, width: 45, children: [
+  return /* @__PURE__ */ jsxs2(Box2, { flexDirection: "column", borderStyle: "round", borderColor: theme.primary, paddingX: 2, paddingY: 1, width: 45, children: [
     /* @__PURE__ */ jsx2(Text2, { bold: true, children: "Archive Filter" }),
     /* @__PURE__ */ jsxs2(Box2, { flexDirection: "column", marginTop: 1, children: [
       options.map((option) => /* @__PURE__ */ jsx2(Box2, { paddingX: 1, children: /* @__PURE__ */ jsxs2(Text2, { children: [
-        focusedOption === option ? chalk2.bgCyan.black(" \u2192 ") : "   ",
-        focusedOption === option ? chalk2[getColor(option)].bold(getLabel(option)) : chalk2[getColor(option)](getLabel(option)),
-        option === currentFilter && chalk2.green(" \u2713")
+        focusedOption === option ? c.arrow(" \u2192 ") : "   ",
+        focusedOption === option ? getOptionChalk(option).bold(getLabel(option)) : getOptionChalk(option)(getLabel(option)),
+        option === currentFilter && c.success(" \u2713")
       ] }) }, option)),
       /* @__PURE__ */ jsx2(Box2, { paddingX: 1, children: /* @__PURE__ */ jsxs2(Text2, { children: [
-        focusedOption === "cancel" ? chalk2.bgWhite.black(" \u2192 ") : "   ",
-        focusedOption === "cancel" ? chalk2.white.bold("Cancel") : chalk2.gray("Cancel")
+        focusedOption === "cancel" ? c.arrowMuted(" \u2192 ") : "   ",
+        focusedOption === "cancel" ? chalk3.white.bold("Cancel") : c.muted("Cancel")
       ] }) })
     ] }),
-    /* @__PURE__ */ jsx2(Box2, { marginTop: 1, children: /* @__PURE__ */ jsx2(Text2, { color: "gray", dimColor: true, children: "\u2191\u2193/Enter \u2022 L All \u2022 U Unarchived \u2022 R Archived \u2022 Esc" }) })
+    /* @__PURE__ */ jsx2(Box2, { marginTop: 1, children: /* @__PURE__ */ jsx2(Text2, { color: theme.muted, dimColor: true, children: "\u2191\u2193/Enter \u2022 L All \u2022 U Unarchived \u2022 R Archived \u2022 Esc" }) })
   ] });
 }
 
@@ -681,7 +789,7 @@ function ArchiveFilterModal({
 import { useState as useState4, useEffect as useEffect4 } from "react";
 import { Box as Box3, Text as Text4, useInput as useInput3 } from "ink";
 import TextInput from "ink-text-input";
-import chalk3 from "chalk";
+import chalk4 from "chalk";
 
 // src/ui/components/common/SlowSpinner.tsx
 import { useEffect as useEffect3, useState as useState3 } from "react";
@@ -705,18 +813,18 @@ import { Fragment, jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
 // src/ui/components/modals/ArchiveModal.tsx
 import { useState as useState5 } from "react";
 import { Box as Box4, Text as Text5, useInput as useInput4 } from "ink";
-import chalk4 from "chalk";
+import chalk5 from "chalk";
 import { Fragment as Fragment2, jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
 
 // src/ui/components/modals/SyncModal.tsx
 import { useState as useState6 } from "react";
 import { Box as Box5, Text as Text6, useInput as useInput5 } from "ink";
-import chalk5 from "chalk";
+import chalk6 from "chalk";
 import { Fragment as Fragment3, jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
 
 // src/ui/components/modals/InfoModal.tsx
 import { Box as Box6, Text as Text7, useInput as useInput6 } from "ink";
-import chalk6 from "chalk";
+import chalk7 from "chalk";
 
 // src/lib/utils.ts
 function truncate(str, max = 80) {
@@ -836,20 +944,22 @@ import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
 // src/ui/components/modals/LogoutModal.tsx
 import { useState as useState7 } from "react";
 import { Box as Box7, Text as Text8, useInput as useInput7 } from "ink";
-import chalk7 from "chalk";
+import chalk8 from "chalk";
 import { jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
 
 // src/ui/components/modals/VisibilityModal.tsx
 import { useState as useState8, useEffect as useEffect5 } from "react";
 import { Box as Box8, Text as Text9, useInput as useInput8 } from "ink";
-import chalk8 from "chalk";
+import chalk9 from "chalk";
 import { jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
 function VisibilityModal({
   currentFilter,
   isEnterprise,
   onSelect,
-  onCancel
+  onCancel,
+  theme: themeProp
 }) {
+  const { theme, c } = useTheme(themeProp?.name ?? "default");
   const options = ["all", "public", "private"];
   const [selectedIndex, setSelectedIndex] = useState8(0);
   const [focusedOption, setFocusedOption] = useState8("all");
@@ -912,13 +1022,9 @@ function VisibilityModal({
     }
     if (input) {
       const upperInput = input.toUpperCase();
-      if (upperInput === "A") {
-        onSelect("all");
-      } else if (upperInput === "P") {
-        onSelect("public");
-      } else if (upperInput === "R") {
-        onSelect("private");
-      }
+      if (upperInput === "A") onSelect("all");
+      else if (upperInput === "P") onSelect("public");
+      else if (upperInput === "R") onSelect("private");
     }
   });
   const getButtonLabel = (filter) => {
@@ -931,39 +1037,39 @@ function VisibilityModal({
         return isEnterprise ? "Private/Internal" : "Private Only";
     }
   };
-  const getButtonColor = (filter) => {
-    if (filter === currentFilter) {
-      return "green";
-    }
-    return focusedOption === filter ? "cyan" : "gray";
+  const getOptionChalk = (filter) => {
+    if (filter === currentFilter) return c.success;
+    return focusedOption === filter ? c.primary : c.muted;
   };
-  return /* @__PURE__ */ jsxs8(Box8, { flexDirection: "column", borderStyle: "round", borderColor: "cyan", paddingX: 2, paddingY: 1, width: 45, children: [
+  return /* @__PURE__ */ jsxs8(Box8, { flexDirection: "column", borderStyle: "round", borderColor: theme.primary, paddingX: 2, paddingY: 1, width: 45, children: [
     /* @__PURE__ */ jsx9(Text9, { bold: true, children: "Visibility Filter" }),
     /* @__PURE__ */ jsxs8(Box8, { flexDirection: "column", marginTop: 1, children: [
       options.map((option) => /* @__PURE__ */ jsx9(Box8, { paddingX: 1, children: /* @__PURE__ */ jsxs8(Text9, { children: [
-        focusedOption === option ? chalk8.bgCyan.black(" \u2192 ") : "   ",
-        focusedOption === option ? chalk8[getButtonColor(option)].bold(getButtonLabel(option)) : chalk8[getButtonColor(option)](getButtonLabel(option)),
-        option === currentFilter && chalk8.green(" \u2713")
+        focusedOption === option ? c.arrow(" \u2192 ") : "   ",
+        focusedOption === option ? getOptionChalk(option).bold(getButtonLabel(option)) : getOptionChalk(option)(getButtonLabel(option)),
+        option === currentFilter && c.success(" \u2713")
       ] }) }, option)),
       /* @__PURE__ */ jsx9(Box8, { paddingX: 1, children: /* @__PURE__ */ jsxs8(Text9, { children: [
-        focusedOption === "cancel" ? chalk8.bgWhite.black(" \u2192 ") : "   ",
-        focusedOption === "cancel" ? chalk8.white.bold("Cancel") : chalk8.gray("Cancel")
+        focusedOption === "cancel" ? c.arrowMuted(" \u2192 ") : "   ",
+        focusedOption === "cancel" ? chalk9.white.bold("Cancel") : c.muted("Cancel")
       ] }) })
     ] }),
-    /* @__PURE__ */ jsx9(Box8, { marginTop: 1, children: /* @__PURE__ */ jsx9(Text9, { color: "gray", dimColor: true, children: "\u2191\u2193/Enter \u2022 A/P/R \u2022 Esc" }) })
+    /* @__PURE__ */ jsx9(Box8, { marginTop: 1, children: /* @__PURE__ */ jsx9(Text9, { color: theme.muted, dimColor: true, children: "\u2191\u2193/Enter \u2022 A/P/R \u2022 Esc" }) })
   ] });
 }
 
 // src/ui/components/modals/SortModal.tsx
 import { useState as useState9, useEffect as useEffect6 } from "react";
 import { Box as Box9, Text as Text10, useInput as useInput9 } from "ink";
-import chalk9 from "chalk";
+import chalk10 from "chalk";
 import { jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
 function SortModal({
   currentSort,
   onSelect,
-  onCancel
+  onCancel,
+  theme: themeProp
 }) {
+  const { theme, c } = useTheme(themeProp?.name ?? "default");
   const options = ["updated", "pushed", "name", "stars"];
   const [selectedIndex, setSelectedIndex] = useState9(0);
   const [focusedOption, setFocusedOption] = useState9("updated");
@@ -1026,15 +1132,10 @@ function SortModal({
     }
     if (input) {
       const upperInput = input.toUpperCase();
-      if (upperInput === "U") {
-        onSelect("updated");
-      } else if (upperInput === "P") {
-        onSelect("pushed");
-      } else if (upperInput === "N") {
-        onSelect("name");
-      } else if (upperInput === "S") {
-        onSelect("stars");
-      }
+      if (upperInput === "U") onSelect("updated");
+      else if (upperInput === "P") onSelect("pushed");
+      else if (upperInput === "N") onSelect("name");
+      else if (upperInput === "S") onSelect("stars");
     }
   });
   const getButtonLabel = (sort) => {
@@ -1049,52 +1150,40 @@ function SortModal({
         return "Stars";
     }
   };
-  const getButtonDescription = (sort) => {
-    switch (sort) {
-      case "updated":
-        return "When the repository was last modified";
-      case "pushed":
-        return "When code was last pushed";
-      case "name":
-        return "Alphabetical by repository name";
-      case "stars":
-        return "Number of stars";
-    }
+  const getOptionChalk = (option) => {
+    if (option === currentSort) return c.success;
+    return focusedOption === option ? c.primary : c.muted;
   };
-  const getButtonColor = (sort) => {
-    if (sort === currentSort) {
-      return "green";
-    }
-    return focusedOption === sort ? "cyan" : "gray";
-  };
-  return /* @__PURE__ */ jsxs9(Box9, { flexDirection: "column", borderStyle: "round", borderColor: "cyan", paddingX: 2, paddingY: 1, width: 40, children: [
+  return /* @__PURE__ */ jsxs9(Box9, { flexDirection: "column", borderStyle: "round", borderColor: theme.primary, paddingX: 2, paddingY: 1, width: 40, children: [
     /* @__PURE__ */ jsx10(Text10, { bold: true, children: "Sort By" }),
     /* @__PURE__ */ jsxs9(Box9, { flexDirection: "column", marginTop: 1, children: [
       options.map((option) => /* @__PURE__ */ jsx10(Box9, { paddingX: 1, children: /* @__PURE__ */ jsxs9(Text10, { children: [
-        focusedOption === option ? chalk9.bgCyan.black(" \u2192 ") : "   ",
-        focusedOption === option ? chalk9[getButtonColor(option)].bold(getButtonLabel(option)) : chalk9[getButtonColor(option)](getButtonLabel(option)),
-        option === currentSort && chalk9.green(" \u2713")
+        focusedOption === option ? c.arrow(" \u2192 ") : "   ",
+        focusedOption === option ? getOptionChalk(option).bold(getButtonLabel(option)) : getOptionChalk(option)(getButtonLabel(option)),
+        option === currentSort && c.success(" \u2713")
       ] }) }, option)),
       /* @__PURE__ */ jsx10(Box9, { paddingX: 1, children: /* @__PURE__ */ jsxs9(Text10, { children: [
-        focusedOption === "cancel" ? chalk9.bgWhite.black(" \u2192 ") : "   ",
-        focusedOption === "cancel" ? chalk9.white.bold("Cancel") : chalk9.gray("Cancel")
+        focusedOption === "cancel" ? c.arrowMuted(" \u2192 ") : "   ",
+        focusedOption === "cancel" ? chalk10.white.bold("Cancel") : c.muted("Cancel")
       ] }) })
     ] }),
-    /* @__PURE__ */ jsx10(Box9, { marginTop: 1, children: /* @__PURE__ */ jsx10(Text10, { color: "gray", dimColor: true, children: "\u2191\u2193/Enter \u2022 U/P/N/S \u2022 Esc" }) })
+    /* @__PURE__ */ jsx10(Box9, { marginTop: 1, children: /* @__PURE__ */ jsx10(Text10, { color: theme.muted, dimColor: true, children: "\u2191\u2193/Enter \u2022 U/P/N/S \u2022 Esc" }) })
   ] });
 }
 
 // src/ui/components/modals/SortDirectionModal.tsx
 import { useState as useState10, useEffect as useEffect7 } from "react";
 import { Box as Box10, Text as Text11, useInput as useInput10 } from "ink";
-import chalk10 from "chalk";
+import chalk11 from "chalk";
 import { jsx as jsx11, jsxs as jsxs10 } from "react/jsx-runtime";
 function SortDirectionModal({
   currentDirection,
   currentSortKey,
   onSelect,
-  onCancel
+  onCancel,
+  theme: themeProp
 }) {
+  const { theme, c } = useTheme(themeProp?.name ?? "default");
   const options = ["desc", "asc"];
   const [focusedOption, setFocusedOption] = useState10(currentDirection);
   useEffect7(() => {
@@ -1110,40 +1199,25 @@ function SortDirectionModal({
         setFocusedOption(options[options.length - 1]);
       } else if (focusedOption === "asc") {
         setFocusedOption("desc");
-      } else if (focusedOption === "desc") {
       }
     }
     if (key.rightArrow || key.downArrow) {
-      if (focusedOption === "desc") {
-        setFocusedOption("asc");
-      } else if (focusedOption === "asc") {
-        setFocusedOption("cancel");
-      } else if (focusedOption === "cancel") {
-      }
+      if (focusedOption === "desc") setFocusedOption("asc");
+      else if (focusedOption === "asc") setFocusedOption("cancel");
     }
     if (key.tab) {
-      if (focusedOption === "desc") {
-        setFocusedOption("asc");
-      } else if (focusedOption === "asc") {
-        setFocusedOption("cancel");
-      } else if (focusedOption === "cancel") {
-        setFocusedOption("desc");
-      }
+      if (focusedOption === "desc") setFocusedOption("asc");
+      else if (focusedOption === "asc") setFocusedOption("cancel");
+      else if (focusedOption === "cancel") setFocusedOption("desc");
     }
     if (key.return) {
-      if (focusedOption === "cancel") {
-        onCancel();
-      } else {
-        onSelect(focusedOption);
-      }
+      if (focusedOption === "cancel") onCancel();
+      else onSelect(focusedOption);
     }
     if (input) {
       const upperInput = input.toUpperCase();
-      if (upperInput === "A") {
-        onSelect("asc");
-      } else if (upperInput === "D") {
-        onSelect("desc");
-      }
+      if (upperInput === "A") onSelect("asc");
+      else if (upperInput === "D") onSelect("desc");
     }
   });
   const getButtonLabel = (direction) => {
@@ -1184,11 +1258,9 @@ function SortDirectionModal({
         }
     }
   };
-  const getButtonColor = (direction) => {
-    if (direction === currentDirection) {
-      return "green";
-    }
-    return focusedOption === direction ? "cyan" : "gray";
+  const getOptionChalk = (direction) => {
+    if (direction === currentDirection) return c.success;
+    return focusedOption === direction ? c.primary : c.muted;
   };
   const formatSortKey = () => {
     switch (currentSortKey) {
@@ -1202,30 +1274,30 @@ function SortDirectionModal({
         return "Stars";
     }
   };
-  return /* @__PURE__ */ jsxs10(Box10, { flexDirection: "column", borderStyle: "round", borderColor: "cyan", paddingX: 2, paddingY: 1, width: 45, children: [
+  return /* @__PURE__ */ jsxs10(Box10, { flexDirection: "column", borderStyle: "round", borderColor: theme.primary, paddingX: 2, paddingY: 1, width: 45, children: [
     /* @__PURE__ */ jsx11(Text11, { bold: true, children: "Sort Direction" }),
-    /* @__PURE__ */ jsxs10(Text11, { color: "gray", dimColor: true, children: [
+    /* @__PURE__ */ jsxs10(Text11, { color: theme.muted, dimColor: true, children: [
       "Sorting by: ",
       formatSortKey()
     ] }),
     /* @__PURE__ */ jsxs10(Box10, { flexDirection: "column", marginTop: 1, children: [
       options.map((option) => /* @__PURE__ */ jsx11(Box10, { paddingX: 1, marginBottom: 0, children: /* @__PURE__ */ jsxs10(Box10, { flexDirection: "column", children: [
         /* @__PURE__ */ jsxs10(Text11, { children: [
-          focusedOption === option ? chalk10.bgCyan.black(" \u2192 ") : "   ",
-          focusedOption === option ? chalk10[getButtonColor(option)].bold(getButtonLabel(option)) : chalk10[getButtonColor(option)](getButtonLabel(option)),
-          option === currentDirection && chalk10.green(" \u2713")
+          focusedOption === option ? c.arrow(" \u2192 ") : "   ",
+          focusedOption === option ? getOptionChalk(option).bold(getButtonLabel(option)) : getOptionChalk(option)(getButtonLabel(option)),
+          option === currentDirection && c.success(" \u2713")
         ] }),
-        /* @__PURE__ */ jsxs10(Text11, { color: "gray", dimColor: true, children: [
+        /* @__PURE__ */ jsxs10(Text11, { color: theme.muted, dimColor: true, children: [
           "      ",
           getButtonDescription(option)
         ] })
       ] }) }, option)),
       /* @__PURE__ */ jsx11(Box10, { paddingX: 1, marginTop: 1, children: /* @__PURE__ */ jsxs10(Text11, { children: [
-        focusedOption === "cancel" ? chalk10.bgWhite.black(" \u2192 ") : "   ",
-        focusedOption === "cancel" ? chalk10.white.bold("Cancel") : chalk10.gray("Cancel")
+        focusedOption === "cancel" ? c.arrowMuted(" \u2192 ") : "   ",
+        focusedOption === "cancel" ? chalk11.white.bold("Cancel") : c.muted("Cancel")
       ] }) })
     ] }),
-    /* @__PURE__ */ jsx11(Box10, { marginTop: 1, children: /* @__PURE__ */ jsx11(Text11, { color: "gray", dimColor: true, children: "\u2191\u2193/Enter \u2022 A/D \u2022 Esc" }) })
+    /* @__PURE__ */ jsx11(Box10, { marginTop: 1, children: /* @__PURE__ */ jsx11(Text11, { color: theme.muted, dimColor: true, children: "\u2191\u2193/Enter \u2022 A/D \u2022 Esc" }) })
   ] });
 }
 
@@ -1233,7 +1305,7 @@ function SortDirectionModal({
 import { useState as useState11, useEffect as useEffect8 } from "react";
 import { Box as Box11, Text as Text12, useInput as useInput11 } from "ink";
 import TextInput2 from "ink-text-input";
-import chalk11 from "chalk";
+import chalk12 from "chalk";
 import { Fragment as Fragment4, jsx as jsx12, jsxs as jsxs11 } from "react/jsx-runtime";
 var ChangeVisibilityModal = ({
   isOpen,
@@ -1244,8 +1316,10 @@ var ChangeVisibilityModal = ({
   onVisibilityChange,
   onClose,
   changing: externalChanging,
-  error: externalError
+  error: externalError,
+  theme: themeProp
 }) => {
+  const { c } = useTheme(themeProp?.name ?? "default");
   const getAvailableOptions = () => {
     if (currentVisibility === "PUBLIC") {
       return isEnterprise ? ["PRIVATE", "INTERNAL"] : ["PRIVATE"];
@@ -1365,7 +1439,7 @@ var ChangeVisibilityModal = ({
               alignItems: "center",
               justifyContent: "center",
               flexDirection: "column",
-              children: /* @__PURE__ */ jsx12(Text12, { children: chalk11.bgGray.white.bold(" Cancel ") })
+              children: /* @__PURE__ */ jsx12(Text12, { children: c.btnMuted(" Cancel ") })
             }
           ) }),
           /* @__PURE__ */ jsx12(Box11, { marginTop: 1, flexDirection: "row", justifyContent: "center", children: /* @__PURE__ */ jsx12(Text12, { color: "gray", children: "Press Enter to Cancel \u2022 C to cancel" }) })
@@ -1390,7 +1464,7 @@ var ChangeVisibilityModal = ({
                 alignItems: "center",
                 justifyContent: "center",
                 flexDirection: "column",
-                children: /* @__PURE__ */ jsx12(Text12, { children: focusedButton === "option" && selectedOptionIndex === index ? chalk11[`bg${getVisibilityLabel(option) === "Public" ? "Green" : getVisibilityLabel(option) === "Private" ? "Yellow" : "Cyan"}`].black.bold(` ${getVisibilityLabel(option)} `) : chalk11[getVisibilityColor(option)](getVisibilityLabel(option)) })
+                children: /* @__PURE__ */ jsx12(Text12, { children: focusedButton === "option" && selectedOptionIndex === index ? chalk12[`bg${getVisibilityLabel(option) === "Public" ? "Green" : getVisibilityLabel(option) === "Private" ? "Yellow" : "Cyan"}`].black.bold(` ${getVisibilityLabel(option)} `) : chalk12[getVisibilityColor(option)](getVisibilityLabel(option)) })
               },
               option
             )),
@@ -1404,7 +1478,7 @@ var ChangeVisibilityModal = ({
                 alignItems: "center",
                 justifyContent: "center",
                 flexDirection: "column",
-                children: /* @__PURE__ */ jsx12(Text12, { children: focusedButton === "cancel" ? chalk11.bgGray.white.bold(" Cancel ") : chalk11.gray.bold("Cancel") })
+                children: /* @__PURE__ */ jsx12(Text12, { children: focusedButton === "cancel" ? c.btnMuted(" Cancel ") : c.muted.bold("Cancel") })
               }
             )
           ] }),
@@ -1440,9 +1514,10 @@ var ChangeVisibilityModal = ({
 // src/ui/components/modals/CopyUrlModal.tsx
 import { useState as useState12 } from "react";
 import { Box as Box12, Text as Text13, useInput as useInput12 } from "ink";
-import chalk12 from "chalk";
+import chalk13 from "chalk";
 import { Fragment as Fragment5, jsx as jsx13, jsxs as jsxs12 } from "react/jsx-runtime";
-function CopyUrlModal({ repo, terminalWidth, onClose, onCopy }) {
+function CopyUrlModal({ repo, terminalWidth, onClose, onCopy, theme: themeProp }) {
+  const { theme, c } = useTheme(themeProp?.name ?? "default");
   const [copyError, setCopyError] = useState12(null);
   const [selectedType, setSelectedType] = useState12("SSH");
   const urlTypes = ["SSH", "HTTPS"];
@@ -1510,53 +1585,53 @@ function CopyUrlModal({ repo, terminalWidth, onClose, onCopy }) {
     {
       flexDirection: "column",
       borderStyle: "round",
-      borderColor: "blue",
+      borderColor: theme.secondary,
       paddingX: 3,
       paddingY: 2,
       width: Math.min(terminalWidth - 8, 80),
       children: [
-        /* @__PURE__ */ jsx13(Text13, { bold: true, color: "blue", children: "Copy Repository URL" }),
+        /* @__PURE__ */ jsx13(Text13, { bold: true, color: theme.secondary, children: "Copy Repository URL" }),
         /* @__PURE__ */ jsx13(Box12, { height: 1, children: /* @__PURE__ */ jsx13(Text13, { children: " " }) }),
-        /* @__PURE__ */ jsx13(Text13, { children: chalk12.bold(repo.nameWithOwner) }),
+        /* @__PURE__ */ jsx13(Text13, { children: chalk13.bold(repo.nameWithOwner) }),
         /* @__PURE__ */ jsx13(Box12, { height: 1, children: /* @__PURE__ */ jsx13(Text13, { children: " " }) }),
-        /* @__PURE__ */ jsx13(Text13, { color: "gray", children: "SSH URL:" }),
+        /* @__PURE__ */ jsx13(Text13, { color: theme.muted, children: "SSH URL:" }),
         /* @__PURE__ */ jsx13(
           Box12,
           {
             paddingX: 2,
             paddingY: 1,
             borderStyle: "single",
-            borderColor: selectedType === "SSH" ? "blue" : "gray",
-            children: /* @__PURE__ */ jsxs12(Text13, { color: selectedType === "SSH" ? "blue" : void 0, children: [
+            borderColor: selectedType === "SSH" ? theme.secondary : theme.muted,
+            children: /* @__PURE__ */ jsxs12(Text13, { color: selectedType === "SSH" ? theme.secondary : void 0, children: [
               selectedType === "SSH" ? "\u25B6 " : "  ",
               sshUrl
             ] })
           }
         ),
         /* @__PURE__ */ jsx13(Box12, { height: 1, children: /* @__PURE__ */ jsx13(Text13, { children: " " }) }),
-        /* @__PURE__ */ jsx13(Text13, { color: "gray", children: "HTTPS URL:" }),
+        /* @__PURE__ */ jsx13(Text13, { color: theme.muted, children: "HTTPS URL:" }),
         /* @__PURE__ */ jsx13(
           Box12,
           {
             paddingX: 2,
             paddingY: 1,
             borderStyle: "single",
-            borderColor: selectedType === "HTTPS" ? "blue" : "gray",
-            children: /* @__PURE__ */ jsxs12(Text13, { color: selectedType === "HTTPS" ? "blue" : void 0, children: [
+            borderColor: selectedType === "HTTPS" ? theme.secondary : theme.muted,
+            children: /* @__PURE__ */ jsxs12(Text13, { color: selectedType === "HTTPS" ? theme.secondary : void 0, children: [
               selectedType === "HTTPS" ? "\u25B6 " : "  ",
               httpsUrl
             ] })
           }
         ),
         /* @__PURE__ */ jsx13(Box12, { height: 1, children: /* @__PURE__ */ jsx13(Text13, { children: " " }) }),
-        /* @__PURE__ */ jsxs12(Text13, { color: "gray", children: [
+        /* @__PURE__ */ jsxs12(Text13, { color: theme.muted, children: [
           "\u2191\u2193 Select \u2022 Enter/Y to copy ",
           selectedType,
           " \u2022 S copy SSH \u2022 H copy HTTPS \u2022 Esc/Q/C to close"
         ] }),
         copyError && /* @__PURE__ */ jsxs12(Fragment5, { children: [
           /* @__PURE__ */ jsx13(Box12, { height: 1, children: /* @__PURE__ */ jsx13(Text13, { children: " " }) }),
-          /* @__PURE__ */ jsx13(Text13, { color: "red", children: copyError })
+          /* @__PURE__ */ jsx13(Text13, { color: theme.error, children: copyError })
         ] })
       ]
     }
@@ -1568,7 +1643,8 @@ import { useState as useState13, useEffect as useEffect9 } from "react";
 import { Box as Box13, Text as Text14, useInput as useInput13 } from "ink";
 import TextInput3 from "ink-text-input";
 import { Fragment as Fragment6, jsx as jsx14, jsxs as jsxs13 } from "react/jsx-runtime";
-function RenameModal({ repo, onRename, onCancel }) {
+function RenameModal({ repo, onRename, onCancel, theme: themeProp }) {
+  const { theme } = useTheme(themeProp?.name ?? "default");
   const [newName, setNewName] = useState13("");
   const [renaming, setRenaming] = useState13(false);
   const [renameError, setRenameError] = useState13(null);
@@ -1614,14 +1690,14 @@ function RenameModal({ repo, onRename, onCancel }) {
     {
       flexDirection: "column",
       borderStyle: "round",
-      borderColor: "cyan",
+      borderColor: theme.primary,
       paddingX: 3,
       paddingY: 2,
       width: 80,
       children: [
-        /* @__PURE__ */ jsx14(Text14, { bold: true, color: "cyan", children: "Rename Repository" }),
+        /* @__PURE__ */ jsx14(Text14, { bold: true, color: theme.primary, children: "Rename Repository" }),
         /* @__PURE__ */ jsx14(Box13, { height: 1, children: /* @__PURE__ */ jsx14(Text14, { children: " " }) }),
-        /* @__PURE__ */ jsxs13(Text14, { color: "gray", children: [
+        /* @__PURE__ */ jsxs13(Text14, { color: theme.muted, children: [
           "Current: ",
           repo.nameWithOwner
         ] }),
@@ -1644,12 +1720,12 @@ function RenameModal({ repo, onRename, onCancel }) {
         ] }),
         renaming ? /* @__PURE__ */ jsx14(Box13, { marginTop: 2, justifyContent: "center", children: /* @__PURE__ */ jsxs13(Box13, { flexDirection: "row", children: [
           /* @__PURE__ */ jsx14(Box13, { marginRight: 1, children: /* @__PURE__ */ jsx14(SlowSpinner, {}) }),
-          /* @__PURE__ */ jsx14(Text14, { color: "cyan", children: "Renaming repository..." })
+          /* @__PURE__ */ jsx14(Text14, { color: theme.primary, children: "Renaming repository..." })
         ] }) }) : /* @__PURE__ */ jsxs13(Fragment6, { children: [
-          /* @__PURE__ */ jsx14(Box13, { marginTop: 2, children: /* @__PURE__ */ jsx14(Text14, { color: "gray", children: isDisabled ? "Enter a different name to rename" : `Press Enter to rename to "${newName}"` }) }),
-          /* @__PURE__ */ jsx14(Box13, { marginTop: 1, children: /* @__PURE__ */ jsx14(Text14, { color: "gray", children: "Press Esc to cancel" }) })
+          /* @__PURE__ */ jsx14(Box13, { marginTop: 2, children: /* @__PURE__ */ jsx14(Text14, { color: theme.muted, children: isDisabled ? "Enter a different name to rename" : `Press Enter to rename to "${newName}"` }) }),
+          /* @__PURE__ */ jsx14(Box13, { marginTop: 1, children: /* @__PURE__ */ jsx14(Text14, { color: theme.muted, children: "Press Esc to cancel" }) })
         ] }),
-        renameError && /* @__PURE__ */ jsx14(Box13, { marginTop: 1, children: /* @__PURE__ */ jsx14(Text14, { color: "red", children: renameError }) })
+        renameError && /* @__PURE__ */ jsx14(Box13, { marginTop: 1, children: /* @__PURE__ */ jsx14(Text14, { color: theme.error, children: renameError }) })
       ]
     }
   );
@@ -1667,8 +1743,10 @@ function StarModal({
   onConfirm,
   onCancel,
   isStarring = false,
-  error = null
+  error = null,
+  theme: themeProp
 }) {
+  const { theme } = useTheme(themeProp?.name ?? "default");
   const [focusedButton, setFocusedButton] = useState14("cancel");
   useInput14((input, key) => {
     if (!visible) return;
@@ -1709,12 +1787,12 @@ function StarModal({
     {
       flexDirection: "column",
       borderStyle: "round",
-      borderColor: "yellow",
+      borderColor: theme.warning,
       paddingX: 2,
       paddingY: 1,
       marginTop: 1,
       children: [
-        /* @__PURE__ */ jsx15(Box14, { marginBottom: 1, children: /* @__PURE__ */ jsxs14(Text15, { bold: true, color: "yellow", children: [
+        /* @__PURE__ */ jsx15(Box14, { marginBottom: 1, children: /* @__PURE__ */ jsxs14(Text15, { bold: true, color: theme.warning, children: [
           "\u2B50 ",
           action,
           " Repository"
@@ -1723,7 +1801,7 @@ function StarModal({
           "Are you sure you want to ",
           actionLower,
           " ",
-          /* @__PURE__ */ jsx15(Text15, { bold: true, color: "cyan", children: repo.nameWithOwner }),
+          /* @__PURE__ */ jsx15(Text15, { bold: true, color: theme.primary, children: repo.nameWithOwner }),
           "?"
         ] }) }),
         repo.description && /* @__PURE__ */ jsx15(Box14, { marginBottom: 1, children: /* @__PURE__ */ jsx15(Text15, { dimColor: true, wrap: "wrap", children: repo.description }) }),
@@ -1733,11 +1811,11 @@ function StarModal({
           " \u2022 Forks: ",
           repo.forkCount
         ] }) }),
-        error && /* @__PURE__ */ jsx15(Box14, { marginBottom: 1, flexDirection: "column", children: /* @__PURE__ */ jsxs14(Text15, { color: "red", wrap: "wrap", children: [
+        error && /* @__PURE__ */ jsx15(Box14, { marginBottom: 1, flexDirection: "column", children: /* @__PURE__ */ jsxs14(Text15, { color: theme.error, wrap: "wrap", children: [
           error.includes("OAuth access restrictions") ? "\u26A0\uFE0F " : "Error: ",
           error
         ] }) }),
-        isStarring ? /* @__PURE__ */ jsx15(Box14, { children: /* @__PURE__ */ jsxs14(Text15, { color: "yellow", children: [
+        isStarring ? /* @__PURE__ */ jsx15(Box14, { children: /* @__PURE__ */ jsxs14(Text15, { color: theme.warning, children: [
           actionGerund,
           "..."
         ] }) }) : /* @__PURE__ */ jsxs14(Fragment7, { children: [
@@ -1788,8 +1866,10 @@ function UnstarModal({
   onConfirm,
   onCancel,
   isUnstarring = false,
-  error = null
+  error = null,
+  theme: themeProp
 }) {
+  const { theme } = useTheme(themeProp?.name ?? "default");
   const [focusedButton, setFocusedButton] = useState15("cancel");
   useInput15((input, key) => {
     if (!visible) return;
@@ -1803,23 +1883,14 @@ function UnstarModal({
       setFocusedButton("unstar");
     }
     if (key.return || input === "y" || input === "Y") {
-      if (focusedButton === "unstar") {
-        onConfirm();
-      } else {
-        onCancel();
-      }
-    }
-    if (input === "n" || input === "N") {
-      onCancel();
-    }
-    if (input === "u" || input === "U") {
-      onConfirm();
+      if (focusedButton === "unstar") onConfirm();
+      else onCancel();
     }
+    if (input === "n" || input === "N") onCancel();
+    if (input === "u" || input === "U") onConfirm();
   });
   useEffect11(() => {
-    if (visible) {
-      setFocusedButton("cancel");
-    }
+    if (visible) setFocusedButton("cancel");
   }, [visible]);
   if (!visible || !repo) return null;
   return /* @__PURE__ */ jsxs15(
@@ -1827,16 +1898,16 @@ function UnstarModal({
     {
       flexDirection: "column",
       borderStyle: "round",
-      borderColor: "yellow",
+      borderColor: theme.warning,
       paddingX: 2,
       paddingY: 1,
       marginTop: 1,
       children: [
-        /* @__PURE__ */ jsx16(Box15, { marginBottom: 1, children: /* @__PURE__ */ jsx16(Text16, { bold: true, color: "yellow", children: "\u2B50 Unstar Repository" }) }),
+        /* @__PURE__ */ jsx16(Box15, { marginBottom: 1, children: /* @__PURE__ */ jsx16(Text16, { bold: true, color: theme.warning, children: "\u2B50 Unstar Repository" }) }),
         /* @__PURE__ */ jsx16(Box15, { marginBottom: 1, children: /* @__PURE__ */ jsxs15(Text16, { children: [
           "Are you sure you want to unstar",
           " ",
-          /* @__PURE__ */ jsx16(Text16, { bold: true, color: "cyan", children: repo.nameWithOwner }),
+          /* @__PURE__ */ jsx16(Text16, { bold: true, color: theme.primary, children: repo.nameWithOwner }),
           "?"
         ] }) }),
         repo.description && /* @__PURE__ */ jsx16(Box15, { marginBottom: 1, children: /* @__PURE__ */ jsx16(Text16, { dimColor: true, wrap: "wrap", children: repo.description }) }),
@@ -1846,11 +1917,11 @@ function UnstarModal({
           " \u2022 Forks: ",
           repo.forkCount
         ] }) }),
-        error && /* @__PURE__ */ jsx16(Box15, { marginBottom: 1, flexDirection: "column", children: /* @__PURE__ */ jsxs15(Text16, { color: "red", wrap: "wrap", children: [
+        error && /* @__PURE__ */ jsx16(Box15, { marginBottom: 1, flexDirection: "column", children: /* @__PURE__ */ jsxs15(Text16, { color: theme.error, wrap: "wrap", children: [
           error.includes("OAuth access restrictions") ? "\u26A0\uFE0F " : "Error: ",
           error
         ] }) }),
-        isUnstarring ? /* @__PURE__ */ jsx16(Box15, { children: /* @__PURE__ */ jsx16(Text16, { color: "yellow", children: "Unstarring..." }) }) : /* @__PURE__ */ jsxs15(Fragment8, { children: [
+        isUnstarring ? /* @__PURE__ */ jsx16(Box15, { children: /* @__PURE__ */ jsx16(Text16, { color: theme.warning, children: "Unstarring..." }) }) : /* @__PURE__ */ jsxs15(Fragment8, { children: [
           /* @__PURE__ */ jsxs15(Box15, { gap: 2, children: [
             /* @__PURE__ */ jsx16(Box15, { children: /* @__PURE__ */ jsxs15(
               Text16,
@@ -1869,7 +1940,7 @@ function UnstarModal({
               Text16,
               {
                 backgroundColor: focusedButton === "unstar" ? "yellow" : void 0,
-                color: focusedButton === "unstar" ? "black" : "yellow",
+                color: focusedButton === "unstar" ? "black" : theme.warning,
                 bold: focusedButton === "unstar",
                 children: [
                   " ",
@@ -1888,7 +1959,7 @@ function UnstarModal({
 
 // src/ui/components/repo/RepoRow.tsx
 import { Box as Box16, Text as Text17 } from "ink";
-import chalk13 from "chalk";
+import chalk14 from "chalk";
 import { jsx as jsx17, jsxs as jsxs16 } from "react/jsx-runtime";
 function RepoRow({
   repo,
@@ -1898,43 +1969,45 @@ function RepoRow({
   spacingLines,
   dim,
   forkTracking,
-  starsMode = false
+  starsMode = false,
+  theme: themeProp
 }) {
+  const { theme, c } = useTheme(themeProp?.name ?? "default");
   const langName = repo.primaryLanguage?.name || "";
   const langColor = repo.primaryLanguage?.color || "#666666";
   const hasCommitData = repo.isFork && repo.parent && repo.defaultBranchRef && repo.parent.defaultBranchRef && repo.parent.defaultBranchRef.target?.history && repo.defaultBranchRef.target?.history;
   const commitsBehind = hasCommitData ? repo.parent.defaultBranchRef.target.history.totalCount - repo.defaultBranchRef.target.history.totalCount : 0;
   const showCommitsBehind = forkTracking && hasCommitData;
   let line1 = "";
-  const numColor = selected ? chalk13.cyan : chalk13.gray;
-  const nameColor = selected ? chalk13.cyan.bold : chalk13.white;
+  const numColor = selected ? c.selected : c.muted;
+  const nameColor = selected ? c.selected.bold : c.text;
   line1 += numColor(`${String(index).padStart(3, " ")}.`);
   if (repo.viewerHasStarred) {
-    line1 += chalk13.yellow(" \u2B50");
+    line1 += c.warning(" \u2B50");
   }
   line1 += nameColor(` ${repo.nameWithOwner}`);
   if (repo.visibility === "INTERNAL") {
-    line1 += chalk13.magenta(" Internal");
+    line1 += c.internal(" Internal");
   } else if (repo.visibility === "PRIVATE" || repo.isPrivate && !repo.visibility) {
-    line1 += chalk13.yellow(" Private");
+    line1 += c.private(" Private");
   }
   if (starsMode && repo.owner && repo.owner.__typename === "Organization") {
-    line1 += chalk13.gray(" [org]");
+    line1 += c.muted(" [org]");
   }
-  if (repo.isArchived) line1 += " " + chalk13.bgGray.whiteBright(" Archived ") + " ";
+  if (repo.isArchived) line1 += " " + chalk14.bgGray.whiteBright(" Archived ") + " ";
   if (repo.isFork && repo.parent) {
-    line1 += chalk13.blue(` Fork of ${repo.parent.nameWithOwner}`);
+    line1 += c.fork(` Fork of ${repo.parent.nameWithOwner}`);
     if (showCommitsBehind) {
       if (commitsBehind > 0) {
-        line1 += chalk13.yellow(` (${commitsBehind} behind)`);
+        line1 += c.warning(` (${commitsBehind} behind)`);
       } else {
-        line1 += chalk13.green(` (0 behind)`);
+        line1 += c.success(` (0 behind)`);
       }
     }
   }
   let line2 = "     ";
-  const metaColor = selected ? chalk13.white : chalk13.gray;
-  if (langName) line2 += chalk13.hex(langColor)("\u25CF ") + metaColor(`${langName}  `);
+  const metaColor = selected ? c.text : c.muted;
+  if (langName) line2 += chalk14.hex(langColor)("\u25CF ") + metaColor(`${langName}  `);
   line2 += metaColor(`\u2605 ${repo.stargazerCount}  \u2442 ${repo.forkCount}  Updated ${formatDate(repo.updatedAt)}`);
   const line3 = repo.description ? `     ${truncate(repo.description, Math.max(30, maxWidth - 10))}` : null;
   let fullText = line1 + "\n" + line2;
@@ -1943,7 +2016,7 @@ function RepoRow({
   const spacingBelow = spacingLines - spacingAbove;
   return /* @__PURE__ */ jsxs16(Box16, { flexDirection: "column", backgroundColor: selected ? "gray" : void 0, children: [
     spacingAbove > 0 && /* @__PURE__ */ jsx17(Box16, { height: spacingAbove, children: /* @__PURE__ */ jsx17(Text17, { children: " " }) }),
-    /* @__PURE__ */ jsx17(Text17, { children: dim ? chalk13.dim(fullText) : fullText }),
+    /* @__PURE__ */ jsx17(Text17, { children: dim ? chalk14.dim(fullText) : fullText }),
     spacingBelow > 0 && /* @__PURE__ */ jsx17(Box16, { height: spacingBelow, children: /* @__PURE__ */ jsx17(Text17, { children: " " }) })
   ] });
 }
@@ -1967,43 +2040,45 @@ function RepoListHeader({
   visibilityFilter = "all",
   archiveFilter = "all",
   isEnterprise = false,
-  starsMode = false
+  starsMode = false,
+  theme: themeProp
 }) {
-  const contextLabel = ownerContext === "personal" ? "Personal Account" : ownerContext?.type === "organization" ? `Organization: ${ownerContext.name ?? ownerContext.login}` : "";
+  const { theme } = useTheme(themeProp?.name ?? "default");
+  const contextLabel = ownerContext === "personal" ? "Personal Account" : ownerContext?.type === "organization" ? `Organisation: ${ownerContext.name ?? ownerContext.login}` : "";
   const visibilityLabel = visibilityFilter === "public" ? "Public" : visibilityFilter === "private" ? isEnterprise ? "Private/Internal" : "Private" : visibilityFilter === "internal" ? "Internal" : "";
   return /* @__PURE__ */ jsxs18(Box18, { flexDirection: "row", gap: 2, marginBottom: 1, children: [
     contextLabel && /* @__PURE__ */ jsx19(Text19, { children: contextLabel }),
-    starsMode && /* @__PURE__ */ jsx19(Text19, { color: "yellow", bold: true, children: "\u2B50 Stars Mode" }),
-    /* @__PURE__ */ jsxs18(Text19, { color: "gray", dimColor: true, children: [
+    starsMode && /* @__PURE__ */ jsx19(Text19, { color: theme.warning, bold: true, children: "\u2B50 Stars Mode" }),
+    /* @__PURE__ */ jsxs18(Text19, { color: theme.muted, dimColor: true, children: [
       "Sort: ",
       sortKey,
       " ",
       sortDir === "asc" ? "\u2191" : "\u2193"
     ] }),
-    /* @__PURE__ */ jsxs18(Text19, { color: "gray", dimColor: true, children: [
+    /* @__PURE__ */ jsxs18(Text19, { color: theme.muted, dimColor: true, children: [
       "Fork Status - Commits Behind: ",
       forkTracking ? "ON" : "OFF"
     ] }),
-    !!visibilityLabel && !starsMode && /* @__PURE__ */ jsxs18(Text19, { color: "yellow", children: [
+    !!visibilityLabel && !starsMode && /* @__PURE__ */ jsxs18(Text19, { color: theme.warning, children: [
       "Visibility: ",
       visibilityLabel
     ] }),
-    archiveFilter !== "all" && /* @__PURE__ */ jsxs18(Text19, { color: "cyan", children: [
+    archiveFilter !== "all" && /* @__PURE__ */ jsxs18(Text19, { color: theme.primary, children: [
       "Archive: ",
       archiveFilter === "archived" ? "Archived" : "Unarchived"
     ] }),
-    filter && !searchActive && /* @__PURE__ */ jsxs18(Text19, { color: "cyan", children: [
+    filter && !searchActive && /* @__PURE__ */ jsxs18(Text19, { color: theme.primary, children: [
       'Filter: "',
       filter,
       '"'
     ] }),
     searchActive && /* @__PURE__ */ jsxs18(Fragment9, { children: [
-      /* @__PURE__ */ jsxs18(Text19, { color: "cyan", children: [
+      /* @__PURE__ */ jsxs18(Text19, { color: theme.primary, children: [
         'Search: "',
         filter.trim(),
         '"'
       ] }),
-      searchLoading && /* @__PURE__ */ jsx19(Box18, { marginLeft: 1, children: /* @__PURE__ */ jsxs18(Text19, { color: "cyan", children: [
+      searchLoading && /* @__PURE__ */ jsx19(Box18, { marginLeft: 1, children: /* @__PURE__ */ jsxs18(Text19, { color: theme.primary, children: [
         /* @__PURE__ */ jsx19(SlowSpinner, {}),
         " Searching\u2026"
       ] }) })
@@ -2027,7 +2102,7 @@ var PAGE_SIZE = getPageSize();
 function RepoList({ token, maxVisibleRows, onLogout, viewerLogin, onOrgContextChange, initialOrgSlug: initialOrgSlug2 }) {
   const { exit } = useApp();
   const { stdout } = useStdout();
-  const client = useMemo(() => makeClient(token), [token]);
+  const client = useMemo2(() => makeClient(token), [token]);
   const [debugMessages, setDebugMessages] = useState16([]);
   const addDebugMessage = useCallback((msg) => {
     if (process.env.GH_MANAGER_DEBUG === "1") {
@@ -2066,6 +2141,10 @@ function RepoList({ token, maxVisibleRows, onLogout, viewerLogin, onOrgContextCh
   const [prevRestRateLimit, setPrevRestRateLimit] = useState16(void 0);
   const [density, setDensity] = useState16(2);
   const [prefsLoaded, setPrefsLoaded] = useState16(false);
+  const [themeName, setThemeName] = useState16("default");
+  const [themeToast, setThemeToast] = useState16(null);
+  const themeToastTimerRef = useRef(null);
+  const { theme, c: tc } = useTheme(themeName);
   const [ownerContext, setOwnerContext] = useState16("personal");
   const [ownerAffiliations, setOwnerAffiliations] = useState16(["OWNER"]);
   const [orgSwitcherOpen, setOrgSwitcherOpen] = useState16(false);
@@ -2401,9 +2480,8 @@ function RepoList({ token, maxVisibleRows, onLogout, viewerLogin, onOrgContextCh
   }
   useEffect12(() => {
     return () => {
-      if (copyToastTimerRef.current) {
-        clearTimeout(copyToastTimerRef.current);
-      }
+      if (copyToastTimerRef.current) clearTimeout(copyToastTimerRef.current);
+      if (themeToastTimerRef.current) clearTimeout(themeToastTimerRef.current);
     };
   }, []);
   async function handleVisibilityChange(newVisibility) {
@@ -2690,6 +2768,9 @@ function RepoList({ token, maxVisibleRows, onLogout, viewerLogin, onOrgContextCh
     if (ui.archiveFilter && ["all", "unarchived", "archived"].includes(ui.archiveFilter)) {
       setArchiveFilter(ui.archiveFilter);
     }
+    if (ui.theme && ["default", "ocean", "forest", "monochrome"].includes(ui.theme)) {
+      setThemeName(ui.theme);
+    }
     if (ui.ownerContext) {
       setOwnerContext(ui.ownerContext);
       if (onOrgContextChange) {
@@ -3196,7 +3277,16 @@ function RepoList({ token, maxVisibleRows, onLogout, viewerLogin, onOrgContextCh
       if (repo) openInBrowser(`https://github.com/${repo.nameWithOwner}`);
       return;
     }
-    if (input && input.toUpperCase() === "T") {
+    if (key.shift && input === "T") {
+      const next = nextTheme(themeName);
+      setThemeName(next);
+      storeUIPrefs({ theme: next });
+      if (themeToastTimerRef.current) clearTimeout(themeToastTimerRef.current);
+      setThemeToast(`Theme: ${getTheme(next).label}`);
+      themeToastTimerRef.current = setTimeout(() => setThemeToast(null), 2500);
+      return;
+    }
+    if (input && input.toUpperCase() === "T" && !key.shift) {
       setDensity((d) => {
         const next = (d + 1) % 3;
         storeUIPrefs({ density: next });
@@ -3215,7 +3305,7 @@ function RepoList({ token, maxVisibleRows, onLogout, viewerLogin, onOrgContextCh
       return;
     }
   });
-  const filtered = useMemo(() => {
+  const filtered = useMemo2(() => {
     let result = items;
     if (visibilityFilter === "private") {
       result = result.filter((r) => r.visibility === "PRIVATE" || r.visibility === "INTERNAL");
@@ -3233,7 +3323,7 @@ function RepoList({ token, maxVisibleRows, onLogout, viewerLogin, onOrgContextCh
     }
     return result;
   }, [items, filter, visibilityFilter, archiveFilter]);
-  const filteredAndSorted = useMemo(() => {
+  const filteredAndSorted = useMemo2(() => {
     const arr = [...filtered];
     const dir = sortDir === "asc" ? 1 : -1;
     arr.sort((a, b) => {
@@ -3254,7 +3344,7 @@ function RepoList({ token, maxVisibleRows, onLogout, viewerLogin, onOrgContextCh
     return arr;
   }, [filtered, sortKey, sortDir]);
   const searchActive = !starsMode && filter.trim().length >= 3;
-  const filteredSearchItems = useMemo(() => {
+  const filteredSearchItems = useMemo2(() => {
     let result = searchItems;
     if (visibilityFilter === "private") {
       result = result.filter((r) => r.visibility === "PRIVATE" || r.visibility === "INTERNAL");
@@ -3268,7 +3358,7 @@ function RepoList({ token, maxVisibleRows, onLogout, viewerLogin, onOrgContextCh
     }
     return result;
   }, [searchItems, visibilityFilter, archiveFilter]);
-  const filteredStarredItems = useMemo(() => {
+  const filteredStarredItems = useMemo2(() => {
     let result = starredItems;
     if (filter && filter.trim().length > 0) {
       const lowerFilter = filter.toLowerCase();
@@ -3298,7 +3388,7 @@ function RepoList({ token, maxVisibleRows, onLogout, viewerLogin, onOrgContextCh
   const contentHeight = Math.max(1, availableHeight - headerHeight - footerHeight - containerPadding);
   const listHeight = Math.max(1, contentHeight - (filterMode ? 2 : 0) - 2);
   const spacingLines = density;
-  const windowed = useMemo(
+  const windowed = useMemo2(
     () => computeWindow(visibleItems, cursor, listHeight, spacingLines),
     [visibleItems, cursor, listHeight, spacingLines]
   );
@@ -3328,35 +3418,35 @@ function RepoList({ token, maxVisibleRows, onLogout, viewerLogin, onOrgContextCh
   }
   const lowRate = rateLimit && rateLimit.remaining <= Math.ceil(rateLimit.limit * 0.1) || restRateLimit && restRateLimit.core.remaining <= Math.ceil(restRateLimit.core.limit * 0.1);
   const modalOpen = deleteMode || archiveMode || syncMode || logoutMode || infoMode || visibilityMode || archiveFilterMode || sortMode || sortDirectionMode || changeVisibilityMode || copyUrlMode || renameMode;
-  const headerBar = useMemo(() => /* @__PURE__ */ jsxs19(Box19, { flexDirection: "row", justifyContent: "space-between", height: 1, marginBottom: 1, children: [
+  const headerBar = useMemo2(() => /* @__PURE__ */ jsxs19(Box19, { flexDirection: "row", justifyContent: "space-between", height: 1, marginBottom: 1, children: [
     /* @__PURE__ */ jsxs19(Box19, { flexDirection: "row", gap: 1, children: [
-      /* @__PURE__ */ jsxs19(Text20, { color: "cyan", bold: !modalOpen, dimColor: modalOpen, children: [
+      /* @__PURE__ */ jsxs19(Text20, { color: theme.primary, bold: !modalOpen, dimColor: modalOpen, children: [
         "  ",
         ownerContext === "personal" ? "Personal" : ownerContext.name || ownerContext.login,
         ownerContext !== "personal" && isEnterpriseOrg && " (ENT)"
       ] }),
-      /* @__PURE__ */ jsx20(Text20, { bold: true, color: modalOpen ? "gray" : void 0, dimColor: modalOpen ? true : void 0, children: "Repositories" }),
-      /* @__PURE__ */ jsxs19(Text20, { color: "gray", children: [
+      /* @__PURE__ */ jsx20(Text20, { bold: true, color: modalOpen ? theme.muted : void 0, dimColor: modalOpen ? true : void 0, children: "Repositories" }),
+      /* @__PURE__ */ jsxs19(Text20, { color: theme.muted, children: [
         "(",
         visibleItems.length,
         "/",
         searchActive ? searchTotalCount : totalCount,
         ")"
       ] }),
-      loadingMore && hasNextPage && !starsMode && !searchActive && totalCount > 0 && /* @__PURE__ */ jsx20(Text20, { color: "cyan", children: ` \xB7 loading ${items.length}/${totalCount}` }),
-      (loading || searchLoading || loadingMore) && /* @__PURE__ */ jsx20(Box19, { width: 2, flexShrink: 0, flexGrow: 0, marginLeft: 1, children: /* @__PURE__ */ jsx20(Text20, { color: "yellow", children: /* @__PURE__ */ jsx20(SlowSpinner, {}) }) })
+      loadingMore && hasNextPage && !starsMode && !searchActive && totalCount > 0 && /* @__PURE__ */ jsx20(Text20, { color: theme.primary, children: ` \xB7 loading ${items.length}/${totalCount}` }),
+      (loading || searchLoading || loadingMore) && /* @__PURE__ */ jsx20(Box19, { width: 2, flexShrink: 0, flexGrow: 0, marginLeft: 1, children: /* @__PURE__ */ jsx20(Text20, { color: theme.warning, children: /* @__PURE__ */ jsx20(SlowSpinner, {}) }) })
     ] }),
-    (rateLimit || restRateLimit) && /* @__PURE__ */ jsxs19(Text20, { color: lowRate ? "yellow" : "gray", children: [
+    (rateLimit || restRateLimit) && /* @__PURE__ */ jsxs19(Text20, { color: lowRate ? theme.warning : theme.muted, children: [
       "GraphQL: ",
       rateLimit ? `${rateLimit.remaining}/${rateLimit.limit}` : "---/---",
-      prevRateLimit !== void 0 && rateLimit && prevRateLimit !== rateLimit.remaining && /* @__PURE__ */ jsx20(Text20, { color: rateLimit.remaining < prevRateLimit ? "red" : "green", children: ` (${rateLimit.remaining - prevRateLimit > 0 ? "+" : ""}${rateLimit.remaining - prevRateLimit})` }),
+      prevRateLimit !== void 0 && rateLimit && prevRateLimit !== rateLimit.remaining && /* @__PURE__ */ jsx20(Text20, { color: rateLimit.remaining < prevRateLimit ? theme.error : theme.success, children: ` (${rateLimit.remaining - prevRateLimit > 0 ? "+" : ""}${rateLimit.remaining - prevRateLimit})` }),
       " | ",
       "REST: ",
       restRateLimit ? `${restRateLimit.core.remaining}/${restRateLimit.core.limit}` : "---/---",
-      prevRestRateLimit !== void 0 && restRateLimit && prevRestRateLimit !== restRateLimit.core.remaining && /* @__PURE__ */ jsx20(Text20, { color: restRateLimit.core.remaining < prevRestRateLimit ? "red" : "green", children: ` (${restRateLimit.core.remaining - prevRestRateLimit > 0 ? "+" : ""}${restRateLimit.core.remaining - prevRestRateLimit})` }),
+      prevRestRateLimit !== void 0 && restRateLimit && prevRestRateLimit !== restRateLimit.core.remaining && /* @__PURE__ */ jsx20(Text20, { color: restRateLimit.core.remaining < prevRestRateLimit ? theme.error : theme.success, children: ` (${restRateLimit.core.remaining - prevRestRateLimit > 0 ? "+" : ""}${restRateLimit.core.remaining - prevRestRateLimit})` }),
       "  "
     ] })
-  ] }), [visibleItems.length, searchActive, searchTotalCount, totalCount, loading, searchLoading, rateLimit, lowRate, modalOpen, prevRateLimit, ownerContext, isEnterpriseOrg, restRateLimit, prevRestRateLimit]);
+  ] }), [visibleItems.length, searchActive, searchTotalCount, totalCount, loading, searchLoading, rateLimit, lowRate, modalOpen, prevRateLimit, ownerContext, isEnterpriseOrg, restRateLimit, prevRestRateLimit, theme]);
   if (error) {
     return /* @__PURE__ */ jsxs19(Box19, { flexDirection: "column", height: availableHeight, children: [
       /* @__PURE__ */ jsx20(Box19, { flexDirection: "row", justifyContent: "space-between", height: 1, marginBottom: 1, children: /* @__PURE__ */ jsxs19(Box19, { flexDirection: "row", gap: 1, children: [
@@ -3393,7 +3483,7 @@ function RepoList({ token, maxVisibleRows, onLogout, viewerLogin, onOrgContextCh
       /* @__PURE__ */ jsx20(Text20, { color: "gray", children: "Your support helps craft more open-source tools" }),
       /* @__PURE__ */ jsx20(Text20, { color: "cyan", children: "\u{1F496} github.com/sponsors/wiiiimm" })
     ] }) }) }),
-    /* @__PURE__ */ jsx20(Box19, { borderStyle: "single", borderColor: modalOpen ? "gray" : "yellow", paddingX: 1, paddingY: 1, marginX: 1, height: contentHeight + containerPadding + 2, flexDirection: "column", children: deleteMode && deleteTarget ? (
+    /* @__PURE__ */ jsx20(Box19, { borderStyle: "single", borderColor: modalOpen ? theme.muted : theme.warning, paddingX: 1, paddingY: 1, marginX: 1, height: contentHeight + containerPadding + 2, flexDirection: "column", children: deleteMode && deleteTarget ? (
       // Centered modal; hide list content while modal is open
       /* @__PURE__ */ jsx20(Box19, { height: contentHeight, alignItems: "center", justifyContent: "center", children: /* @__PURE__ */ jsxs19(Box19, { flexDirection: "column", borderStyle: "round", borderColor: "red", paddingX: 3, paddingY: 2, width: Math.min(terminalWidth - 8, 80), children: [
         /* @__PURE__ */ jsx20(Text20, { bold: true, children: "Delete Confirmation" }),
@@ -3403,13 +3493,13 @@ function RepoList({ token, maxVisibleRows, onLogout, viewerLogin, onOrgContextCh
           const langName = deleteTarget.primaryLanguage?.name || "";
           const langColor = deleteTarget.primaryLanguage?.color || "#666666";
           let line1 = "";
-          line1 += chalk14.white(deleteTarget.nameWithOwner);
-          if (deleteTarget.isPrivate) line1 += chalk14.yellow(" Private");
-          if (deleteTarget.isArchived) line1 += chalk14.gray.dim(" Archived");
-          if (deleteTarget.isFork && deleteTarget.parent) line1 += chalk14.blue(` Fork of ${deleteTarget.parent.nameWithOwner}`);
+          line1 += tc.text(deleteTarget.nameWithOwner);
+          if (deleteTarget.isPrivate) line1 += tc.private(" Private");
+          if (deleteTarget.isArchived) line1 += tc.archived.dim(" Archived");
+          if (deleteTarget.isFork && deleteTarget.parent) line1 += tc.fork(` Fork of ${deleteTarget.parent.nameWithOwner}`);
           let line2 = "";
-          if (langName) line2 += chalk14.hex(langColor)("\u25CF ") + chalk14.gray(`${langName}  `);
-          line2 += chalk14.gray(`\u2605 ${deleteTarget.stargazerCount}  \u2442 ${deleteTarget.forkCount}  Updated ${formatDate(deleteTarget.updatedAt)}`);
+          if (langName) line2 += chalk15.hex(langColor)("\u25CF ") + tc.muted(`${langName}  `);
+          line2 += tc.muted(`\u2605 ${deleteTarget.stargazerCount}  \u2442 ${deleteTarget.forkCount}  Updated ${formatDate(deleteTarget.updatedAt)}`);
           return /* @__PURE__ */ jsxs19(Fragment10, { children: [
             /* @__PURE__ */ jsx20(Text20, { children: line1 }),
             /* @__PURE__ */ jsx20(Text20, { children: line2 })
@@ -3462,7 +3552,7 @@ function RepoList({ token, maxVisibleRows, onLogout, viewerLogin, onOrgContextCh
                 alignItems: "center",
                 justifyContent: "center",
                 flexDirection: "column",
-                children: /* @__PURE__ */ jsx20(Text20, { children: confirmFocus === "delete" ? chalk14.bgRed.white.bold(" Delete ") : chalk14.red.bold("Delete") })
+                children: /* @__PURE__ */ jsx20(Text20, { children: confirmFocus === "delete" ? chalk15.bgRed.white.bold(" Delete ") : tc.error.bold("Delete") })
               }
             ),
             /* @__PURE__ */ jsx20(
@@ -3475,7 +3565,7 @@ function RepoList({ token, maxVisibleRows, onLogout, viewerLogin, onOrgContextCh
                 alignItems: "center",
                 justifyContent: "center",
                 flexDirection: "column",
-                children: /* @__PURE__ */ jsx20(Text20, { children: confirmFocus === "cancel" ? chalk14.bgGray.white.bold(" Cancel ") : chalk14.gray.bold("Cancel") })
+                children: /* @__PURE__ */ jsx20(Text20, { children: confirmFocus === "cancel" ? tc.btnMuted(" Cancel ") : tc.muted.bold("Cancel") })
               }
             )
           ] }),
@@ -3518,7 +3608,7 @@ function RepoList({ token, maxVisibleRows, onLogout, viewerLogin, onOrgContextCh
             alignItems: "center",
             justifyContent: "center",
             flexDirection: "column",
-            children: /* @__PURE__ */ jsx20(Text20, { children: archiveFocus === "confirm" ? chalk14.bgGreen.white.bold(` ${archiveTarget.isArchived ? "Unarchive" : "Archive"} `) : chalk14.bold[archiveTarget.isArchived ? "green" : "yellow"](archiveTarget.isArchived ? "Unarchive" : "Archive") })
+            children: /* @__PURE__ */ jsx20(Text20, { children: archiveFocus === "confirm" ? chalk15.bgGreen.white.bold(` ${archiveTarget.isArchived ? "Unarchive" : "Archive"} `) : (archiveTarget.isArchived ? tc.success : tc.warning).bold(archiveTarget.isArchived ? "Unarchive" : "Archive") })
           }
         ),
         /* @__PURE__ */ jsx20(
@@ -3531,11 +3621,11 @@ function RepoList({ token, maxVisibleRows, onLogout, viewerLogin, onOrgContextCh
             alignItems: "center",
             justifyContent: "center",
             flexDirection: "column",
-            children: /* @__PURE__ */ jsx20(Text20, { children: archiveFocus === "cancel" ? chalk14.bgGray.white.bold(" Cancel ") : chalk14.gray.bold("Cancel") })
+            children: /* @__PURE__ */ jsx20(Text20, { children: archiveFocus === "cancel" ? tc.btnMuted(" Cancel ") : tc.muted.bold("Cancel") })
           }
         )
       ] }),
-      /* @__PURE__ */ jsx20(Box19, { marginTop: 1, flexDirection: "row", justifyContent: "center", children: /* @__PURE__ */ jsxs19(Text20, { color: "gray", children: [
+      /* @__PURE__ */ jsx20(Box19, { marginTop: 1, flexDirection: "row", justifyContent: "center", children: /* @__PURE__ */ jsxs19(Text20, { color: theme.muted, children: [
         "Press Enter to ",
         archiveFocus === "confirm" ? archiveTarget.isArchived ? "Unarchive" : "Archive" : "Cancel",
         " | Y to ",
@@ -3580,7 +3670,7 @@ function RepoList({ token, maxVisibleRows, onLogout, viewerLogin, onOrgContextCh
             alignItems: "center",
             justifyContent: "center",
             flexDirection: "column",
-            children: /* @__PURE__ */ jsx20(Text20, { children: syncFocus === "confirm" ? chalk14.bgBlue.white.bold(" Sync ") : chalk14.blue.bold("Sync") })
+            children: /* @__PURE__ */ jsx20(Text20, { children: syncFocus === "confirm" ? tc.btnPrimary(" Sync ") : tc.primary.bold("Sync") })
           }
         ),
         /* @__PURE__ */ jsx20(
@@ -3593,11 +3683,11 @@ function RepoList({ token, maxVisibleRows, onLogout, viewerLogin, onOrgContextCh
             alignItems: "center",
             justifyContent: "center",
             flexDirection: "column",
-            children: /* @__PURE__ */ jsx20(Text20, { children: syncFocus === "cancel" ? chalk14.bgGray.white.bold(" Cancel ") : chalk14.gray.bold("Cancel") })
+            children: /* @__PURE__ */ jsx20(Text20, { children: syncFocus === "cancel" ? tc.btnMuted(" Cancel ") : tc.muted.bold("Cancel") })
           }
         )
       ] }),
-      /* @__PURE__ */ jsx20(Box19, { marginTop: 1, flexDirection: "row", justifyContent: "center", children: /* @__PURE__ */ jsxs19(Text20, { color: "gray", children: [
+      /* @__PURE__ */ jsx20(Box19, { marginTop: 1, flexDirection: "row", justifyContent: "center", children: /* @__PURE__ */ jsxs19(Text20, { color: theme.muted, children: [
         "Press Enter to ",
         syncFocus === "confirm" ? "Sync" : "Cancel",
         " | Y to Sync | C to Cancel"
@@ -3617,40 +3707,40 @@ function RepoList({ token, maxVisibleRows, onLogout, viewerLogin, onOrgContextCh
           }
         }
       ) }),
-      syncError && /* @__PURE__ */ jsx20(Box19, { marginTop: 1, children: /* @__PURE__ */ jsx20(Text20, { color: "magenta", children: syncError }) }),
-      syncing && /* @__PURE__ */ jsx20(Box19, { marginTop: 1, children: /* @__PURE__ */ jsx20(Text20, { color: "yellow", children: "Syncing..." }) })
-    ] }) }) : logoutMode ? /* @__PURE__ */ jsx20(Box19, { height: contentHeight, alignItems: "center", justifyContent: "center", children: /* @__PURE__ */ jsxs19(Box19, { flexDirection: "column", borderStyle: "round", borderColor: "cyan", paddingX: 3, paddingY: 2, width: Math.min(terminalWidth - 8, 80), children: [
+      syncError && /* @__PURE__ */ jsx20(Box19, { marginTop: 1, children: /* @__PURE__ */ jsx20(Text20, { color: theme.error, children: syncError }) }),
+      syncing && /* @__PURE__ */ jsx20(Box19, { marginTop: 1, children: /* @__PURE__ */ jsx20(Text20, { color: theme.warning, children: "Syncing..." }) })
+    ] }) }) : logoutMode ? /* @__PURE__ */ jsx20(Box19, { height: contentHeight, alignItems: "center", justifyContent: "center", children: /* @__PURE__ */ jsxs19(Box19, { flexDirection: "column", borderStyle: "round", borderColor: theme.primary, paddingX: 3, paddingY: 2, width: Math.min(terminalWidth - 8, 80), children: [
       /* @__PURE__ */ jsx20(Text20, { bold: true, children: "Logout Confirmation" }),
-      /* @__PURE__ */ jsx20(Text20, { color: "cyan", children: "Are you sure you want to log out?" }),
+      /* @__PURE__ */ jsx20(Text20, { color: theme.primary, children: "Are you sure you want to log out?" }),
       /* @__PURE__ */ jsxs19(Box19, { marginTop: 1, flexDirection: "row", justifyContent: "center", gap: 6, children: [
         /* @__PURE__ */ jsx20(
           Box19,
           {
             borderStyle: "round",
-            borderColor: "cyan",
+            borderColor: theme.primary,
             height: 3,
             width: 20,
             alignItems: "center",
             justifyContent: "center",
             flexDirection: "column",
-            children: /* @__PURE__ */ jsx20(Text20, { children: logoutFocus === "confirm" ? chalk14.bgCyan.white.bold(" Logout ") : chalk14.cyan.bold("Logout") })
+            children: /* @__PURE__ */ jsx20(Text20, { children: logoutFocus === "confirm" ? tc.btnPrimary(" Logout ") : tc.primary.bold("Logout") })
           }
         ),
         /* @__PURE__ */ jsx20(
           Box19,
           {
             borderStyle: "round",
-            borderColor: logoutFocus === "cancel" ? "white" : "gray",
+            borderColor: logoutFocus === "cancel" ? "white" : theme.muted,
             height: 3,
             width: 20,
             alignItems: "center",
             justifyContent: "center",
             flexDirection: "column",
-            children: /* @__PURE__ */ jsx20(Text20, { children: logoutFocus === "cancel" ? chalk14.bgGray.white.bold(" Cancel ") : chalk14.gray.bold("Cancel") })
+            children: /* @__PURE__ */ jsx20(Text20, { children: logoutFocus === "cancel" ? tc.btnMuted(" Cancel ") : tc.muted.bold("Cancel") })
           }
         )
       ] }),
-      /* @__PURE__ */ jsx20(Box19, { marginTop: 1, flexDirection: "row", justifyContent: "center", children: /* @__PURE__ */ jsxs19(Text20, { color: "gray", children: [
+      /* @__PURE__ */ jsx20(Box19, { marginTop: 1, flexDirection: "row", justifyContent: "center", children: /* @__PURE__ */ jsxs19(Text20, { color: theme.muted, children: [
         "Press Enter to ",
         logoutFocus === "confirm" ? "Logout" : "Cancel",
         " | Y to Logout | C to Cancel"
@@ -3665,41 +3755,41 @@ function RepoList({ token, maxVisibleRows, onLogout, viewerLogin, onOrgContextCh
       }
     ) }) : infoMode ? /* @__PURE__ */ jsx20(Box19, { height: contentHeight, alignItems: "center", justifyContent: "center", children: (() => {
       const repo = infoRepo || visibleItems[cursor];
-      if (!repo) return /* @__PURE__ */ jsx20(Text20, { color: "red", children: "No repository selected." });
+      if (!repo) return /* @__PURE__ */ jsx20(Text20, { color: theme.error, children: "No repository selected." });
       const langName = repo.primaryLanguage?.name || "N/A";
       const langColor = repo.primaryLanguage?.color || "#666666";
-      return /* @__PURE__ */ jsxs19(Box19, { flexDirection: "column", borderStyle: "round", borderColor: "magenta", paddingX: 3, paddingY: 2, width: Math.min(terminalWidth - 8, 90), children: [
+      return /* @__PURE__ */ jsxs19(Box19, { flexDirection: "column", borderStyle: "round", borderColor: theme.internal, paddingX: 3, paddingY: 2, width: Math.min(terminalWidth - 8, 90), children: [
         /* @__PURE__ */ jsxs19(Text20, { bold: true, children: [
           "Repository Info ",
-          infoRepo ? chalk14.dim("(cached)") : ""
+          infoRepo ? tc.muted("(cached)") : ""
         ] }),
         /* @__PURE__ */ jsx20(Box19, { height: 1, children: /* @__PURE__ */ jsx20(Text20, { children: " " }) }),
-        /* @__PURE__ */ jsx20(Text20, { children: chalk14.bold(repo.nameWithOwner) }),
-        repo.description && /* @__PURE__ */ jsx20(Text20, { color: "gray", children: repo.description }),
+        /* @__PURE__ */ jsx20(Text20, { children: tc.text.bold(repo.nameWithOwner) }),
+        repo.description && /* @__PURE__ */ jsx20(Text20, { color: theme.muted, children: repo.description }),
         /* @__PURE__ */ jsx20(Box19, { height: 1, children: /* @__PURE__ */ jsx20(Text20, { children: " " }) }),
         /* @__PURE__ */ jsxs19(Text20, { children: [
-          repo.visibility === "PRIVATE" ? chalk14.yellow("Private") : repo.visibility === "INTERNAL" ? chalk14.magenta("Internal") : chalk14.green("Public"),
-          repo.isArchived ? chalk14.gray("  Archived") : "",
-          repo.isFork ? chalk14.blue("  Fork") : ""
+          repo.visibility === "PRIVATE" ? tc.private("Private") : repo.visibility === "INTERNAL" ? tc.internal("Internal") : tc.success("Public"),
+          repo.isArchived ? tc.archived("  Archived") : "",
+          repo.isFork ? tc.fork("  Fork") : ""
         ] }),
-        /* @__PURE__ */ jsx20(Text20, { children: chalk14.gray(`\u2605 ${repo.stargazerCount}  \u2442 ${repo.forkCount}`) }),
+        /* @__PURE__ */ jsx20(Text20, { children: tc.muted(`\u2605 ${repo.stargazerCount}  \u2442 ${repo.forkCount}`) }),
         /* @__PURE__ */ jsxs19(Text20, { children: [
-          chalk14.hex(langColor)(`\u25CF `),
-          chalk14.gray(`${langName}`)
+          chalk15.hex(langColor)(`\u25CF `),
+          tc.muted(`${langName}`)
         ] }),
-        /* @__PURE__ */ jsxs19(Text20, { color: "gray", children: [
+        /* @__PURE__ */ jsxs19(Text20, { color: theme.muted, children: [
           "Updated: ",
           formatDate(repo.updatedAt),
           " \u2022 Pushed: ",
           formatDate(repo.pushedAt)
         ] }),
-        /* @__PURE__ */ jsxs19(Text20, { color: "gray", children: [
+        /* @__PURE__ */ jsxs19(Text20, { color: theme.muted, children: [
           "Size: ",
           repo.diskUsage,
           " KB"
         ] }),
         /* @__PURE__ */ jsx20(Box19, { height: 1, children: /* @__PURE__ */ jsx20(Text20, { children: " " }) }),
-        /* @__PURE__ */ jsx20(Text20, { color: "gray", children: "Press Esc or I to close" })
+        /* @__PURE__ */ jsx20(Text20, { color: theme.muted, children: "Press Esc or I to close" })
       ] });
     })() }) : archiveFilterMode ? /* @__PURE__ */ jsx20(Box19, { height: contentHeight, alignItems: "center", justifyContent: "center", children: /* @__PURE__ */ jsx20(
       ArchiveFilterModal,
@@ -3711,7 +3801,8 @@ function RepoList({ token, maxVisibleRows, onLogout, viewerLogin, onOrgContextCh
           setCursor(0);
           storeUIPrefs({ archiveFilter: filter2 });
         },
-        onCancel: () => setArchiveFilterMode(false)
+        onCancel: () => setArchiveFilterMode(false),
+        theme
       }
     ) }) : visibilityMode ? /* @__PURE__ */ jsx20(Box19, { height: contentHeight, alignItems: "center", justifyContent: "center", children: /* @__PURE__ */ jsx20(
       VisibilityModal,
@@ -3724,7 +3815,8 @@ function RepoList({ token, maxVisibleRows, onLogout, viewerLogin, onOrgContextCh
           setCursor(0);
           storeUIPrefs({ visibilityFilter: filter2 });
         },
-        onCancel: () => setVisibilityMode(false)
+        onCancel: () => setVisibilityMode(false),
+        theme
       }
     ) }) : sortMode ? /* @__PURE__ */ jsx20(Box19, { height: contentHeight, alignItems: "center", justifyContent: "center", children: /* @__PURE__ */ jsx20(
       SortModal,
@@ -3736,7 +3828,8 @@ function RepoList({ token, maxVisibleRows, onLogout, viewerLogin, onOrgContextCh
           setCursor(0);
           storeUIPrefs({ sortKey: sort });
         },
-        onCancel: () => setSortMode(false)
+        onCancel: () => setSortMode(false),
+        theme
       }
     ) }) : sortDirectionMode ? /* @__PURE__ */ jsx20(Box19, { height: contentHeight, alignItems: "center", justifyContent: "center", children: /* @__PURE__ */ jsx20(
       SortDirectionModal,
@@ -3749,7 +3842,8 @@ function RepoList({ token, maxVisibleRows, onLogout, viewerLogin, onOrgContextCh
           setCursor(0);
           storeUIPrefs({ sortDir: direction });
         },
-        onCancel: () => setSortDirectionMode(false)
+        onCancel: () => setSortDirectionMode(false),
+        theme
       }
     ) }) : changeVisibilityMode && changeVisibilityTarget ? /* @__PURE__ */ jsx20(Box19, { height: contentHeight, alignItems: "center", justifyContent: "center", children: /* @__PURE__ */ jsx20(
       ChangeVisibilityModal,
@@ -3762,14 +3856,16 @@ function RepoList({ token, maxVisibleRows, onLogout, viewerLogin, onOrgContextCh
         onVisibilityChange: handleVisibilityChange,
         onClose: closeChangeVisibilityModal,
         changing: changingVisibility,
-        error: changeVisibilityError
+        error: changeVisibilityError,
+        theme
       }
     ) }) : renameMode && renameTarget ? /* @__PURE__ */ jsx20(Box19, { height: contentHeight, alignItems: "center", justifyContent: "center", children: /* @__PURE__ */ jsx20(
       RenameModal,
       {
         repo: renameTarget,
         onRename: executeRename,
-        onCancel: closeRenameModal
+        onCancel: closeRenameModal,
+        theme
       }
     ) }) : copyUrlMode ? /* @__PURE__ */ jsx20(Box19, { height: contentHeight, alignItems: "center", justifyContent: "center", children: /* @__PURE__ */ jsx20(
       CopyUrlModal,
@@ -3777,7 +3873,8 @@ function RepoList({ token, maxVisibleRows, onLogout, viewerLogin, onOrgContextCh
         repo: copyUrlTarget,
         terminalWidth,
         onClose: closeCopyUrlModal,
-        onCopy: handleCopyUrl
+        onCopy: handleCopyUrl,
+        theme
       }
     ) }) : unstarMode && unstarTarget ? /* @__PURE__ */ jsx20(Box19, { height: contentHeight, alignItems: "center", justifyContent: "center", children: /* @__PURE__ */ jsx20(
       UnstarModal,
@@ -3787,7 +3884,8 @@ function RepoList({ token, maxVisibleRows, onLogout, viewerLogin, onOrgContextCh
         onConfirm: handleUnstar,
         onCancel: closeUnstarModal,
         isUnstarring: unstarring,
-        error: unstarError
+        error: unstarError,
+        theme
       }
     ) }) : starMode && starTarget ? /* @__PURE__ */ jsx20(Box19, { height: contentHeight, alignItems: "center", justifyContent: "center", children: /* @__PURE__ */ jsx20(
       StarModal,
@@ -3798,7 +3896,8 @@ function RepoList({ token, maxVisibleRows, onLogout, viewerLogin, onOrgContextCh
         onConfirm: handleStar,
         onCancel: closeStarModal,
         isStarring: starring,
-        error: starError
+        error: starError,
+        theme
       }
     ) }) : /* @__PURE__ */ jsxs19(Fragment10, { children: [
       /* @__PURE__ */ jsx20(
@@ -3814,7 +3913,8 @@ function RepoList({ token, maxVisibleRows, onLogout, viewerLogin, onOrgContextCh
           visibilityFilter,
           archiveFilter,
           isEnterprise: isEnterpriseOrg,
-          starsMode
+          starsMode,
+          theme
         }
       ),
       filterMode && /* @__PURE__ */ jsxs19(Box19, { marginBottom: 1, children: [
@@ -3871,7 +3971,8 @@ function RepoList({ token, maxVisibleRows, onLogout, viewerLogin, onOrgContextCh
               maxWidth: terminalWidth - 6,
               spacingLines,
               forkTracking,
-              starsMode
+              starsMode,
+              theme
             },
             repo.nameWithOwner
           );
@@ -3891,20 +3992,20 @@ function RepoList({ token, maxVisibleRows, onLogout, viewerLogin, onOrgContextCh
       ] })
     ] }) }),
     /* @__PURE__ */ jsxs19(Box19, { marginTop: 1, paddingX: 1, flexDirection: "column", children: [
-      /* @__PURE__ */ jsx20(Box19, { width: terminalWidth, justifyContent: "center", children: /* @__PURE__ */ jsx20(Text20, { color: "gray", dimColor: modalOpen ? true : void 0, children: "\u2191\u2193 Navigate \u2022 Ctrl+G Top \u2022 G Bottom \u2022 \u23CE/O Open \u2022 R Refresh" }) }),
-      /* @__PURE__ */ jsx20(Box19, { width: terminalWidth, justifyContent: "center", children: /* @__PURE__ */ jsxs19(Text20, { color: "gray", dimColor: modalOpen ? true : void 0, children: [
-        "/ Search \u2022 S Sort \u2022 D Direction \u2022 T Density \u2022 A Archive Filter",
-        !starsMode && " \u2022 V Visibility Filter",
-        ownerContext === "personal" && " \u2022 Shift+S Stars"
+      /* @__PURE__ */ jsx20(Box19, { width: terminalWidth, justifyContent: "center", children: /* @__PURE__ */ jsx20(Text20, { color: theme.muted, dimColor: modalOpen ? true : void 0, children: "\u2191\u2193 Navigate \u2022 Ctrl+G Top \u2022 G Bottom \u2022 \u23CE/O Open \u2022 R Refresh" }) }),
+      /* @__PURE__ */ jsx20(Box19, { width: terminalWidth, justifyContent: "center", children: /* @__PURE__ */ jsxs19(Text20, { color: theme.muted, dimColor: modalOpen ? true : void 0, children: [
+        "/ Search \u2022 S Sort \u2022 D Direction \u2022 T Density \u2022 Shift+T Theme \u2022 A Archive Filter",
+        !starsMode && " \u2022 V Visibility Filter"
       ] }) }),
-      /* @__PURE__ */ jsx20(Box19, { width: terminalWidth, justifyContent: "center", children: /* @__PURE__ */ jsx20(Text20, { color: "gray", dimColor: modalOpen ? true : void 0, children: starsMode ? "I Info \u2022 C Copy URL \u2022 U Unstar Repository" : "I Info \u2022 C Copy URL \u2022 Ctrl+S Un/Star \u2022 Ctrl+R Rename \u2022 Ctrl+A Un/Archive \u2022 Ctrl+V Change Visibility \u2022 Ctrl+F Sync Fork" }) }),
-      /* @__PURE__ */ jsx20(Box19, { width: terminalWidth, justifyContent: "center", children: /* @__PURE__ */ jsx20(Text20, { color: "gray", dimColor: modalOpen ? true : void 0, children: "K Cache Info \u2022 W Org Switch \u2022 Del/Backspace Delete \u2022 Ctrl+L Logout \u2022 Q Quit" }) }),
-      /* @__PURE__ */ jsx20(Box19, { width: terminalWidth, justifyContent: "center", marginTop: 1, children: /* @__PURE__ */ jsx20(Text20, { color: "yellow", dimColor: modalOpen ? true : void 0, children: "\u{1F496} Sponsor on GitHub: github.com/sponsors/wiiiimm" }) })
+      /* @__PURE__ */ jsx20(Box19, { width: terminalWidth, justifyContent: "center", children: /* @__PURE__ */ jsx20(Text20, { color: theme.muted, dimColor: modalOpen ? true : void 0, children: starsMode ? "Shift+S My Repos \u2022 I Info \u2022 C Copy URL \u2022 U Unstar Repository" : `${ownerContext === "personal" ? "Shift+S Starred \u2022 " : ""}I Info \u2022 C Copy URL \u2022 Ctrl+S Un/Star \u2022 Ctrl+R Rename \u2022 Ctrl+A Un/Archive \u2022 Ctrl+V Change Visibility \u2022 Ctrl+F Sync Fork` }) }),
+      /* @__PURE__ */ jsx20(Box19, { width: terminalWidth, justifyContent: "center", children: /* @__PURE__ */ jsx20(Text20, { color: theme.muted, dimColor: modalOpen ? true : void 0, children: "K Cache Info \u2022 W Org Switch \u2022 Del/Backspace Delete \u2022 Ctrl+L Logout \u2022 Q Quit" }) }),
+      /* @__PURE__ */ jsx20(Box19, { width: terminalWidth, justifyContent: "center", marginTop: 1, children: /* @__PURE__ */ jsx20(Text20, { color: theme.warning, dimColor: modalOpen ? true : void 0, children: "\u{1F496} Sponsor on GitHub: github.com/sponsors/wiiiimm" }) })
     ] }),
     process.env.GH_MANAGER_DEBUG === "1" && /* @__PURE__ */ jsxs19(Box19, { marginTop: 1, borderStyle: "single", borderColor: "yellow", paddingX: 1, flexDirection: "column", children: [
       /* @__PURE__ */ jsx20(Text20, { bold: true, color: "yellow", children: "Debug Messages:" }),
       debugMessages.length === 0 ? /* @__PURE__ */ jsx20(Text20, { color: "gray", children: "No debug messages yet..." }) : debugMessages.map((msg, i) => /* @__PURE__ */ jsx20(Text20, { color: "gray", children: msg }, i))
     ] }),
+    themeToast && /* @__PURE__ */ jsx20(Box19, { marginTop: 1, justifyContent: "center", children: /* @__PURE__ */ jsx20(Box19, { borderStyle: "round", borderColor: theme.primary, paddingX: 2, paddingY: 0, children: /* @__PURE__ */ jsx20(Text20, { color: theme.primary, children: themeToast }) }) }),
     copyToast && /* @__PURE__ */ jsx20(Box19, { marginTop: 1, justifyContent: "center", children: /* @__PURE__ */ jsx20(Box19, { borderStyle: "round", borderColor: copyToast.includes("Failed") ? "red" : "green", paddingX: 2, paddingY: 0, children: /* @__PURE__ */ jsx20(Text20, { color: copyToast.includes("Failed") ? "red" : "green", children: copyToast }) }) })
   ] });
 }
@@ -3912,7 +4013,7 @@ function RepoList({ token, maxVisibleRows, onLogout, viewerLogin, onOrgContextCh
 // src/ui/components/auth/AuthMethodSelector.tsx
 import { useState as useState17 } from "react";
 import { Box as Box20, Text as Text21, useInput as useInput17 } from "ink";
-import chalk15 from "chalk";
+import chalk16 from "chalk";
 import { jsx as jsx21, jsxs as jsxs20 } from "react/jsx-runtime";
 function AuthMethodSelector({ onSelect, onQuit }) {
   const [selectedIndex, setSelectedIndex] = useState17(0);
@@ -3951,7 +4052,7 @@ function AuthMethodSelector({ onSelect, onQuit }) {
     /* @__PURE__ */ jsx21(Text21, { bold: true, marginBottom: 1, children: "Choose Authentication Method" }),
     /* @__PURE__ */ jsx21(Box20, { flexDirection: "column", marginY: 1, children: methods.map((method, index) => {
       const isSelected = index === selectedIndex;
-      const prefix = isSelected ? chalk15.cyan("\u203A") : " ";
+      const prefix = isSelected ? chalk16.cyan("\u203A") : " ";
       const numberPrefix = `${index + 1}.`;
       return /* @__PURE__ */ jsxs20(Box20, { flexDirection: "column", marginBottom: 1, children: [
         /* @__PURE__ */ jsx21(Text21, { children: /* @__PURE__ */ jsxs20(Text21, { color: isSelected ? "cyan" : void 0, bold: isSelected, children: [
@@ -4304,7 +4405,7 @@ function App({ initialOrgSlug: initialOrgSlug2, inlineToken: inlineToken2, inlin
     }
   });
   const verticalPadding = Math.floor(dims.rows * 0.05);
-  const header = useMemo2(() => /* @__PURE__ */ jsxs22(Box22, { flexDirection: "row", justifyContent: "space-between", marginBottom: 1, children: [
+  const header = useMemo3(() => /* @__PURE__ */ jsxs22(Box22, { flexDirection: "row", justifyContent: "space-between", marginBottom: 1, children: [
     /* @__PURE__ */ jsxs22(Box22, { flexDirection: "row", gap: 1, children: [
       /* @__PURE__ */ jsxs22(Text23, { bold: true, color: "cyan", children: [
         "  ",