claude-scope 0.6.0 → 0.6.2

package/dist/claude-scope.cjs

@@ -275,6 +275,569 @@ function createGit(cwd) {
   return new NativeGit(cwd);
 }
 
+// src/ui/utils/colors.ts
+var reset = "\x1B[0m";
+var red = "\x1B[31m";
+var gray = "\x1B[90m";
+var lightGray = "\x1B[37m";
+var bold = "\x1B[1m";
+function colorize(text, color) {
+  return `${color}${text}${reset}`;
+}
+
+// src/ui/theme/helpers.ts
+function rgb(r, g, b) {
+  return `\x1B[38;2;${r};${g};${b}m`;
+}
+function createBaseColors(params) {
+  return {
+    text: params.modelColor,
+    muted: params.durationColor,
+    accent: params.accentColor,
+    border: params.durationColor
+  };
+}
+function createSemanticColors(params) {
+  return {
+    success: params.contextLow,
+    warning: params.contextMedium,
+    error: params.contextHigh,
+    info: params.branchColor
+  };
+}
+function createThemeColors(params) {
+  const base = createBaseColors({
+    modelColor: params.model,
+    durationColor: params.duration,
+    accentColor: params.accent
+  });
+  const semantic = createSemanticColors({
+    contextLow: params.contextLow,
+    contextMedium: params.contextMedium,
+    contextHigh: params.contextHigh,
+    branchColor: params.branch
+  });
+  return {
+    base,
+    semantic,
+    git: {
+      branch: params.branch,
+      changes: params.changes
+    },
+    context: {
+      low: params.contextLow,
+      medium: params.contextMedium,
+      high: params.contextHigh,
+      bar: params.contextLow
+    },
+    lines: {
+      added: params.linesAdded,
+      removed: params.linesRemoved
+    },
+    cost: {
+      amount: params.cost,
+      currency: params.cost
+    },
+    duration: {
+      value: params.duration,
+      unit: params.duration
+    },
+    model: {
+      name: params.model,
+      version: params.model
+    },
+    poker: {
+      participating: params.model,
+      nonParticipating: params.duration,
+      result: params.accent
+    }
+  };
+}
+
+// src/ui/theme/gray-theme.ts
+var GRAY_THEME = {
+  name: "gray",
+  description: "Neutral gray theme for minimal color distraction",
+  colors: createThemeColors({
+    branch: gray,
+    changes: gray,
+    contextLow: gray,
+    contextMedium: gray,
+    contextHigh: gray,
+    linesAdded: gray,
+    linesRemoved: gray,
+    cost: gray,
+    model: gray,
+    duration: gray,
+    accent: gray
+  })
+};
+
+// src/ui/theme/themes/catppuccin-mocha-theme.ts
+var CATPPUCCIN_MOCHA_THEME = {
+  name: "catppuccin-mocha",
+  description: "Soothing pastel theme",
+  colors: createThemeColors({
+    branch: rgb(137, 180, 250),
+    // Blue
+    changes: rgb(166, 227, 161),
+    // Green
+    contextLow: rgb(166, 227, 161),
+    // Green
+    contextMedium: rgb(238, 212, 159),
+    // Yellow
+    contextHigh: rgb(243, 139, 168),
+    // Red
+    linesAdded: rgb(166, 227, 161),
+    // Green
+    linesRemoved: rgb(243, 139, 168),
+    // Red
+    cost: rgb(245, 224, 220),
+    // Rosewater
+    model: rgb(203, 166, 247),
+    // Mauve
+    duration: rgb(147, 153, 178),
+    // Text gray
+    accent: rgb(243, 139, 168)
+    // Pink
+  })
+};
+
+// src/ui/theme/themes/cyberpunk-neon-theme.ts
+var CYBERPUNK_NEON_THEME = {
+  name: "cyberpunk-neon",
+  description: "High-contrast neon cyberpunk aesthetic",
+  colors: createThemeColors({
+    branch: rgb(0, 191, 255),
+    // Cyan neon
+    changes: rgb(255, 0, 122),
+    // Magenta neon
+    contextLow: rgb(0, 255, 122),
+    // Green neon
+    contextMedium: rgb(255, 214, 0),
+    // Yellow neon
+    contextHigh: rgb(255, 0, 122),
+    // Magenta neon
+    linesAdded: rgb(0, 255, 122),
+    // Green neon
+    linesRemoved: rgb(255, 0, 122),
+    // Magenta neon
+    cost: rgb(255, 111, 97),
+    // Orange neon
+    model: rgb(140, 27, 255),
+    // Purple neon
+    duration: rgb(0, 191, 255),
+    // Cyan neon
+    accent: rgb(255, 0, 122)
+    // Magenta neon
+  })
+};
+
+// src/ui/theme/themes/dracula-theme.ts
+var DRACULA_THEME = {
+  name: "dracula",
+  description: "Purple/pink accent theme",
+  colors: createThemeColors({
+    branch: rgb(189, 147, 249),
+    // Purple
+    changes: rgb(139, 233, 253),
+    // Cyan
+    contextLow: rgb(80, 250, 123),
+    // Green
+    contextMedium: rgb(241, 250, 140),
+    // Yellow
+    contextHigh: rgb(255, 85, 85),
+    // Red
+    linesAdded: rgb(80, 250, 123),
+    // Green
+    linesRemoved: rgb(255, 85, 85),
+    // Red
+    cost: rgb(255, 184, 108),
+    // Orange
+    model: rgb(98, 114, 164),
+    // Comment gray
+    duration: rgb(68, 71, 90),
+    // Selection gray
+    accent: rgb(189, 147, 249)
+    // Purple
+  })
+};
+
+// src/ui/theme/themes/dusty-sage-theme.ts
+var DUSTY_SAGE_THEME = {
+  name: "dusty-sage",
+  description: "Earthy muted greens with peaceful forest fog aesthetic",
+  colors: createThemeColors({
+    branch: rgb(120, 140, 130),
+    // Dusty green
+    changes: rgb(135, 145, 140),
+    // Sage gray
+    contextLow: rgb(135, 145, 140),
+    // Subtle sage (low)
+    contextMedium: rgb(150, 160, 145),
+    // Medium sage
+    contextHigh: rgb(165, 175, 160),
+    // Light sage (high)
+    linesAdded: rgb(135, 145, 140),
+    linesRemoved: rgb(135, 145, 140),
+    cost: rgb(156, 163, 175),
+    model: rgb(148, 163, 184),
+    duration: rgb(120, 130, 140),
+    accent: rgb(120, 140, 130)
+  })
+};
+
+// src/ui/theme/themes/github-dark-dimmed-theme.ts
+var GITHUB_DARK_DIMMED_THEME = {
+  name: "github-dark-dimmed",
+  description: "GitHub's official dark theme (dimmed)",
+  colors: createThemeColors({
+    branch: rgb(88, 166, 255),
+    // GitHub blue
+    changes: rgb(156, 220, 254),
+    // Light blue
+    contextLow: rgb(35, 134, 54),
+    // GitHub green
+    contextMedium: rgb(210, 153, 34),
+    // GitHub orange
+    contextHigh: rgb(248, 81, 73),
+    // GitHub red
+    linesAdded: rgb(35, 134, 54),
+    // GitHub green
+    linesRemoved: rgb(248, 81, 73),
+    // GitHub red
+    cost: rgb(163, 113, 247),
+    // Purple
+    model: rgb(201, 209, 217),
+    // Gray
+    duration: rgb(110, 118, 129),
+    // Dark gray
+    accent: rgb(88, 166, 255)
+    // GitHub blue
+  })
+};
+
+// src/ui/theme/themes/monokai-theme.ts
+var MONOKAI_THEME = {
+  name: "monokai",
+  description: "Vibrant, high-contrast",
+  colors: createThemeColors({
+    branch: rgb(102, 217, 239),
+    // Cyan
+    changes: rgb(249, 26, 114),
+    // Pink
+    contextLow: rgb(166, 226, 46),
+    // Green
+    contextMedium: rgb(253, 151, 31),
+    // Orange
+    contextHigh: rgb(249, 26, 114),
+    // Pink
+    linesAdded: rgb(166, 226, 46),
+    // Green
+    linesRemoved: rgb(249, 26, 114),
+    // Pink
+    cost: rgb(254, 128, 25),
+    // Bright orange
+    model: rgb(174, 129, 255),
+    // Purple
+    duration: rgb(102, 217, 239),
+    // Cyan
+    accent: rgb(249, 26, 114)
+    // Pink
+  })
+};
+
+// src/ui/theme/themes/muted-gray-theme.ts
+var MUTED_GRAY_THEME = {
+  name: "muted-gray",
+  description: "Very subtle grays with almost invisible progress bar",
+  colors: createThemeColors({
+    branch: rgb(156, 163, 175),
+    // Slate gray
+    changes: rgb(148, 163, 184),
+    // Lighter slate
+    contextLow: rgb(148, 163, 184),
+    // Subtle gray (low)
+    contextMedium: rgb(160, 174, 192),
+    // Medium gray
+    contextHigh: rgb(175, 188, 201),
+    // Light gray (high)
+    linesAdded: rgb(148, 163, 184),
+    linesRemoved: rgb(148, 163, 184),
+    cost: rgb(156, 163, 175),
+    model: rgb(148, 163, 184),
+    duration: rgb(107, 114, 128),
+    accent: rgb(156, 163, 175)
+  })
+};
+
+// src/ui/theme/themes/nord-theme.ts
+var NORD_THEME = {
+  name: "nord",
+  description: "Arctic, north-bluish color palette",
+  colors: createThemeColors({
+    branch: rgb(136, 192, 208),
+    // Nordic cyan
+    changes: rgb(143, 188, 187),
+    // Nordic blue-gray
+    contextLow: rgb(163, 190, 140),
+    // Nordic green
+    contextMedium: rgb(235, 203, 139),
+    // Nordic yellow
+    contextHigh: rgb(191, 97, 106),
+    // Nordic red
+    linesAdded: rgb(163, 190, 140),
+    // Nordic green
+    linesRemoved: rgb(191, 97, 106),
+    // Nordic red
+    cost: rgb(216, 222, 233),
+    // Nordic white
+    model: rgb(129, 161, 193),
+    // Nordic blue
+    duration: rgb(94, 129, 172),
+    // Nordic dark blue
+    accent: rgb(136, 192, 208)
+    // Nordic cyan
+  })
+};
+
+// src/ui/theme/themes/one-dark-pro-theme.ts
+var ONE_DARK_PRO_THEME = {
+  name: "one-dark-pro",
+  description: "Atom's iconic theme",
+  colors: createThemeColors({
+    branch: rgb(97, 175, 239),
+    // Blue
+    changes: rgb(152, 195, 121),
+    // Green
+    contextLow: rgb(152, 195, 121),
+    // Green
+    contextMedium: rgb(229, 192, 123),
+    // Yellow
+    contextHigh: rgb(224, 108, 117),
+    // Red
+    linesAdded: rgb(152, 195, 121),
+    // Green
+    linesRemoved: rgb(224, 108, 117),
+    // Red
+    cost: rgb(209, 154, 102),
+    // Orange
+    model: rgb(171, 178, 191),
+    // Gray
+    duration: rgb(125, 148, 173),
+    // Dark gray
+    accent: rgb(97, 175, 239)
+    // Blue
+  })
+};
+
+// src/ui/theme/themes/professional-blue-theme.ts
+var PROFESSIONAL_BLUE_THEME = {
+  name: "professional-blue",
+  description: "Clean, business-oriented blue color scheme",
+  colors: createThemeColors({
+    branch: rgb(37, 99, 235),
+    // Royal blue
+    changes: rgb(148, 163, 184),
+    // Slate gray
+    contextLow: rgb(96, 165, 250),
+    // Light blue
+    contextMedium: rgb(251, 191, 36),
+    // Amber
+    contextHigh: rgb(248, 113, 113),
+    // Red
+    linesAdded: rgb(74, 222, 128),
+    // Green
+    linesRemoved: rgb(248, 113, 113),
+    // Red
+    cost: rgb(251, 146, 60),
+    // Orange
+    model: rgb(167, 139, 250),
+    // Purple
+    duration: rgb(203, 213, 225),
+    // Light gray
+    accent: rgb(37, 99, 235)
+    // Royal blue
+  })
+};
+
+// src/ui/theme/themes/rose-pine-theme.ts
+var ROSE_PINE_THEME = {
+  name: "rose-pine",
+  description: "Rose/violet themed",
+  colors: createThemeColors({
+    branch: rgb(156, 207, 216),
+    // Pine cyan
+    changes: rgb(235, 188, 186),
+    // Rose
+    contextLow: rgb(156, 207, 216),
+    // Pine cyan
+    contextMedium: rgb(233, 201, 176),
+    // Pine beige
+    contextHigh: rgb(235, 111, 146),
+    // Pine red
+    linesAdded: rgb(156, 207, 216),
+    // Pine cyan
+    linesRemoved: rgb(235, 111, 146),
+    // Pine red
+    cost: rgb(226, 185, 218),
+    // Pine pink
+    model: rgb(224, 208, 245),
+    // Pine violet
+    duration: rgb(148, 137, 176),
+    // Pine mute
+    accent: rgb(235, 111, 146)
+    // Pine red
+  })
+};
+
+// src/ui/theme/themes/semantic-classic-theme.ts
+var SEMANTIC_CLASSIC_THEME = {
+  name: "semantic-classic",
+  description: "Industry-standard semantic colors for maximum clarity",
+  colors: createThemeColors({
+    branch: rgb(59, 130, 246),
+    // Blue
+    changes: rgb(107, 114, 128),
+    // Gray
+    contextLow: rgb(34, 197, 94),
+    // Green
+    contextMedium: rgb(234, 179, 8),
+    // Yellow
+    contextHigh: rgb(239, 68, 68),
+    // Red
+    linesAdded: rgb(34, 197, 94),
+    // Green
+    linesRemoved: rgb(239, 68, 68),
+    // Red
+    cost: rgb(249, 115, 22),
+    // Orange
+    model: rgb(99, 102, 241),
+    // Indigo
+    duration: rgb(107, 114, 128),
+    // Gray
+    accent: rgb(59, 130, 246)
+    // Blue
+  })
+};
+
+// src/ui/theme/themes/slate-blue-theme.ts
+var SLATE_BLUE_THEME = {
+  name: "slate-blue",
+  description: "Calm blue-grays with gentle ocean tones",
+  colors: createThemeColors({
+    branch: rgb(100, 116, 139),
+    // Cool slate
+    changes: rgb(148, 163, 184),
+    // Neutral slate
+    contextLow: rgb(148, 163, 184),
+    // Subtle slate-blue (low)
+    contextMedium: rgb(160, 174, 192),
+    // Medium slate
+    contextHigh: rgb(175, 188, 201),
+    // Light slate (high)
+    linesAdded: rgb(148, 163, 184),
+    linesRemoved: rgb(148, 163, 184),
+    cost: rgb(156, 163, 175),
+    model: rgb(148, 163, 184),
+    duration: rgb(100, 116, 139),
+    accent: rgb(100, 116, 139)
+  })
+};
+
+// src/ui/theme/themes/solarized-dark-theme.ts
+var SOLARIZED_DARK_THEME = {
+  name: "solarized-dark",
+  description: "Precise CIELAB lightness",
+  colors: createThemeColors({
+    branch: rgb(38, 139, 210),
+    // Blue
+    changes: rgb(133, 153, 0),
+    // Olive
+    contextLow: rgb(133, 153, 0),
+    // Olive
+    contextMedium: rgb(181, 137, 0),
+    // Yellow
+    contextHigh: rgb(220, 50, 47),
+    // Red
+    linesAdded: rgb(133, 153, 0),
+    // Olive
+    linesRemoved: rgb(220, 50, 47),
+    // Red
+    cost: rgb(203, 75, 22),
+    // Orange
+    model: rgb(131, 148, 150),
+    // Base0
+    duration: rgb(88, 110, 117),
+    // Base01
+    accent: rgb(38, 139, 210)
+    // Blue
+  })
+};
+
+// src/ui/theme/themes/tokyo-night-theme.ts
+var TOKYO_NIGHT_THEME = {
+  name: "tokyo-night",
+  description: "Clean, dark Tokyo-inspired",
+  colors: createThemeColors({
+    branch: rgb(122, 132, 173),
+    // Blue
+    changes: rgb(122, 162, 247),
+    // Dark blue
+    contextLow: rgb(146, 180, 203),
+    // Cyan
+    contextMedium: rgb(232, 166, 162),
+    // Pink-red
+    contextHigh: rgb(249, 86, 119),
+    // Red
+    linesAdded: rgb(146, 180, 203),
+    // Cyan
+    linesRemoved: rgb(249, 86, 119),
+    // Red
+    cost: rgb(158, 206, 209),
+    // Teal
+    model: rgb(169, 177, 214),
+    // White-ish
+    duration: rgb(113, 119, 161),
+    // Dark blue-gray
+    accent: rgb(122, 132, 173)
+    // Blue
+  })
+};
+
+// src/ui/theme/themes/vscode-dark-plus-theme.ts
+var VSCODE_DARK_PLUS_THEME = {
+  name: "vscode-dark-plus",
+  description: "Visual Studio Code's default dark theme (claude-scope default)",
+  colors: createThemeColors({
+    branch: rgb(0, 122, 204),
+    // VSCode blue
+    changes: rgb(78, 201, 176),
+    // Teal
+    contextLow: rgb(78, 201, 176),
+    // Teal
+    contextMedium: rgb(220, 220, 170),
+    // Yellow
+    contextHigh: rgb(244, 71, 71),
+    // Red
+    linesAdded: rgb(78, 201, 176),
+    // Teal
+    linesRemoved: rgb(244, 71, 71),
+    // Red
+    cost: rgb(206, 145, 120),
+    // Orange
+    model: rgb(171, 178, 191),
+    // Gray
+    duration: rgb(125, 148, 173),
+    // Dark gray
+    accent: rgb(0, 122, 204)
+    // VSCode blue
+  })
+};
+
+// src/ui/theme/index.ts
+var DEFAULT_THEME = VSCODE_DARK_PLUS_THEME.colors;
+
 // src/ui/utils/style-utils.ts
 function withLabel(prefix, value) {
   if (prefix === "") return value;
@@ -292,75 +855,89 @@ function progressBar(percent, width = 10) {
 
 // src/widgets/git/styles.ts
 var gitStyles = {
-  minimal: (data) => {
-    return data.branch;
+  minimal: (data, colors) => {
+    if (!colors) return data.branch;
+    return colorize(data.branch, colors.branch);
   },
-  balanced: (data) => {
+  balanced: (data, colors) => {
     if (data.changes && data.changes.files > 0) {
       const parts = [];
       if (data.changes.insertions > 0) parts.push(`+${data.changes.insertions}`);
       if (data.changes.deletions > 0) parts.push(`-${data.changes.deletions}`);
       if (parts.length > 0) {
-        return `${data.branch} [${parts.join(" ")}]`;
+        const branch = colors ? colorize(data.branch, colors.branch) : data.branch;
+        const changes = colors ? colorize(`[${parts.join(" ")}]`, colors.changes) : `[${parts.join(" ")}]`;
+        return `${branch} ${changes}`;
       }
     }
-    return data.branch;
+    return colors ? colorize(data.branch, colors.branch) : data.branch;
   },
-  compact: (data) => {
+  compact: (data, colors) => {
     if (data.changes && data.changes.files > 0) {
       const parts = [];
       if (data.changes.insertions > 0) parts.push(`+${data.changes.insertions}`);
       if (data.changes.deletions > 0) parts.push(`-${data.changes.deletions}`);
       if (parts.length > 0) {
-        return `${data.branch} ${parts.join("/")}`;
+        const branch = colors ? colorize(data.branch, colors.branch) : data.branch;
+        const changesStr = parts.join("/");
+        return `${branch} ${changesStr}`;
       }
     }
-    return data.branch;
+    return colors ? colorize(data.branch, colors.branch) : data.branch;
   },
-  playful: (data) => {
+  playful: (data, colors) => {
     if (data.changes && data.changes.files > 0) {
       const parts = [];
       if (data.changes.insertions > 0) parts.push(`\u2B06${data.changes.insertions}`);
       if (data.changes.deletions > 0) parts.push(`\u2B07${data.changes.deletions}`);
       if (parts.length > 0) {
-        return `\u{1F500} ${data.branch} ${parts.join(" ")}`;
+        const branch2 = colors ? colorize(data.branch, colors.branch) : data.branch;
+        return `\u{1F500} ${branch2} ${parts.join(" ")}`;
       }
     }
-    return `\u{1F500} ${data.branch}`;
+    const branch = colors ? colorize(data.branch, colors.branch) : data.branch;
+    return `\u{1F500} ${branch}`;
   },
-  verbose: (data) => {
+  verbose: (data, colors) => {
     if (data.changes && data.changes.files > 0) {
       const parts = [];
       if (data.changes.insertions > 0) parts.push(`+${data.changes.insertions} insertions`);
       if (data.changes.deletions > 0) parts.push(`-${data.changes.deletions} deletions`);
       if (parts.length > 0) {
-        return `branch: ${data.branch} [${parts.join(", ")}]`;
+        const branch2 = colors ? colorize(data.branch, colors.branch) : data.branch;
+        const changes = colors ? colorize(`[${parts.join(", ")}]`, colors.changes) : `[${parts.join(", ")}]`;
+        return `branch: ${branch2} ${changes}`;
       }
     }
-    return `branch: ${data.branch} (HEAD)`;
+    const branch = colors ? colorize(data.branch, colors.branch) : data.branch;
+    return `branch: ${branch} (HEAD)`;
   },
-  labeled: (data) => {
+  labeled: (data, colors) => {
     if (data.changes && data.changes.files > 0) {
       const parts = [];
       if (data.changes.insertions > 0) parts.push(`+${data.changes.insertions}`);
       if (data.changes.deletions > 0) parts.push(`-${data.changes.deletions}`);
       if (parts.length > 0) {
+        const branch2 = colors ? colorize(data.branch, colors.branch) : data.branch;
         const changes = `${data.changes.files} files: ${parts.join("/")}`;
-        return `Git: ${data.branch} [${changes}]`;
+        return `Git: ${branch2} [${changes}]`;
       }
     }
-    return `Git: ${data.branch}`;
+    const branch = colors ? colorize(data.branch, colors.branch) : data.branch;
+    return `Git: ${branch}`;
   },
-  indicator: (data) => {
+  indicator: (data, colors) => {
     if (data.changes && data.changes.files > 0) {
       const parts = [];
       if (data.changes.insertions > 0) parts.push(`+${data.changes.insertions}`);
       if (data.changes.deletions > 0) parts.push(`-${data.changes.deletions}`);
       if (parts.length > 0) {
-        return `\u25CF ${data.branch} [${parts.join(" ")}]`;
+        const branch = colors ? colorize(data.branch, colors.branch) : data.branch;
+        const changes = colors ? colorize(`[${parts.join(" ")}]`, colors.changes) : `[${parts.join(" ")}]`;
+        return `\u25CF ${branch} ${changes}`;
       }
     }
-    return withIndicator(data.branch);
+    return withIndicator(colors ? colorize(data.branch, colors.branch) : data.branch);
   }
 };
 
@@ -379,14 +956,17 @@ var GitWidget = class {
   git = null;
   enabled = true;
   cwd = null;
+  colors;
   styleFn = gitStyles.balanced;
   /**
    * @param gitFactory - Optional factory function for creating IGit instances
    *                     If not provided, uses default createGit (production)
    *                     Tests can inject MockGit factory here
+   * @param colors - Optional theme colors
    */
-  constructor(gitFactory) {
+  constructor(gitFactory, colors) {
     this.gitFactory = gitFactory || createGit;
+    this.colors = colors ?? DEFAULT_THEME;
   }
   setStyle(style = "balanced") {
     const fn = gitStyles[style];
@@ -424,7 +1004,7 @@ var GitWidget = class {
       } catch {
       }
       const renderData = { branch, changes };
-      return this.styleFn(renderData);
+      return this.styleFn(renderData, this.colors.git);
     } catch {
       return null;
     }
@@ -444,25 +1024,37 @@ var GitWidget = class {
 
 // src/widgets/git-tag/styles.ts
 var gitTagStyles = {
-  balanced: (data) => {
-    return data.tag || "\u2014";
+  balanced: (data, colors) => {
+    const tag = data.tag || "\u2014";
+    if (!colors) return tag;
+    return colorize(tag, colors.branch);
   },
-  compact: (data) => {
+  compact: (data, colors) => {
     if (!data.tag) return "\u2014";
-    return data.tag.replace(/^v/, "");
+    const tag = data.tag.replace(/^v/, "");
+    if (!colors) return tag;
+    return colorize(tag, colors.branch);
   },
-  playful: (data) => {
-    return `\u{1F3F7}\uFE0F ${data.tag || "\u2014"}`;
+  playful: (data, colors) => {
+    const tag = data.tag || "\u2014";
+    if (!colors) return `\u{1F3F7}\uFE0F ${tag}`;
+    return `\u{1F3F7}\uFE0F ${colorize(tag, colors.branch)}`;
   },
-  verbose: (data) => {
+  verbose: (data, colors) => {
     if (!data.tag) return "version: none";
-    return `version ${data.tag}`;
+    const tag = `version ${data.tag}`;
+    if (!colors) return tag;
+    return `version ${colorize(data.tag, colors.branch)}`;
   },
-  labeled: (data) => {
-    return withLabel("Tag", data.tag || "none");
+  labeled: (data, colors) => {
+    const tag = data.tag || "none";
+    if (!colors) return withLabel("Tag", tag);
+    return withLabel("Tag", colorize(tag, colors.branch));
   },
-  indicator: (data) => {
-    return withIndicator(data.tag || "\u2014");
+  indicator: (data, colors) => {
+    const tag = data.tag || "\u2014";
+    if (!colors) return withIndicator(tag);
+    return withIndicator(colorize(tag, colors.branch));
   }
 };
 
@@ -481,14 +1073,17 @@ var GitTagWidget = class {
   git = null;
   enabled = true;
   cwd = null;
+  colors;
   styleFn = gitTagStyles.balanced;
   /**
    * @param gitFactory - Optional factory function for creating IGit instances
    *                     If not provided, uses default createGit (production)
    *                     Tests can inject MockGit factory here
+   * @param colors - Optional theme colors
    */
-  constructor(gitFactory) {
+  constructor(gitFactory, colors) {
     this.gitFactory = gitFactory || createGit;
+    this.colors = colors ?? DEFAULT_THEME;
   }
   setStyle(style = "balanced") {
     const fn = gitTagStyles[style];
@@ -506,7 +1101,7 @@ var GitTagWidget = class {
     try {
       const latestTag = await (this.git.latestTag?.() ?? Promise.resolve(null));
       const renderData = { tag: latestTag };
-      return this.styleFn(renderData);
+      return this.styleFn(renderData, this.colors.git);
     } catch {
       return null;
     }
@@ -524,34 +1119,6 @@ var GitTagWidget = class {
   }
 };
 
-// src/widgets/model/styles.ts
-function getShortName(displayName) {
-  return displayName.replace(/^Claude\s+/, "");
-}
-var modelStyles = {
-  balanced: (data) => {
-    return data.displayName;
-  },
-  compact: (data) => {
-    return getShortName(data.displayName);
-  },
-  playful: (data) => {
-    return `\u{1F916} ${getShortName(data.displayName)}`;
-  },
-  technical: (data) => {
-    return data.id;
-  },
-  symbolic: (data) => {
-    return `\u25C6 ${getShortName(data.displayName)}`;
-  },
-  labeled: (data) => {
-    return withLabel("Model", getShortName(data.displayName));
-  },
-  indicator: (data) => {
-    return withIndicator(getShortName(data.displayName));
-  }
-};
-
 // src/widgets/core/stdin-data-widget.ts
 var StdinDataWidget = class {
   /**
@@ -610,6 +1177,50 @@ var StdinDataWidget = class {
   }
 };
 
+// src/widgets/model/styles.ts
+function getShortName(displayName) {
+  return displayName.replace(/^Claude\s+/, "");
+}
+var modelStyles = {
+  balanced: (data, colors) => {
+    if (!colors) return data.displayName;
+    return colorize(data.displayName, colors.name);
+  },
+  compact: (data, colors) => {
+    const shortName = getShortName(data.displayName);
+    if (!colors) return shortName;
+    return colorize(shortName, colors.name);
+  },
+  playful: (data, colors) => {
+    const shortName = getShortName(data.displayName);
+    if (!colors) return `\u{1F916} ${shortName}`;
+    return `\u{1F916} ${colorize(shortName, colors.name)}`;
+  },
+  technical: (data, colors) => {
+    if (!colors) return data.id;
+    const match = data.id.match(/^(.+?)-(\d[\d.]*)$/);
+    if (match) {
+      return colorize(match[1], colors.name) + colorize(`-${match[2]}`, colors.version);
+    }
+    return colorize(data.id, colors.name);
+  },
+  symbolic: (data, colors) => {
+    const shortName = getShortName(data.displayName);
+    if (!colors) return `\u25C6 ${shortName}`;
+    return `\u25C6 ${colorize(shortName, colors.name)}`;
+  },
+  labeled: (data, colors) => {
+    const shortName = getShortName(data.displayName);
+    if (!colors) return withLabel("Model", shortName);
+    return withLabel("Model", colorize(shortName, colors.name));
+  },
+  indicator: (data, colors) => {
+    const shortName = getShortName(data.displayName);
+    if (!colors) return withIndicator(shortName);
+    return withIndicator(colorize(shortName, colors.name));
+  }
+};
+
 // src/widgets/model-widget.ts
 var ModelWidget = class extends StdinDataWidget {
   id = "model";
@@ -621,7 +1232,12 @@ var ModelWidget = class extends StdinDataWidget {
     0
     // First line
   );
+  colors;
   styleFn = modelStyles.balanced;
+  constructor(colors) {
+    super();
+    this.colors = colors ?? DEFAULT_THEME;
+  }
   setStyle(style = "balanced") {
     const fn = modelStyles[style];
     if (fn) {
@@ -633,87 +1249,64 @@ var ModelWidget = class extends StdinDataWidget {
       displayName: data.model.display_name,
       id: data.model.id
     };
-    return this.styleFn(renderData);
-  }
-};
-
-// src/ui/utils/colors.ts
-var reset = "\x1B[0m";
-var red = "\x1B[31m";
-var gray = "\x1B[90m";
-var lightGray = "\x1B[37m";
-var bold = "\x1B[1m";
-
-// src/ui/theme/default-theme.ts
-var DEFAULT_THEME = {
-  context: {
-    low: gray,
-    medium: gray,
-    high: gray
-  },
-  lines: {
-    added: gray,
-    removed: gray
+    return this.styleFn(renderData, this.colors.model);
   }
 };
 
-// src/ui/utils/formatters.ts
-function formatDuration(ms) {
-  if (ms <= 0) return "0s";
-  const seconds = Math.floor(ms / TIME.MS_PER_SECOND);
-  const hours = Math.floor(seconds / TIME.SECONDS_PER_HOUR);
-  const minutes = Math.floor(seconds % TIME.SECONDS_PER_HOUR / TIME.SECONDS_PER_MINUTE);
-  const secs = seconds % TIME.SECONDS_PER_MINUTE;
-  const parts = [];
-  if (hours > 0) {
-    parts.push(`${hours}h`);
-    parts.push(`${minutes}m`);
-    parts.push(`${secs}s`);
-  } else if (minutes > 0) {
-    parts.push(`${minutes}m`);
-    parts.push(`${secs}s`);
+// src/widgets/context/styles.ts
+function getContextColor(percent, colors) {
+  const clampedPercent = Math.max(0, Math.min(100, percent));
+  if (clampedPercent < 50) {
+    return colors.low;
+  } else if (clampedPercent < 80) {
+    return colors.medium;
   } else {
-    parts.push(`${secs}s`);
+    return colors.high;
   }
-  return parts.join(" ");
-}
-function formatCostUSD(usd) {
-  return `$${usd.toFixed(2)}`;
 }
-function colorize(text, color) {
-  return `${color}${text}${ANSI_COLORS.RESET}`;
-}
-
-// src/widgets/context/styles.ts
 var contextStyles = {
-  balanced: (data) => {
+  balanced: (data, colors) => {
     const bar = progressBar(data.percent, 10);
-    return `[${bar}] ${data.percent}%`;
+    const output = `[${bar}] ${data.percent}%`;
+    if (!colors) return output;
+    return colorize(output, getContextColor(data.percent, colors));
   },
-  compact: (data) => {
-    return `${data.percent}%`;
+  compact: (data, colors) => {
+    const output = `${data.percent}%`;
+    if (!colors) return output;
+    return colorize(output, getContextColor(data.percent, colors));
   },
-  playful: (data) => {
+  playful: (data, colors) => {
     const bar = progressBar(data.percent, 10);
-    return `\u{1F9E0} [${bar}] ${data.percent}%`;
+    const output = `\u{1F9E0} [${bar}] ${data.percent}%`;
+    if (!colors) return output;
+    return `\u{1F9E0} ` + colorize(`[${bar}] ${data.percent}%`, getContextColor(data.percent, colors));
   },
-  verbose: (data) => {
+  verbose: (data, colors) => {
     const usedFormatted = data.used.toLocaleString();
     const maxFormatted = data.contextWindowSize.toLocaleString();
-    return `${usedFormatted} / ${maxFormatted} tokens (${data.percent}%)`;
+    const output = `${usedFormatted} / ${maxFormatted} tokens (${data.percent}%)`;
+    if (!colors) return output;
+    return colorize(output, getContextColor(data.percent, colors));
   },
-  symbolic: (data) => {
+  symbolic: (data, colors) => {
     const filled = Math.round(data.percent / 100 * 5);
     const empty = 5 - filled;
-    return `${"\u25AE".repeat(filled)}${"\u25AF".repeat(empty)} ${data.percent}%`;
+    const output = `${"\u25AE".repeat(filled)}${"\u25AF".repeat(empty)} ${data.percent}%`;
+    if (!colors) return output;
+    return colorize(output, getContextColor(data.percent, colors));
   },
-  "compact-verbose": (data) => {
+  "compact-verbose": (data, colors) => {
     const usedK = data.used >= 1e3 ? `${Math.floor(data.used / 1e3)}K` : data.used.toString();
     const maxK = data.contextWindowSize >= 1e3 ? `${Math.floor(data.contextWindowSize / 1e3)}K` : data.contextWindowSize.toString();
-    return `${data.percent}% (${usedK}/${maxK})`;
+    const output = `${data.percent}% (${usedK}/${maxK})`;
+    if (!colors) return output;
+    return colorize(output, getContextColor(data.percent, colors));
   },
-  indicator: (data) => {
-    return `\u25CF ${data.percent}%`;
+  indicator: (data, colors) => {
+    const output = `\u25CF ${data.percent}%`;
+    if (!colors) return output;
+    return colorize(output, getContextColor(data.percent, colors));
   }
 };
 
@@ -732,7 +1325,7 @@ var ContextWidget = class extends StdinDataWidget {
   styleFn = contextStyles.balanced;
   constructor(colors) {
     super();
-    this.colors = colors ?? DEFAULT_THEME.context;
+    this.colors = colors ?? DEFAULT_THEME;
   }
   setStyle(style = "balanced") {
     const fn = contextStyles[style];
@@ -750,38 +1343,68 @@ var ContextWidget = class extends StdinDataWidget {
       contextWindowSize: context_window_size,
       percent
     };
-    const output = this.styleFn(renderData);
-    const color = this.getContextColor(percent);
-    return colorize(output, color);
-  }
-  getContextColor(percent) {
-    const clampedPercent = Math.max(0, Math.min(100, percent));
-    if (clampedPercent < 50) {
-      return this.colors.low;
-    } else if (clampedPercent < 80) {
-      return this.colors.medium;
-    } else {
-      return this.colors.high;
-    }
+    return this.styleFn(renderData, this.colors.context);
   }
 };
 
+// src/ui/utils/formatters.ts
+function formatDuration(ms) {
+  if (ms <= 0) return "0s";
+  const seconds = Math.floor(ms / TIME.MS_PER_SECOND);
+  const hours = Math.floor(seconds / TIME.SECONDS_PER_HOUR);
+  const minutes = Math.floor(seconds % TIME.SECONDS_PER_HOUR / TIME.SECONDS_PER_MINUTE);
+  const secs = seconds % TIME.SECONDS_PER_MINUTE;
+  const parts = [];
+  if (hours > 0) {
+    parts.push(`${hours}h`);
+    parts.push(`${minutes}m`);
+    parts.push(`${secs}s`);
+  } else if (minutes > 0) {
+    parts.push(`${minutes}m`);
+    parts.push(`${secs}s`);
+  } else {
+    parts.push(`${secs}s`);
+  }
+  return parts.join(" ");
+}
+function formatCostUSD(usd) {
+  return `$${usd.toFixed(2)}`;
+}
+function colorize2(text, color) {
+  return `${color}${text}${ANSI_COLORS.RESET}`;
+}
+
 // src/widgets/cost/styles.ts
 var costStyles = {
-  balanced: (data) => {
-    return formatCostUSD(data.costUsd);
+  balanced: (data, colors) => {
+    const formatted = formatCostUSD(data.costUsd);
+    if (!colors) return formatted;
+    const amountStr = data.costUsd.toFixed(2);
+    return colorize("$", colors.currency) + colorize(amountStr, colors.amount);
   },
-  compact: (data) => {
-    return formatCostUSD(data.costUsd);
+  compact: (data, colors) => {
+    return costStyles.balanced(data, colors);
   },
-  playful: (data) => {
-    return `\u{1F4B0} ${formatCostUSD(data.costUsd)}`;
+  playful: (data, colors) => {
+    const formatted = formatCostUSD(data.costUsd);
+    if (!colors) return `\u{1F4B0} ${formatted}`;
+    const amountStr = data.costUsd.toFixed(2);
+    const colored = colorize("$", colors.currency) + colorize(amountStr, colors.amount);
+    return `\u{1F4B0} ${colored}`;
   },
-  labeled: (data) => {
-    return withLabel("Cost", formatCostUSD(data.costUsd));
+  labeled: (data, colors) => {
+    const formatted = formatCostUSD(data.costUsd);
+    if (!colors) return withLabel("Cost", formatted);
+    const amountStr = data.costUsd.toFixed(2);
+    const colored = colorize("$", colors.currency) + colorize(amountStr, colors.amount);
+    return withLabel("Cost", colored);
   },
-  indicator: (data) => {
-    return withIndicator(formatCostUSD(data.costUsd));
+  indicator: (data, colors) => {
+    const formatted = formatCostUSD(data.costUsd);
+    if (!colors) return withIndicator(formatted);
+    const amountStr = data.costUsd.toFixed(2);
+    const colored = colorize("$", colors.currency) + colorize(amountStr, colors.amount);
+    return withIndicator(colored);
   }
 };
 
@@ -796,7 +1419,12 @@ var CostWidget = class extends StdinDataWidget {
     0
     // First line
   );
+  colors;
   styleFn = costStyles.balanced;
+  constructor(colors) {
+    super();
+    this.colors = colors ?? DEFAULT_THEME;
+  }
   setStyle(style = "balanced") {
     const fn = costStyles[style];
     if (fn) {
@@ -808,52 +1436,55 @@ var CostWidget = class extends StdinDataWidget {
     const renderData = {
       costUsd: data.cost.total_cost_usd
     };
-    return this.styleFn(renderData);
+    return this.styleFn(renderData, this.colors.cost);
   }
 };
 
 // src/widgets/lines/styles.ts
-function createLinesStyles(colors) {
-  return {
-    balanced: (data) => {
-      const addedStr = colorize(`+${data.added}`, colors.added);
-      const removedStr = colorize(`-${data.removed}`, colors.removed);
-      return `${addedStr}/${removedStr}`;
-    },
-    compact: (data) => {
-      const addedStr = colorize(`+${data.added}`, colors.added);
-      const removedStr = colorize(`-${data.removed}`, colors.removed);
-      return `${addedStr}${removedStr}`;
-    },
-    playful: (data) => {
-      const addedStr = colorize(`\u2795${data.added}`, colors.added);
-      const removedStr = colorize(`\u2796${data.removed}`, colors.removed);
-      return `${addedStr} ${removedStr}`;
-    },
-    verbose: (data) => {
-      const parts = [];
-      if (data.added > 0) {
-        parts.push(colorize(`+${data.added} added`, colors.added));
-      }
-      if (data.removed > 0) {
-        parts.push(colorize(`-${data.removed} removed`, colors.removed));
-      }
-      return parts.join(", ");
-    },
-    labeled: (data) => {
-      const addedStr = colorize(`+${data.added}`, colors.added);
-      const removedStr = colorize(`-${data.removed}`, colors.removed);
-      const lines = `${addedStr}/${removedStr}`;
-      return withLabel("Lines", lines);
-    },
-    indicator: (data) => {
-      const addedStr = colorize(`+${data.added}`, colors.added);
-      const removedStr = colorize(`-${data.removed}`, colors.removed);
-      const lines = `${addedStr}/${removedStr}`;
-      return withIndicator(lines);
+var linesStyles = {
+  balanced: (data, colors) => {
+    if (!colors) return `+${data.added}/-${data.removed}`;
+    const addedStr = colorize(`+${data.added}`, colors.added);
+    const removedStr = colorize(`-${data.removed}`, colors.removed);
+    return `${addedStr}/${removedStr}`;
+  },
+  compact: (data, colors) => {
+    if (!colors) return `+${data.added}-${data.removed}`;
+    const addedStr = colorize(`+${data.added}`, colors.added);
+    const removedStr = colorize(`-${data.removed}`, colors.removed);
+    return `${addedStr}${removedStr}`;
+  },
+  playful: (data, colors) => {
+    if (!colors) return `\u2795${data.added} \u2796${data.removed}`;
+    const addedStr = colorize(`\u2795${data.added}`, colors.added);
+    const removedStr = colorize(`\u2796${data.removed}`, colors.removed);
+    return `${addedStr} ${removedStr}`;
+  },
+  verbose: (data, colors) => {
+    const parts = [];
+    if (data.added > 0) {
+      const text = `+${data.added} added`;
+      parts.push(colors ? colorize(text, colors.added) : text);
     }
-  };
-}
+    if (data.removed > 0) {
+      const text = `-${data.removed} removed`;
+      parts.push(colors ? colorize(text, colors.removed) : text);
+    }
+    return parts.join(", ");
+  },
+  labeled: (data, colors) => {
+    const addedStr = colors ? colorize(`+${data.added}`, colors.added) : `+${data.added}`;
+    const removedStr = colors ? colorize(`-${data.removed}`, colors.removed) : `-${data.removed}`;
+    const lines = `${addedStr}/${removedStr}`;
+    return withLabel("Lines", lines);
+  },
+  indicator: (data, colors) => {
+    const addedStr = colors ? colorize(`+${data.added}`, colors.added) : `+${data.added}`;
+    const removedStr = colors ? colorize(`-${data.removed}`, colors.removed) : `-${data.removed}`;
+    const lines = `${addedStr}/${removedStr}`;
+    return withIndicator(lines);
+  }
+};
 
 // src/widgets/lines-widget.ts
 var LinesWidget = class extends StdinDataWidget {
@@ -867,16 +1498,13 @@ var LinesWidget = class extends StdinDataWidget {
     // First line
   );
   colors;
-  linesStyles;
-  styleFn;
+  styleFn = linesStyles.balanced;
   constructor(colors) {
     super();
-    this.colors = colors ?? DEFAULT_THEME.lines;
-    this.linesStyles = createLinesStyles(this.colors);
-    this.styleFn = this.linesStyles.balanced;
+    this.colors = colors ?? DEFAULT_THEME;
   }
   setStyle(style = "balanced") {
-    const fn = this.linesStyles[style];
+    const fn = linesStyles[style];
     if (fn) {
       this.styleFn = fn;
     }
@@ -885,43 +1513,89 @@ var LinesWidget = class extends StdinDataWidget {
     const added = data.cost?.total_lines_added ?? 0;
     const removed = data.cost?.total_lines_removed ?? 0;
     const renderData = { added, removed };
-    return this.styleFn(renderData);
+    return this.styleFn(renderData, this.colors.lines);
   }
 };
 
 // src/widgets/duration/styles.ts
 var durationStyles = {
-  balanced: (data) => {
-    return formatDuration(data.durationMs);
+  balanced: (data, colors) => {
+    const formatted = formatDuration(data.durationMs);
+    if (!colors) return formatted;
+    return formatDurationWithColors(data.durationMs, colors);
   },
-  compact: (data) => {
+  compact: (data, colors) => {
     const totalSeconds = Math.floor(data.durationMs / 1e3);
     const hours = Math.floor(totalSeconds / 3600);
     const minutes = Math.floor(totalSeconds % 3600 / 60);
+    if (!colors) {
+      if (hours > 0) {
+        return `${hours}h${minutes}m`;
+      }
+      return `${minutes}m`;
+    }
     if (hours > 0) {
-      return `${hours}h${minutes}m`;
+      return colorize(`${hours}`, colors.value) + colorize("h", colors.unit) + colorize(`${minutes}`, colors.value) + colorize("m", colors.unit);
     }
-    return `${minutes}m`;
+    return colorize(`${minutes}`, colors.value) + colorize("m", colors.unit);
   },
-  playful: (data) => {
+  playful: (data, colors) => {
     const totalSeconds = Math.floor(data.durationMs / 1e3);
     const hours = Math.floor(totalSeconds / 3600);
     const minutes = Math.floor(totalSeconds % 3600 / 60);
+    if (!colors) {
+      if (hours > 0) {
+        return `\u231B ${hours}h ${minutes}m`;
+      }
+      return `\u231B ${minutes}m`;
+    }
     if (hours > 0) {
-      return `\u231B ${hours}h ${minutes}m`;
+      const colored = colorize(`${hours}`, colors.value) + colorize("h", colors.unit) + colorize(` ${minutes}`, colors.value) + colorize("m", colors.unit);
+      return `\u231B ${colored}`;
     }
-    return `\u231B ${minutes}m`;
+    return `\u231B ` + colorize(`${minutes}`, colors.value) + colorize("m", colors.unit);
   },
-  technical: (data) => {
-    return `${Math.floor(data.durationMs)}ms`;
+  technical: (data, colors) => {
+    const value = `${Math.floor(data.durationMs)}ms`;
+    if (!colors) return value;
+    return colorize(`${Math.floor(data.durationMs)}`, colors.value) + colorize("ms", colors.unit);
   },
-  labeled: (data) => {
-    return withLabel("Time", formatDuration(data.durationMs));
+  labeled: (data, colors) => {
+    const formatted = formatDuration(data.durationMs);
+    if (!colors) return withLabel("Time", formatted);
+    const colored = formatDurationWithColors(data.durationMs, colors);
+    return withLabel("Time", colored);
   },
-  indicator: (data) => {
-    return withIndicator(formatDuration(data.durationMs));
+  indicator: (data, colors) => {
+    const formatted = formatDuration(data.durationMs);
+    if (!colors) return withIndicator(formatted);
+    const colored = formatDurationWithColors(data.durationMs, colors);
+    return withIndicator(colored);
   }
 };
+function formatDurationWithColors(ms, colors) {
+  if (ms <= 0) return colorize("0s", colors.value);
+  const totalSeconds = Math.floor(ms / 1e3);
+  const hours = Math.floor(totalSeconds / 3600);
+  const minutes = Math.floor(totalSeconds % 3600 / 60);
+  const seconds = totalSeconds % 60;
+  const parts = [];
+  if (hours > 0) {
+    parts.push(
+      colorize(`${hours}`, colors.value) + colorize("h", colors.unit),
+      colorize(`${minutes}`, colors.value) + colorize("m", colors.unit),
+      colorize(`${seconds}`, colors.value) + colorize("s", colors.unit)
+    );
+  } else if (minutes > 0) {
+    parts.push(
+      colorize(`${minutes}`, colors.value) + colorize("m", colors.unit),
+      colorize(`${seconds}`, colors.value) + colorize("s", colors.unit)
+    );
+  } else {
+    parts.push(colorize(`${seconds}`, colors.value) + colorize("s", colors.unit));
+  }
+  return parts.join(" ");
+}
 
 // src/widgets/duration-widget.ts
 var DurationWidget = class extends StdinDataWidget {
@@ -934,7 +1608,12 @@ var DurationWidget = class extends StdinDataWidget {
     0
     // First line
   );
+  colors;
   styleFn = durationStyles.balanced;
+  constructor(colors) {
+    super();
+    this.colors = colors ?? DEFAULT_THEME;
+  }
   setStyle(style = "balanced") {
     const fn = durationStyles[style];
     if (fn) {
@@ -946,7 +1625,7 @@ var DurationWidget = class extends StdinDataWidget {
     const renderData = {
       durationMs: data.cost.total_duration_ms
     };
-    return this.styleFn(renderData);
+    return this.styleFn(renderData, this.colors.duration);
   }
 };
 
@@ -1663,13 +2342,13 @@ var HAND_ABBREVIATIONS = {
   "Straight Flush": "SF",
   "Four of a Kind": "4K",
   "Full House": "FH",
-  "Flush": "FL",
-  "Straight": "ST",
+  Flush: "FL",
+  Straight: "ST",
   "Three of a Kind": "3K",
   "Two Pair": "2P",
   "One Pair": "1P",
   "High Card": "HC",
-  "Nothing": "\u2014"
+  Nothing: "\u2014"
 };
 function formatCardByParticipation(cardData, isParticipating) {
   const color = isRedSuit(cardData.card.suit) ? red : gray;
@@ -1709,16 +2388,14 @@ function formatCardEmojiByParticipation(cardData, isParticipating) {
     return `${cardText} `;
   }
 }
-function formatHandResult(handResult) {
+function formatHandResult(handResult, colors) {
   if (!handResult) {
     return "\u2014";
   }
   const playerParticipates = handResult.participatingIndices.some((idx) => idx < 2);
-  if (!playerParticipates) {
-    return `Nothing \u{1F0CF}`;
-  } else {
-    return `${handResult.name}! ${handResult.emoji}`;
-  }
+  const resultText = !playerParticipates ? `Nothing \u{1F0CF}` : `${handResult.name}! ${handResult.emoji}`;
+  if (!colors) return resultText;
+  return colorize2(resultText, colors.result);
 }
 function getHandAbbreviation(handResult) {
   if (!handResult) {
@@ -1728,37 +2405,41 @@ function getHandAbbreviation(handResult) {
   return `${abbreviation} (${handResult.name})`;
 }
 var pokerStyles = {
-  balanced: (data) => {
+  balanced: (data, colors) => {
     const { holeCards, boardCards, handResult } = data;
     const participatingSet = new Set(handResult?.participatingIndices || []);
     const handStr = holeCards.map((hc, idx) => formatCardByParticipation(hc, participatingSet.has(idx))).join("");
     const boardStr = boardCards.map((bc, idx) => formatCardByParticipation(bc, participatingSet.has(idx + 2))).join("");
-    const handLabel = colorize("Hand:", lightGray);
-    const boardLabel = colorize("Board:", lightGray);
-    return `${handLabel} ${handStr}| ${boardLabel} ${boardStr}\u2192 ${formatHandResult(handResult)}`;
+    const labelColor = colors?.participating ?? lightGray;
+    const handLabel = colorize2("Hand:", labelColor);
+    const boardLabel = colorize2("Board:", labelColor);
+    return `${handLabel} ${handStr}| ${boardLabel} ${boardStr}\u2192 ${formatHandResult(handResult, colors)}`;
   },
-  compact: (data) => {
-    return pokerStyles.balanced(data);
+  compact: (data, colors) => {
+    return pokerStyles.balanced(data, colors);
   },
-  playful: (data) => {
-    return pokerStyles.balanced(data);
+  playful: (data, colors) => {
+    return pokerStyles.balanced(data, colors);
   },
-  "compact-verbose": (data) => {
+  "compact-verbose": (data, colors) => {
     const { holeCards, boardCards, handResult } = data;
     const participatingSet = new Set(handResult?.participatingIndices || []);
     const handStr = holeCards.map((hc, idx) => formatCardCompact(hc, participatingSet.has(idx))).join("");
     const boardStr = boardCards.map((bc, idx) => formatCardCompact(bc, participatingSet.has(idx + 2))).join("");
     const abbreviation = getHandAbbreviation(handResult);
-    return `${handStr}| ${boardStr}\u2192 ${abbreviation}`;
+    const result = `${handStr}| ${boardStr}\u2192 ${abbreviation}`;
+    if (!colors) return result;
+    return colorize2(result, colors.result);
   },
-  emoji: (data) => {
+  emoji: (data, colors) => {
     const { holeCards, boardCards, handResult } = data;
     const participatingSet = new Set(handResult?.participatingIndices || []);
     const handStr = holeCards.map((hc, idx) => formatCardEmojiByParticipation(hc, participatingSet.has(idx))).join("");
     const boardStr = boardCards.map((bc, idx) => formatCardEmojiByParticipation(bc, participatingSet.has(idx + 2))).join("");
-    const handLabel = colorize("Hand:", lightGray);
-    const boardLabel = colorize("Board:", lightGray);
-    return `${handLabel} ${handStr}| ${boardLabel} ${boardStr}\u2192 ${formatHandResult(handResult)}`;
+    const labelColor = colors?.participating ?? lightGray;
+    const handLabel = colorize2("Hand:", labelColor);
+    const boardLabel = colorize2("Board:", labelColor);
+    return `${handLabel} ${handStr}| ${boardLabel} ${boardStr}\u2192 ${formatHandResult(handResult, colors)}`;
   }
 };
 
@@ -1779,6 +2460,7 @@ var PokerWidget = class extends StdinDataWidget {
   lastUpdateTimestamp = 0;
   THROTTLE_MS = 5e3;
   // 5 seconds
+  colors;
   styleFn = pokerStyles.balanced;
   setStyle(style = DEFAULT_WIDGET_STYLE) {
     const fn = pokerStyles[style];
@@ -1786,6 +2468,10 @@ var PokerWidget = class extends StdinDataWidget {
       this.styleFn = fn;
     }
   }
+  constructor(colors) {
+    super();
+    this.colors = colors ?? DEFAULT_THEME;
+  }
   /**
    * Generate new poker hand on each update
    */
@@ -1847,14 +2533,14 @@ var PokerWidget = class extends StdinDataWidget {
       boardCards: boardCardsData,
       handResult
     };
-    return this.styleFn(renderData);
+    return this.styleFn(renderData, this.colors.poker);
   }
   getHandName(text) {
     const match = text.match(/^([^!]+)/);
     return match ? match[1].trim() : "Nothing";
   }
   getHandEmoji(text) {
-    const match = text.match(/([🃏♠️♥️♦️♣️🎉✨🌟])/);
+    const match = text.match(/([🃏♠️♥️♦️♣️🎉✨🌟])/u);
     return match ? match[1] : "\u{1F0CF}";
   }
 };