@elizaos/shared 2.0.0-beta.1 → 2.0.3-beta.2

package/dist/themes/presets.js

@@ -1,789 +0,0 @@
-/**
- * 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