PRESETS: {
    Charcoal: {
        dark: {
            accent: "#e8912d";
            bg: "#1c1c1c";
            border: "#333333";
            danger: "#e57373";
            muted: "#888888";
            panel: "#252525";
            success: "#6abf69";
            text: "#d4d4d4";
        };
        light: {
            accent: "#d4811f";
            bg: "#f6f6f6";
            border: "#dedede";
            danger: "#cc5252";
            muted: "#666666";
            panel: "#ffffff";
            success: "#57a85a";
            text: "#1c1c1c";
        };
    };
    Cupertino: {
        dark: {
            accent: "#0a84ff";
            bg: "#1c1c1e";
            border: "rgba(58,58,60,0.9)";
            danger: "#ff3b30";
            muted: "#8e8e93";
            panel: "rgba(44,44,46,0.80)";
            success: "#34c759";
            text: "#ffffff";
        };
        light: {
            accent: "#007aff";
            bg: "#eef1f6";
            border: "rgba(209,209,214,0.6)";
            danger: "#ff3b30";
            muted: "#8e8e93";
            panel: "rgba(255,255,255,0.72)";
            success: "#34c759";
            text: "#1c1c1e";
        };
    };
    Ember: {
        dark: {
            accent: "#e8912d";
            bg: "#1a1009";
            border: "#3d2b18";
            danger: "#ef5350";
            muted: "#a0897a";
            panel: "#261a0e";
            success: "#a5d6a7";
            text: "#ddd0c4";
        };
        light: {
            accent: "#cc7a1e";
            bg: "#fdf5ee";
            border: "#eed8be";
            danger: "#d94040";
            muted: "#8a6a50";
            panel: "#ffffff";
            success: "#7ab87c";
            text: "#2a1a09";
        };
    };
    Forest: {
        dark: {
            accent: "#4caf88";
            bg: "#0d1b12";
            border: "#243d2c";
            danger: "#ef9a9a";
            muted: "#6b8f72";
            panel: "#162318";
            success: "#81c784";
            text: "#c8d8cc";
        };
        light: {
            accent: "#3a9a72";
            bg: "#f0f5f2";
            border: "#c4d9cc";
            danger: "#e06060";
            muted: "#527a5a";
            panel: "#ffffff";
            success: "#5aad5c";
            text: "#0d1b12";
        };
    };
    Navy: {
        dark: {
            accent: "#5b8dee";
            bg: "#0f0f1a";
            border: "#2e2e50";
            danger: "#e05c6c";
            muted: "#7777aa";
            panel: "#1a1a2e";
            success: "#4caf88";
            text: "#ccccdd";
        };
        light: {
            accent: "#4a7de0";
            bg: "#f0f4ff";
            border: "#c8d4f0";
            danger: "#d64e5d";
            muted: "#6677aa";
            panel: "#ffffff";
            success: "#3d9e76";
            text: "#1a1a3e";
        };
    };
    Slate: {
        dark: {
            accent: "#748ffc";
            bg: "#1a1b1e";
            border: "#373a40";
            danger: "#ff6b6b";
            muted: "#868e96";
            panel: "#25262b";
            success: "#51cf66";
            text: "#c1c2c5";
        };
        light: {
            accent: "#5a7cf8";
            bg: "#f5f5f7";
            border: "#e0e1e5";
            danger: "#fa5252";
            muted: "#6b7280";
            panel: "#ffffff";
            success: "#40c057";
            text: "#1a1b1e";
        };
    };
} = ...

Type declaration

  • ReadonlyCharcoal: {
        dark: {
            accent: "#e8912d";
            bg: "#1c1c1c";
            border: "#333333";
            danger: "#e57373";
            muted: "#888888";
            panel: "#252525";
            success: "#6abf69";
            text: "#d4d4d4";
        };
        light: {
            accent: "#d4811f";
            bg: "#f6f6f6";
            border: "#dedede";
            danger: "#cc5252";
            muted: "#666666";
            panel: "#ffffff";
            success: "#57a85a";
            text: "#1c1c1c";
        };
    }
  • ReadonlyCupertino: {
        dark: {
            accent: "#0a84ff";
            bg: "#1c1c1e";
            border: "rgba(58,58,60,0.9)";
            danger: "#ff3b30";
            muted: "#8e8e93";
            panel: "rgba(44,44,46,0.80)";
            success: "#34c759";
            text: "#ffffff";
        };
        light: {
            accent: "#007aff";
            bg: "#eef1f6";
            border: "rgba(209,209,214,0.6)";
            danger: "#ff3b30";
            muted: "#8e8e93";
            panel: "rgba(255,255,255,0.72)";
            success: "#34c759";
            text: "#1c1c1e";
        };
    }
  • ReadonlyEmber: {
        dark: {
            accent: "#e8912d";
            bg: "#1a1009";
            border: "#3d2b18";
            danger: "#ef5350";
            muted: "#a0897a";
            panel: "#261a0e";
            success: "#a5d6a7";
            text: "#ddd0c4";
        };
        light: {
            accent: "#cc7a1e";
            bg: "#fdf5ee";
            border: "#eed8be";
            danger: "#d94040";
            muted: "#8a6a50";
            panel: "#ffffff";
            success: "#7ab87c";
            text: "#2a1a09";
        };
    }
  • ReadonlyForest: {
        dark: {
            accent: "#4caf88";
            bg: "#0d1b12";
            border: "#243d2c";
            danger: "#ef9a9a";
            muted: "#6b8f72";
            panel: "#162318";
            success: "#81c784";
            text: "#c8d8cc";
        };
        light: {
            accent: "#3a9a72";
            bg: "#f0f5f2";
            border: "#c4d9cc";
            danger: "#e06060";
            muted: "#527a5a";
            panel: "#ffffff";
            success: "#5aad5c";
            text: "#0d1b12";
        };
    }
  • ReadonlyNavy: {
        dark: {
            accent: "#5b8dee";
            bg: "#0f0f1a";
            border: "#2e2e50";
            danger: "#e05c6c";
            muted: "#7777aa";
            panel: "#1a1a2e";
            success: "#4caf88";
            text: "#ccccdd";
        };
        light: {
            accent: "#4a7de0";
            bg: "#f0f4ff";
            border: "#c8d4f0";
            danger: "#d64e5d";
            muted: "#6677aa";
            panel: "#ffffff";
            success: "#3d9e76";
            text: "#1a1a3e";
        };
    }
  • ReadonlySlate: {
        dark: {
            accent: "#748ffc";
            bg: "#1a1b1e";
            border: "#373a40";
            danger: "#ff6b6b";
            muted: "#868e96";
            panel: "#25262b";
            success: "#51cf66";
            text: "#c1c2c5";
        };
        light: {
            accent: "#5a7cf8";
            bg: "#f5f5f7";
            border: "#e0e1e5";
            danger: "#fa5252";
            muted: "#6b7280";
            panel: "#ffffff";
            success: "#40c057";
            text: "#1a1b1e";
        };
    }