@bastani/atomic 0.6.6 → 0.6.7

package/src/services/system/install-ui.ts

@@ -22,7 +22,7 @@
  * library, just what auto-sync needs to stop being visually noisy.
  */
 
-import { COLORS } from "../../theme/colors.ts";
+import { COLORS, PALETTE, paletteRgb, type PaletteKey } from "../../theme/colors.ts";
 import {
   supportsTrueColor,
   supports256Color,
@@ -34,9 +34,9 @@ const BAR_EMPTY = "･";
 
 /**
  * Semantic bar states mapped to Catppuccin Mocha colors:
- *   progress → Yellow #f9e2af (warm accent; "in flight")
- *   success  → Green  #a6e3a1 (universal "completed")
- *   error    → Red    #f38ba8 (universal "failed")
+ *   progress → Yellow (warm accent; "in flight")
+ *   success  → Green  (universal "completed")
+ *   error    → Red    (universal "failed")
  *
  * The empty track stays dim regardless — only the filled portion carries
  * the status signal, which keeps the bar legible while still telegraphing
@@ -44,17 +44,16 @@ const BAR_EMPTY = "･";
  */
 type BarState = "progress" | "success" | "error";
 
+const BAR_STATE_PALETTE: Record<BarState, PaletteKey> = {
+  progress: "warning",
+  success: "success",
+  error: "error",
+};
+
 function fillColor(state: BarState): string {
   if (supportsTrueColor()) {
-    switch (state) {
-      case "success":
-        return "\x1b[38;2;166;227;161m"; // Catppuccin Green  #a6e3a1
-      case "error":
-        return "\x1b[38;2;243;139;168m"; // Catppuccin Red    #f38ba8
-      case "progress":
-      default:
-        return "\x1b[38;2;249;226;175m"; // Catppuccin Yellow #f9e2af
-    }
+    const [r, g, b] = PALETTE[BAR_STATE_PALETTE[state]];
+    return `\x1b[38;2;${r};${g};${b}m`;
   }
   if (supports256Color()) {
     switch (state) {
@@ -78,7 +77,7 @@ function fillColor(state: BarState): string {
   }
 }
 
-type RGB = [number, number, number];
+type RGB = readonly [number, number, number];
 
 /**
  * Gradient endpoints for the filled bar segment. Each state interpolates
@@ -88,12 +87,12 @@ type RGB = [number, number, number];
 function gradientEndpoints(state: BarState): { start: RGB; end: RGB } {
   switch (state) {
     case "success":
-      return { start: [126, 201, 138], end: [166, 227, 161] };
+      return { start: paletteRgb("teal"), end: paletteRgb("green") };
     case "error":
-      return { start: [224, 108, 136], end: [243, 139, 168] };
+      return { start: paletteRgb("maroon"), end: paletteRgb("red") };
     case "progress":
     default:
-      return { start: [242, 196, 120], end: [249, 226, 175] };
+      return { start: paletteRgb("peach"), end: paletteRgb("yellow") };
   }
 }
 

package/src/theme/colors.ts

@@ -1,4 +1,5 @@
 import { supportsColor, supportsTrueColor } from "../services/system/detect.ts";
+import { flavors, type ColorName } from "@catppuccin/palette";
 
 /**
  * ANSI color and formatting codes for CLI output
@@ -31,20 +32,24 @@ export const COLORS = supportsColor() ? ANSI_CODES : NO_COLORS;
 //
 // Truecolor terminals get the full palette via 24-bit ANSI SGR; legacy
 // terminals degrade to basic ANSI; NO_COLOR emits plain text.
-// Hex values mirror .impeccable.md and src/sdk/runtime/theme.ts.
 // ---------------------------------------------------------------------------
 
 export type PaletteKey = "text" | "dim" | "accent" | "success" | "error" | "warning" | "mauve" | "info";
 
+export function paletteRgb(name: ColorName): readonly [number, number, number] {
+  const { r, g, b } = flavors.mocha.colors[name].rgb;
+  return [r, g, b];
+}
+
 export const PALETTE: Record<PaletteKey, readonly [number, number, number]> = {
-  text:    [205, 214, 244], // #cdd6f4
-  dim:     [127, 132, 156], // #7f849c (Overlay1)
-  accent:  [137, 180, 250], // #89b4fa (Blue)
-  success: [166, 227, 161], // #a6e3a1 (Green)
-  error:   [243, 139, 168], // #f38ba8 (Red)
-  warning: [249, 226, 175], // #f9e2af (Yellow)
-  mauve:   [203, 166, 247], // #cba6f7 (Mauve)
-  info:    [137, 220, 235], // #89dceb (Sky)
+  text:    paletteRgb("text"),
+  dim:     paletteRgb("overlay1"),
+  accent:  paletteRgb("blue"),
+  success: paletteRgb("green"),
+  error:   paletteRgb("red"),
+  warning: paletteRgb("yellow"),
+  mauve:   paletteRgb("mauve"),
+  info:    paletteRgb("sky"),
 };
 
 export interface PaintOptions {

package/src/theme/logo.ts

@@ -9,6 +9,7 @@ import {
   supports256Color,
   supportsColor,
 } from "../services/system/detect.ts";
+import { flavors, type CatppuccinFlavor, type ColorName } from "@catppuccin/palette";
 
 export const ATOMIC_BLOCK_LOGO = [
   "█▀▀█ ▀▀█▀▀ █▀▀█ █▀▄▀█ ▀█▀ █▀▀",
@@ -16,17 +17,27 @@ export const ATOMIC_BLOCK_LOGO = [
   "▀  ▀   ▀   ▀▀▀▀ ▀   ▀ ▀▀▀ ▀▀▀",
 ];
 
-/** Catppuccin-inspired gradient (dark terminal). */
-export const GRADIENT_DARK = [
-  "#f5e0dc", "#f2cdcd", "#f5c2e7", "#cba6f7",
-  "#b4befe", "#89b4fa", "#74c7ec", "#89dceb", "#94e2d5",
-];
+const GRADIENT_COLOR_NAMES = [
+  "rosewater",
+  "flamingo",
+  "pink",
+  "mauve",
+  "lavender",
+  "blue",
+  "sapphire",
+  "sky",
+  "teal",
+] as const satisfies readonly ColorName[];
 
-/** Catppuccin-inspired gradient (light terminal). */
-export const GRADIENT_LIGHT = [
-  "#dc8a78", "#dd7878", "#ea76cb", "#8839ef",
-  "#7287fd", "#1e66f5", "#209fb5", "#04a5e5", "#179299",
-];
+function gradientFromFlavor(flavor: CatppuccinFlavor): string[] {
+  return GRADIENT_COLOR_NAMES.map((name) => flavor.colors[name].hex);
+}
+
+/** Catppuccin gradient (dark terminal). */
+export const GRADIENT_DARK = gradientFromFlavor(flavors.mocha);
+
+/** Catppuccin gradient (light terminal). */
+export const GRADIENT_LIGHT = gradientFromFlavor(flavors.latte);
 
 /** 256-color approximation of the gradient. */
 export const GRADIENT_256 = [224, 218, 219, 183, 147, 111, 117, 159, 115];
@@ -40,7 +51,7 @@ function hexToRgb(hex: string): [number, number, number] {
   ];
 }
 
-function interpolateHex(gradient: string[], t: number): [number, number, number] {
+function interpolateHex(gradient: readonly string[], t: number): [number, number, number] {
   const pos = Math.max(0, Math.min(1, t)) * (gradient.length - 1);
   const lo = Math.floor(pos);
   const hi = Math.min(lo + 1, gradient.length - 1);
@@ -60,7 +71,7 @@ function interpolate256(gradient: number[], t: number): number {
   return gradient[lo]!;
 }
 
-export function colorizeLineTrueColor(line: string, gradient: string[]): string {
+export function colorizeLineTrueColor(line: string, gradient: readonly string[]): string {
   let out = "";
   const len = line.length;
   for (let i = 0; i < len; i++) {