@elizaos/shared 2.0.0-alpha.144

package/themes/presets.js

@@ -0,0 +1,789 @@
+/**
+ * Built-in theme presets.
+ *
+ * Each preset provides full light and dark color sets extracted from
+ * (or inspired by) the base.css defaults. The BSC Gold theme is the
+ * canonical default — its values match base.css exactly.
+ */
+// ── BSC Gold (default) ─────────────────────────────────────────────
+export const BSC_GOLD_THEME = {
+    id: "bsc-gold",
+    name: "BSC Gold",
+    description: "Classic gold accent — the default Eliza theme",
+    preview: "linear-gradient(135deg, #1a1f26 0%, #f0b90b 100%)",
+    light: {
+        bg: "#f7f8fa",
+        bgAccent: "#f1f3f5",
+        bgElevated: "#fcfdfd",
+        bgHover: "#eceff3",
+        bgMuted: "#f1f3f5",
+        card: "#fcfdfd",
+        cardForeground: "#1e2329",
+        surface: "#fcfdfd",
+        text: "#1e2329",
+        textStrong: "#0b0e11",
+        chatText: "#1e2329",
+        muted: "#5e6673",
+        mutedStrong: "#474d57",
+        border: "#dce1e7",
+        borderStrong: "#ced6df",
+        borderHover: "#f0b90b",
+        input: "#d6dee7",
+        ring: "#f0b90b",
+        accent: "#f0b90b",
+        accentRgb: "240, 185, 11",
+        accentHover: "#f3ba2f",
+        accentMuted: "#d8a000",
+        accentSubtle: "rgba(240, 185, 11, 0.12)",
+        accentForeground: "#1a1f26",
+        primary: "#f0b90b",
+        primaryForeground: "#1a1f26",
+        ok: "#03a66d",
+        okMuted: "rgba(3, 166, 109, 0.72)",
+        okSubtle: "rgba(3, 166, 109, 0.12)",
+        destructive: "#f6465d",
+        destructiveForeground: "#ffffff",
+        destructiveSubtle: "rgba(246, 70, 93, 0.12)",
+        warn: "#f0b90b",
+        warnMuted: "rgba(240, 185, 11, 0.72)",
+        warnSubtle: "rgba(240, 185, 11, 0.12)",
+        danger: "#f6465d",
+        info: "#f0b90b",
+        statusInfo: "#3b82f6",
+        statusInfoBg: "rgba(59, 130, 246, 0.12)",
+        focus: "rgba(240, 185, 11, 0.16)",
+        focusRing: "0 0 0 2px rgba(240, 185, 11, 0.42)",
+        scrollbarTrack: "#edf1f4",
+        scrollbarThumbStart: "rgba(240, 185, 11, 0.42)",
+        scrollbarThumbMid: "rgba(240, 185, 11, 0.58)",
+        scrollbarThumbEnd: "rgba(216, 160, 0, 0.66)",
+        scrollbarThumbHoverStart: "rgba(240, 185, 11, 0.56)",
+        scrollbarThumbHoverMid: "rgba(240, 185, 11, 0.7)",
+        scrollbarThumbHoverEnd: "rgba(216, 160, 0, 0.78)",
+        scrollbarThumbEdge: "rgba(240, 185, 11, 0.12)",
+        headerBarBg: "#fcfdfd",
+        headerBarFg: "#1e2329",
+        sectionBarBg: "#f1f3f5",
+        sectionBarFg: "#1e2329",
+        linkColor: "#c99400",
+        linkHoverColor: "#b38300",
+        shadowXs: "0 1px 2px rgb(15 23 42 / 0.04)",
+        shadowSm: "0 1px 3px rgb(15 23 42 / 0.05)",
+        shadowMd: "0 12px 32px rgb(15 23 42 / 0.08)",
+        shadowLg: "0 18px 48px rgb(15 23 42 / 0.12)",
+        shadowXl: "0 20px 50px -12px rgb(15 23 42 / 0.18)",
+        shadow2xl: "0 25px 60px -15px rgb(15 23 42 / 0.24)",
+        shadowInset: "inset 0 1px 0 rgb(255 255 255 / 0.05)",
+        radius: "0.5rem",
+        radiusSm: "0.375rem",
+        radiusMd: "0.5rem",
+        radiusLg: "0.75rem",
+        radiusXl: "1rem",
+        radius2xl: "1.25rem",
+        radius3xl: "1.5rem",
+        durationNormal: "150ms",
+    },
+    dark: {
+        bg: "#050506",
+        bgAccent: "#0a0a0c",
+        bgElevated: "#0d0d10",
+        bgHover: "#141418",
+        bgMuted: "#0a0a0c",
+        card: "#0e0e11",
+        cardForeground: "#eaecef",
+        surface: "#121214",
+        text: "#eaecef",
+        textStrong: "#ffffff",
+        chatText: "#eaecef",
+        muted: "#8a8a94",
+        mutedStrong: "#b9b9c2",
+        border: "#232329",
+        borderStrong: "#313136",
+        borderHover: "#f0b90b",
+        input: "#17171c",
+        ring: "#f0b90b",
+        accent: "#f0b90b",
+        accentRgb: "240, 185, 11",
+        accentHover: "#f3ba2f",
+        accentMuted: "#d8a000",
+        accentSubtle: "rgba(240, 185, 11, 0.12)",
+        accentForeground: "#1a1f26",
+        primary: "#f0b90b",
+        primaryForeground: "#1a1f26",
+        ok: "hsl(142 76% 36%)",
+        okMuted: "hsla(142 76% 36% / 0.7)",
+        okSubtle: "hsla(142 76% 36% / 0.1)",
+        destructive: "hsl(0 84.2% 60.2%)",
+        destructiveForeground: "hsl(0 0% 100%)",
+        destructiveSubtle: "hsla(0 84% 60% / 0.1)",
+        warn: "#f0b90b",
+        warnMuted: "rgba(240, 185, 11, 0.7)",
+        warnSubtle: "rgba(240, 185, 11, 0.12)",
+        danger: "hsl(0 84.2% 60.2%)",
+        info: "#f0b90b",
+        statusInfo: "#60a5fa",
+        statusInfoBg: "rgba(96, 165, 250, 0.12)",
+        focus: "rgba(240, 185, 11, 0.18)",
+        focusRing: "0 0 0 2px rgba(240, 185, 11, 0.44)",
+        scrollbarTrack: "transparent",
+        scrollbarThumbStart: "rgba(255, 226, 105, 0.88)",
+        scrollbarThumbMid: "rgba(240, 185, 11, 0.72)",
+        scrollbarThumbEnd: "rgba(255, 210, 77, 0.8)",
+        scrollbarThumbHoverStart: "rgba(255, 232, 137, 0.94)",
+        scrollbarThumbHoverMid: "rgba(240, 185, 11, 0.82)",
+        scrollbarThumbHoverEnd: "rgba(255, 214, 92, 0.88)",
+        scrollbarThumbEdge: "rgba(255, 235, 175, 0.12)",
+        headerBarBg: "#050506",
+        headerBarFg: "#ffffff",
+        sectionBarBg: "#0a0a0c",
+        sectionBarFg: "#ffffff",
+        linkColor: "var(--text)",
+        linkHoverColor: "#f0b90b",
+        shadowXs: "0 1px 2px rgb(0 0 0 / 0.06)",
+        shadowSm: "0 1px 2px 0 rgb(0 0 0 / 0.05)",
+        shadowMd: "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
+        shadowLg: "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)",
+        shadowXl: "0 20px 50px -12px rgb(0 0 0 / 0.3)",
+        shadow2xl: "0 25px 60px -15px rgb(0 0 0 / 0.4)",
+        shadowInset: "inset 0 1px 0 rgb(255 255 255 / 0.04)",
+        radius: "0.5rem",
+        radiusSm: "0.375rem",
+        radiusMd: "0.5rem",
+        radiusLg: "0.75rem",
+        radiusXl: "1rem",
+        radius2xl: "1.25rem",
+        radius3xl: "1.5rem",
+        durationNormal: "200ms",
+    },
+};
+// ── Neon Cyber ─────────────────────────────────────────────────────
+export const NEON_CYBER_THEME = {
+    id: "neon-cyber",
+    name: "Neon Cyber",
+    description: "Electric cyan sci-fi with sharp edges",
+    preview: "linear-gradient(135deg, #0a0a14 0%, #00e5ff 100%)",
+    light: {
+        bg: "#f0f4f8",
+        bgAccent: "#e4ecf4",
+        bgElevated: "#ffffff",
+        bgHover: "#dce6f0",
+        bgMuted: "#e8eef4",
+        card: "#ffffff",
+        cardForeground: "#0a1628",
+        surface: "#f8fafc",
+        text: "#0a1628",
+        textStrong: "#020a18",
+        chatText: "#0a1628",
+        muted: "#4a6080",
+        mutedStrong: "#364a62",
+        border: "#c4d4e4",
+        borderStrong: "#a0b8d0",
+        borderHover: "#00e5ff",
+        input: "#dce6f0",
+        ring: "#00e5ff",
+        accent: "#00b8d4",
+        accentRgb: "0, 184, 212",
+        accentHover: "#00e5ff",
+        accentMuted: "#0097a7",
+        accentSubtle: "rgba(0, 229, 255, 0.10)",
+        accentForeground: "#001820",
+        primary: "#00b8d4",
+        primaryForeground: "#001820",
+        ok: "#00c853",
+        okMuted: "rgba(0, 200, 83, 0.72)",
+        okSubtle: "rgba(0, 200, 83, 0.10)",
+        destructive: "#ff1744",
+        destructiveForeground: "#ffffff",
+        destructiveSubtle: "rgba(255, 23, 68, 0.10)",
+        warn: "#ffab00",
+        warnMuted: "rgba(255, 171, 0, 0.72)",
+        warnSubtle: "rgba(255, 171, 0, 0.10)",
+        danger: "#ff1744",
+        info: "#00b8d4",
+        statusInfo: "#0091ea",
+        statusInfoBg: "rgba(0, 145, 234, 0.10)",
+        focus: "rgba(0, 229, 255, 0.14)",
+        focusRing: "0 0 0 2px rgba(0, 229, 255, 0.40)",
+        scrollbarTrack: "#e8eef4",
+        scrollbarThumbStart: "rgba(0, 229, 255, 0.35)",
+        scrollbarThumbMid: "rgba(0, 184, 212, 0.50)",
+        scrollbarThumbEnd: "rgba(0, 151, 167, 0.60)",
+        scrollbarThumbHoverStart: "rgba(0, 229, 255, 0.50)",
+        scrollbarThumbHoverMid: "rgba(0, 184, 212, 0.65)",
+        scrollbarThumbHoverEnd: "rgba(0, 151, 167, 0.75)",
+        scrollbarThumbEdge: "rgba(0, 229, 255, 0.10)",
+        headerBarBg: "#ffffff",
+        headerBarFg: "#0a1628",
+        sectionBarBg: "#e4ecf4",
+        sectionBarFg: "#0a1628",
+        linkColor: "#0097a7",
+        linkHoverColor: "#00b8d4",
+        shadowXs: "0 1px 2px rgb(10 22 40 / 0.04)",
+        shadowSm: "0 1px 3px rgb(10 22 40 / 0.06)",
+        shadowMd: "0 8px 24px rgb(10 22 40 / 0.08)",
+        shadowLg: "0 16px 48px rgb(10 22 40 / 0.12)",
+        shadowXl: "0 20px 50px -12px rgb(10 22 40 / 0.18)",
+        shadow2xl: "0 25px 60px -15px rgb(10 22 40 / 0.24)",
+        shadowInset: "inset 0 1px 0 rgb(255 255 255 / 0.06)",
+        radius: "0.25rem",
+        radiusSm: "0.125rem",
+        radiusMd: "0.25rem",
+        radiusLg: "0.375rem",
+        radiusXl: "0.5rem",
+        radius2xl: "0.625rem",
+        radius3xl: "0.75rem",
+        durationNormal: "120ms",
+    },
+    dark: {
+        bg: "#06080e",
+        bgAccent: "#0c1018",
+        bgElevated: "#101520",
+        bgHover: "#141c2a",
+        bgMuted: "#0a0e16",
+        card: "#0e1420",
+        cardForeground: "#e0e8f0",
+        surface: "#121a28",
+        text: "#e0e8f0",
+        textStrong: "#ffffff",
+        chatText: "#e0e8f0",
+        muted: "#6080a0",
+        mutedStrong: "#90a8c0",
+        border: "#1c2840",
+        borderStrong: "#2a3c58",
+        borderHover: "#00e5ff",
+        input: "#141c2a",
+        ring: "#00e5ff",
+        accent: "#00e5ff",
+        accentRgb: "0, 229, 255",
+        accentHover: "#40efff",
+        accentMuted: "#00b8d4",
+        accentSubtle: "rgba(0, 229, 255, 0.12)",
+        accentForeground: "#001820",
+        primary: "#00e5ff",
+        primaryForeground: "#001820",
+        ok: "#00e676",
+        okMuted: "rgba(0, 230, 118, 0.7)",
+        okSubtle: "rgba(0, 230, 118, 0.1)",
+        destructive: "#ff1744",
+        destructiveForeground: "#ffffff",
+        destructiveSubtle: "rgba(255, 23, 68, 0.12)",
+        warn: "#ffab00",
+        warnMuted: "rgba(255, 171, 0, 0.7)",
+        warnSubtle: "rgba(255, 171, 0, 0.12)",
+        danger: "#ff1744",
+        info: "#00e5ff",
+        statusInfo: "#40c4ff",
+        statusInfoBg: "rgba(64, 196, 255, 0.12)",
+        focus: "rgba(0, 229, 255, 0.18)",
+        focusRing: "0 0 0 2px rgba(0, 229, 255, 0.50)",
+        scrollbarTrack: "transparent",
+        scrollbarThumbStart: "rgba(0, 229, 255, 0.60)",
+        scrollbarThumbMid: "rgba(0, 184, 212, 0.50)",
+        scrollbarThumbEnd: "rgba(0, 151, 167, 0.65)",
+        scrollbarThumbHoverStart: "rgba(0, 229, 255, 0.80)",
+        scrollbarThumbHoverMid: "rgba(0, 184, 212, 0.70)",
+        scrollbarThumbHoverEnd: "rgba(0, 151, 167, 0.80)",
+        scrollbarThumbEdge: "rgba(0, 229, 255, 0.12)",
+        headerBarBg: "#06080e",
+        headerBarFg: "#ffffff",
+        sectionBarBg: "#0c1018",
+        sectionBarFg: "#e0e8f0",
+        linkColor: "#00e5ff",
+        linkHoverColor: "#40efff",
+        shadowXs: "0 1px 2px rgb(0 0 0 / 0.06)",
+        shadowSm: "0 1px 2px rgb(0 0 0 / 0.08)",
+        shadowMd: "0 4px 12px rgb(0 0 0 / 0.20)",
+        shadowLg: "0 8px 32px rgb(0 0 0 / 0.30)",
+        shadowXl: "0 16px 48px -12px rgb(0 0 0 / 0.4)",
+        shadow2xl: "0 20px 60px -15px rgb(0 0 0 / 0.5)",
+        shadowInset: "inset 0 1px 0 rgb(255 255 255 / 0.03)",
+        radius: "0.25rem",
+        radiusSm: "0.125rem",
+        radiusMd: "0.25rem",
+        radiusLg: "0.375rem",
+        radiusXl: "0.5rem",
+        radius2xl: "0.625rem",
+        radius3xl: "0.75rem",
+        durationNormal: "120ms",
+    },
+};
+// ── 90s Retro ──────────────────────────────────────────────────────
+export const RETRO_90S_THEME = {
+    id: "retro-90s",
+    name: "90s Retro",
+    description: "Vaporwave vibes with hot pink accents",
+    preview: "linear-gradient(135deg, #1a0033 0%, #ff6b9d 50%, #00d4aa 100%)",
+    fonts: {
+        body: 'Tahoma, "Segoe UI", Geneva, Verdana, sans-serif',
+        display: '"Trebuchet MS", Tahoma, "Segoe UI", sans-serif',
+        chat: 'Tahoma, "Segoe UI", Geneva, Verdana, sans-serif',
+    },
+    light: {
+        bg: "#f0e6f6",
+        bgAccent: "#e6d5f0",
+        bgElevated: "#faf5ff",
+        bgHover: "#e0ccee",
+        bgMuted: "#ead8f2",
+        card: "#faf5ff",
+        cardForeground: "#2d1050",
+        surface: "#f5eefa",
+        text: "#2d1050",
+        textStrong: "#1a0830",
+        chatText: "#2d1050",
+        muted: "#7a5a96",
+        mutedStrong: "#5c3d78",
+        border: "#d4b8e8",
+        borderStrong: "#c4a0da",
+        borderHover: "#ff6b9d",
+        input: "#e0ccee",
+        ring: "#ff6b9d",
+        accent: "#e0447a",
+        accentRgb: "224, 68, 122",
+        accentHover: "#ff6b9d",
+        accentMuted: "#c03868",
+        accentSubtle: "rgba(255, 107, 157, 0.12)",
+        accentForeground: "#ffffff",
+        primary: "#e0447a",
+        primaryForeground: "#ffffff",
+        ok: "#00c896",
+        okMuted: "rgba(0, 200, 150, 0.72)",
+        okSubtle: "rgba(0, 200, 150, 0.12)",
+        destructive: "#ff4060",
+        destructiveForeground: "#ffffff",
+        destructiveSubtle: "rgba(255, 64, 96, 0.12)",
+        warn: "#ffaa00",
+        warnMuted: "rgba(255, 170, 0, 0.72)",
+        warnSubtle: "rgba(255, 170, 0, 0.12)",
+        danger: "#ff4060",
+        info: "#e0447a",
+        statusInfo: "#7c4dff",
+        statusInfoBg: "rgba(124, 77, 255, 0.12)",
+        focus: "rgba(255, 107, 157, 0.16)",
+        focusRing: "0 0 0 2px rgba(255, 107, 157, 0.42)",
+        scrollbarTrack: "#ead8f2",
+        scrollbarThumbStart: "rgba(255, 107, 157, 0.40)",
+        scrollbarThumbMid: "rgba(224, 68, 122, 0.55)",
+        scrollbarThumbEnd: "rgba(192, 56, 104, 0.65)",
+        scrollbarThumbHoverStart: "rgba(255, 107, 157, 0.55)",
+        scrollbarThumbHoverMid: "rgba(224, 68, 122, 0.70)",
+        scrollbarThumbHoverEnd: "rgba(192, 56, 104, 0.78)",
+        scrollbarThumbEdge: "rgba(255, 107, 157, 0.12)",
+        headerBarBg: "#faf5ff",
+        headerBarFg: "#2d1050",
+        sectionBarBg: "#e6d5f0",
+        sectionBarFg: "#2d1050",
+        linkColor: "#c03868",
+        linkHoverColor: "#e0447a",
+        shadowXs: "0 1px 2px rgb(45 16 80 / 0.04)",
+        shadowSm: "0 1px 3px rgb(45 16 80 / 0.06)",
+        shadowMd: "0 8px 24px rgb(45 16 80 / 0.10)",
+        shadowLg: "0 16px 48px rgb(45 16 80 / 0.14)",
+        shadowXl: "0 20px 50px -12px rgb(45 16 80 / 0.20)",
+        shadow2xl: "0 25px 60px -15px rgb(45 16 80 / 0.28)",
+        shadowInset: "inset 0 1px 0 rgb(255 255 255 / 0.08)",
+        radius: "0.75rem",
+        radiusSm: "0.5rem",
+        radiusMd: "0.75rem",
+        radiusLg: "1rem",
+        radiusXl: "1.25rem",
+        radius2xl: "1.5rem",
+        radius3xl: "1.75rem",
+        durationNormal: "180ms",
+    },
+    dark: {
+        bg: "#0e0018",
+        bgAccent: "#160024",
+        bgElevated: "#1c0030",
+        bgHover: "#24003c",
+        bgMuted: "#140020",
+        card: "#180028",
+        cardForeground: "#f0d8ff",
+        surface: "#1e002e",
+        text: "#f0d8ff",
+        textStrong: "#ffffff",
+        chatText: "#f0d8ff",
+        muted: "#9060b0",
+        mutedStrong: "#b888d4",
+        border: "#30184a",
+        borderStrong: "#402060",
+        borderHover: "#ff6b9d",
+        input: "#200038",
+        ring: "#ff6b9d",
+        accent: "#ff6b9d",
+        accentRgb: "255, 107, 157",
+        accentHover: "#ff8db8",
+        accentMuted: "#e0447a",
+        accentSubtle: "rgba(255, 107, 157, 0.14)",
+        accentForeground: "#1a0028",
+        primary: "#ff6b9d",
+        primaryForeground: "#1a0028",
+        ok: "#00e6a8",
+        okMuted: "rgba(0, 230, 168, 0.7)",
+        okSubtle: "rgba(0, 230, 168, 0.12)",
+        destructive: "#ff4060",
+        destructiveForeground: "#ffffff",
+        destructiveSubtle: "rgba(255, 64, 96, 0.12)",
+        warn: "#ffbb33",
+        warnMuted: "rgba(255, 187, 51, 0.7)",
+        warnSubtle: "rgba(255, 187, 51, 0.12)",
+        danger: "#ff4060",
+        info: "#ff6b9d",
+        statusInfo: "#b388ff",
+        statusInfoBg: "rgba(179, 136, 255, 0.14)",
+        focus: "rgba(255, 107, 157, 0.20)",
+        focusRing: "0 0 0 2px rgba(255, 107, 157, 0.50)",
+        scrollbarTrack: "transparent",
+        scrollbarThumbStart: "rgba(255, 107, 157, 0.65)",
+        scrollbarThumbMid: "rgba(224, 68, 122, 0.55)",
+        scrollbarThumbEnd: "rgba(192, 56, 104, 0.70)",
+        scrollbarThumbHoverStart: "rgba(255, 107, 157, 0.80)",
+        scrollbarThumbHoverMid: "rgba(224, 68, 122, 0.72)",
+        scrollbarThumbHoverEnd: "rgba(192, 56, 104, 0.85)",
+        scrollbarThumbEdge: "rgba(255, 107, 157, 0.12)",
+        headerBarBg: "#0e0018",
+        headerBarFg: "#ffffff",
+        sectionBarBg: "#160024",
+        sectionBarFg: "#f0d8ff",
+        linkColor: "#ff6b9d",
+        linkHoverColor: "#ff8db8",
+        shadowXs: "0 1px 2px rgb(0 0 0 / 0.08)",
+        shadowSm: "0 1px 2px rgb(0 0 0 / 0.10)",
+        shadowMd: "0 4px 12px rgb(0 0 0 / 0.24)",
+        shadowLg: "0 8px 32px rgb(0 0 0 / 0.36)",
+        shadowXl: "0 16px 48px -12px rgb(0 0 0 / 0.44)",
+        shadow2xl: "0 20px 60px -15px rgb(0 0 0 / 0.52)",
+        shadowInset: "inset 0 1px 0 rgb(255 255 255 / 0.04)",
+        radius: "0.75rem",
+        radiusSm: "0.5rem",
+        radiusMd: "0.75rem",
+        radiusLg: "1rem",
+        radiusXl: "1.25rem",
+        radius2xl: "1.5rem",
+        radius3xl: "1.75rem",
+        durationNormal: "180ms",
+    },
+};
+// ── Comic Pop ──────────────────────────────────────────────────────
+export const COMIC_POP_THEME = {
+    id: "comic-pop",
+    name: "Comic Pop",
+    description: "Playful colors with Comic Sans personality",
+    preview: "linear-gradient(135deg, #1a1a4e 0%, #ff3366 50%, #ffee00 100%)",
+    fonts: {
+        body: '"Comic Sans MS", "Comic Neue", "Chalkboard SE", cursive, sans-serif',
+        display: '"Comic Sans MS", "Comic Neue", "Chalkboard SE", cursive, sans-serif',
+        chat: '"Comic Sans MS", "Comic Neue", "Chalkboard SE", cursive, sans-serif',
+        mono: '"Comic Mono", "Comic Sans MS", monospace',
+    },
+    light: {
+        bg: "#fffbeb",
+        bgAccent: "#fff3cc",
+        bgElevated: "#ffffff",
+        bgHover: "#ffedaa",
+        bgMuted: "#fff7dd",
+        card: "#ffffff",
+        cardForeground: "#1a1a40",
+        surface: "#fffef8",
+        text: "#1a1a40",
+        textStrong: "#0d0d28",
+        chatText: "#1a1a40",
+        muted: "#6b6b8d",
+        mutedStrong: "#4a4a70",
+        border: "#e0d4ff",
+        borderStrong: "#c4b0f0",
+        borderHover: "#ff3366",
+        input: "#f0e8ff",
+        ring: "#ff3366",
+        accent: "#e6204e",
+        accentRgb: "230, 32, 78",
+        accentHover: "#ff3366",
+        accentMuted: "#cc1a44",
+        accentSubtle: "rgba(255, 51, 102, 0.10)",
+        accentForeground: "#ffffff",
+        primary: "#e6204e",
+        primaryForeground: "#ffffff",
+        ok: "#22c55e",
+        okMuted: "rgba(34, 197, 94, 0.72)",
+        okSubtle: "rgba(34, 197, 94, 0.12)",
+        destructive: "#ef4444",
+        destructiveForeground: "#ffffff",
+        destructiveSubtle: "rgba(239, 68, 68, 0.12)",
+        warn: "#f59e0b",
+        warnMuted: "rgba(245, 158, 11, 0.72)",
+        warnSubtle: "rgba(245, 158, 11, 0.12)",
+        danger: "#ef4444",
+        info: "#e6204e",
+        statusInfo: "#6366f1",
+        statusInfoBg: "rgba(99, 102, 241, 0.12)",
+        focus: "rgba(255, 51, 102, 0.14)",
+        focusRing: "0 0 0 3px rgba(255, 51, 102, 0.40)",
+        scrollbarTrack: "#fff7dd",
+        scrollbarThumbStart: "rgba(255, 51, 102, 0.38)",
+        scrollbarThumbMid: "rgba(230, 32, 78, 0.52)",
+        scrollbarThumbEnd: "rgba(204, 26, 68, 0.62)",
+        scrollbarThumbHoverStart: "rgba(255, 51, 102, 0.55)",
+        scrollbarThumbHoverMid: "rgba(230, 32, 78, 0.68)",
+        scrollbarThumbHoverEnd: "rgba(204, 26, 68, 0.78)",
+        scrollbarThumbEdge: "rgba(255, 51, 102, 0.10)",
+        headerBarBg: "#ffffff",
+        headerBarFg: "#1a1a40",
+        sectionBarBg: "#fff3cc",
+        sectionBarFg: "#1a1a40",
+        linkColor: "#cc1a44",
+        linkHoverColor: "#e6204e",
+        shadowXs: "0 1px 2px rgb(26 26 64 / 0.05)",
+        shadowSm: "0 2px 4px rgb(26 26 64 / 0.08)",
+        shadowMd: "0 6px 20px rgb(26 26 64 / 0.12)",
+        shadowLg: "0 12px 40px rgb(26 26 64 / 0.16)",
+        shadowXl: "0 18px 50px -12px rgb(26 26 64 / 0.22)",
+        shadow2xl: "0 24px 60px -15px rgb(26 26 64 / 0.28)",
+        shadowInset: "inset 0 1px 0 rgb(255 255 255 / 0.10)",
+        radius: "1rem",
+        radiusSm: "0.5rem",
+        radiusMd: "0.75rem",
+        radiusLg: "1rem",
+        radiusXl: "1.5rem",
+        radius2xl: "1.75rem",
+        radius3xl: "2rem",
+        durationNormal: "200ms",
+    },
+    dark: {
+        bg: "#0e0e28",
+        bgAccent: "#161640",
+        bgElevated: "#1c1c4e",
+        bgHover: "#222258",
+        bgMuted: "#141438",
+        card: "#181848",
+        cardForeground: "#f0eeff",
+        surface: "#1a1a4e",
+        text: "#f0eeff",
+        textStrong: "#ffffff",
+        chatText: "#f0eeff",
+        muted: "#8888bb",
+        mutedStrong: "#aaaadd",
+        border: "#2e2e60",
+        borderStrong: "#3e3e78",
+        borderHover: "#ff3366",
+        input: "#1e1e50",
+        ring: "#ff3366",
+        accent: "#ff3366",
+        accentRgb: "255, 51, 102",
+        accentHover: "#ff5588",
+        accentMuted: "#e6204e",
+        accentSubtle: "rgba(255, 51, 102, 0.14)",
+        accentForeground: "#ffffff",
+        primary: "#ff3366",
+        primaryForeground: "#ffffff",
+        ok: "#4ade80",
+        okMuted: "rgba(74, 222, 128, 0.7)",
+        okSubtle: "rgba(74, 222, 128, 0.12)",
+        destructive: "#f87171",
+        destructiveForeground: "#ffffff",
+        destructiveSubtle: "rgba(248, 113, 113, 0.14)",
+        warn: "#fbbf24",
+        warnMuted: "rgba(251, 191, 36, 0.7)",
+        warnSubtle: "rgba(251, 191, 36, 0.14)",
+        danger: "#f87171",
+        info: "#ff3366",
+        statusInfo: "#818cf8",
+        statusInfoBg: "rgba(129, 140, 248, 0.14)",
+        focus: "rgba(255, 51, 102, 0.20)",
+        focusRing: "0 0 0 3px rgba(255, 51, 102, 0.48)",
+        scrollbarTrack: "transparent",
+        scrollbarThumbStart: "rgba(255, 51, 102, 0.60)",
+        scrollbarThumbMid: "rgba(230, 32, 78, 0.50)",
+        scrollbarThumbEnd: "rgba(204, 26, 68, 0.65)",
+        scrollbarThumbHoverStart: "rgba(255, 51, 102, 0.78)",
+        scrollbarThumbHoverMid: "rgba(230, 32, 78, 0.68)",
+        scrollbarThumbHoverEnd: "rgba(204, 26, 68, 0.80)",
+        scrollbarThumbEdge: "rgba(255, 51, 102, 0.12)",
+        headerBarBg: "#0e0e28",
+        headerBarFg: "#ffffff",
+        sectionBarBg: "#161640",
+        sectionBarFg: "#f0eeff",
+        linkColor: "#ff3366",
+        linkHoverColor: "#ff5588",
+        shadowXs: "0 1px 2px rgb(0 0 0 / 0.10)",
+        shadowSm: "0 2px 4px rgb(0 0 0 / 0.12)",
+        shadowMd: "0 6px 20px rgb(0 0 0 / 0.28)",
+        shadowLg: "0 12px 40px rgb(0 0 0 / 0.40)",
+        shadowXl: "0 18px 50px -12px rgb(0 0 0 / 0.48)",
+        shadow2xl: "0 24px 60px -15px rgb(0 0 0 / 0.56)",
+        shadowInset: "inset 0 1px 0 rgb(255 255 255 / 0.05)",
+        radius: "1rem",
+        radiusSm: "0.5rem",
+        radiusMd: "0.75rem",
+        radiusLg: "1rem",
+        radiusXl: "1.5rem",
+        radius2xl: "1.75rem",
+        radius3xl: "2rem",
+        durationNormal: "200ms",
+    },
+};
+// ── Hacker Terminal ────────────────────────────────────────────────
+export const HACKER_TERMINAL_THEME = {
+    id: "hacker-terminal",
+    name: "Hacker Terminal",
+    description: "Green-on-black monospace terminal aesthetic",
+    preview: "linear-gradient(135deg, #000000 0%, #00ff00 100%)",
+    fonts: {
+        body: '"JetBrains Mono", "Fira Code", "Cascadia Code", "Courier New", monospace',
+        display: '"JetBrains Mono", "Fira Code", "Cascadia Code", "Courier New", monospace',
+        chat: '"JetBrains Mono", "Fira Code", "Cascadia Code", "Courier New", monospace',
+        mono: '"JetBrains Mono", "Fira Code", "Cascadia Code", "Courier New", monospace',
+        fontImportUrl: "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&display=swap",
+    },
+    light: {
+        bg: "#f0f2f0",
+        bgAccent: "#e4e8e4",
+        bgElevated: "#fafcfa",
+        bgHover: "#dce0dc",
+        bgMuted: "#e8ece8",
+        card: "#fafcfa",
+        cardForeground: "#1a2a1a",
+        surface: "#f4f8f4",
+        text: "#1a2a1a",
+        textStrong: "#0a140a",
+        chatText: "#1a2a1a",
+        muted: "#5a7a5a",
+        mutedStrong: "#3e5e3e",
+        border: "#c0d0c0",
+        borderStrong: "#a0b8a0",
+        borderHover: "#00aa00",
+        input: "#dce4dc",
+        ring: "#00aa00",
+        accent: "#008800",
+        accentRgb: "0, 136, 0",
+        accentHover: "#00aa00",
+        accentMuted: "#006600",
+        accentSubtle: "rgba(0, 170, 0, 0.10)",
+        accentForeground: "#ffffff",
+        primary: "#008800",
+        primaryForeground: "#ffffff",
+        ok: "#00aa00",
+        okMuted: "rgba(0, 170, 0, 0.72)",
+        okSubtle: "rgba(0, 170, 0, 0.10)",
+        destructive: "#cc0000",
+        destructiveForeground: "#ffffff",
+        destructiveSubtle: "rgba(204, 0, 0, 0.10)",
+        warn: "#ccaa00",
+        warnMuted: "rgba(204, 170, 0, 0.72)",
+        warnSubtle: "rgba(204, 170, 0, 0.10)",
+        danger: "#cc0000",
+        info: "#008800",
+        statusInfo: "#0066cc",
+        statusInfoBg: "rgba(0, 102, 204, 0.10)",
+        focus: "rgba(0, 170, 0, 0.14)",
+        focusRing: "0 0 0 2px rgba(0, 170, 0, 0.40)",
+        scrollbarTrack: "#e8ece8",
+        scrollbarThumbStart: "rgba(0, 170, 0, 0.35)",
+        scrollbarThumbMid: "rgba(0, 136, 0, 0.50)",
+        scrollbarThumbEnd: "rgba(0, 102, 0, 0.60)",
+        scrollbarThumbHoverStart: "rgba(0, 170, 0, 0.50)",
+        scrollbarThumbHoverMid: "rgba(0, 136, 0, 0.65)",
+        scrollbarThumbHoverEnd: "rgba(0, 102, 0, 0.75)",
+        scrollbarThumbEdge: "rgba(0, 170, 0, 0.10)",
+        headerBarBg: "#fafcfa",
+        headerBarFg: "#1a2a1a",
+        sectionBarBg: "#e4e8e4",
+        sectionBarFg: "#1a2a1a",
+        linkColor: "#006600",
+        linkHoverColor: "#008800",
+        shadowXs: "none",
+        shadowSm: "none",
+        shadowMd: "none",
+        shadowLg: "none",
+        shadowXl: "none",
+        shadow2xl: "none",
+        shadowInset: "none",
+        radius: "0",
+        radiusSm: "0",
+        radiusMd: "0",
+        radiusLg: "0",
+        radiusXl: "0",
+        radius2xl: "0",
+        radius3xl: "0",
+        durationNormal: "80ms",
+    },
+    dark: {
+        bg: "#000000",
+        bgAccent: "#0a0a0a",
+        bgElevated: "#0d0d0d",
+        bgHover: "#141414",
+        bgMuted: "#080808",
+        card: "#0a0a0a",
+        cardForeground: "#00ff00",
+        surface: "#0c0c0c",
+        text: "#00dd00",
+        textStrong: "#00ff00",
+        chatText: "#00dd00",
+        muted: "#00880088",
+        mutedStrong: "#00aa00",
+        border: "#003300",
+        borderStrong: "#004d00",
+        borderHover: "#00ff00",
+        input: "#0a0a0a",
+        ring: "#00ff00",
+        accent: "#00ff00",
+        accentRgb: "0, 255, 0",
+        accentHover: "#33ff33",
+        accentMuted: "#00cc00",
+        accentSubtle: "rgba(0, 255, 0, 0.08)",
+        accentForeground: "#000000",
+        primary: "#00ff00",
+        primaryForeground: "#000000",
+        ok: "#00ff00",
+        okMuted: "rgba(0, 255, 0, 0.7)",
+        okSubtle: "rgba(0, 255, 0, 0.08)",
+        destructive: "#ff0000",
+        destructiveForeground: "#ffffff",
+        destructiveSubtle: "rgba(255, 0, 0, 0.10)",
+        warn: "#ffff00",
+        warnMuted: "rgba(255, 255, 0, 0.7)",
+        warnSubtle: "rgba(255, 255, 0, 0.10)",
+        danger: "#ff0000",
+        info: "#00ff00",
+        statusInfo: "#00aaff",
+        statusInfoBg: "rgba(0, 170, 255, 0.10)",
+        focus: "rgba(0, 255, 0, 0.16)",
+        focusRing: "0 0 0 1px rgba(0, 255, 0, 0.60)",
+        scrollbarTrack: "transparent",
+        scrollbarThumbStart: "rgba(0, 255, 0, 0.40)",
+        scrollbarThumbMid: "rgba(0, 204, 0, 0.35)",
+        scrollbarThumbEnd: "rgba(0, 170, 0, 0.45)",
+        scrollbarThumbHoverStart: "rgba(0, 255, 0, 0.60)",
+        scrollbarThumbHoverMid: "rgba(0, 204, 0, 0.55)",
+        scrollbarThumbHoverEnd: "rgba(0, 170, 0, 0.65)",
+        scrollbarThumbEdge: "rgba(0, 255, 0, 0.08)",
+        headerBarBg: "#000000",
+        headerBarFg: "#00ff00",
+        sectionBarBg: "#0a0a0a",
+        sectionBarFg: "#00dd00",
+        linkColor: "#00ff00",
+        linkHoverColor: "#33ff33",
+        shadowXs: "none",
+        shadowSm: "none",
+        shadowMd: "0 0 8px rgba(0, 255, 0, 0.15)",
+        shadowLg: "0 0 16px rgba(0, 255, 0, 0.20)",
+        shadowXl: "0 0 24px rgba(0, 255, 0, 0.25)",
+        shadow2xl: "0 0 32px rgba(0, 255, 0, 0.30)",
+        shadowInset: "none",
+        radius: "0",
+        radiusSm: "0",
+        radiusMd: "0",
+        radiusLg: "0",
+        radiusXl: "0",
+        radius2xl: "0",
+        radius3xl: "0",
+        durationNormal: "80ms",
+    },
+};
+// ── All built-in themes ────────────────────────────────────────────
+export const BUILTIN_THEMES = [
+    BSC_GOLD_THEME,
+    NEON_CYBER_THEME,
+    RETRO_90S_THEME,
+    COMIC_POP_THEME,
+    HACKER_TERMINAL_THEME,
+];
+//# sourceMappingURL=presets.js.map