/* ================================================================ NextGen SMS — Master Theme System v2 (ngs-themes-v2) 108 themes · Full UI coverage · Every component themed Applied via data-ngs-theme on ================================================================ */ /* ───────────────────────────────────────────────────────────────── SECTION 1 · THEME TOKEN DEFINITIONS (108 themes) Each theme sets these custom props on [data-ngs-theme="slug"]: --t-g1/g2/g3 gradient stops --t-bg/bg2/bg3 page / card / subtle backgrounds --t-line border / divider color --t-text primary text --t-muted secondary text --t-brand primary brand color --t-accent accent color --t-topbar topbar gradient --t-shadow card shadow tint (rgba) --t-btn primary button gradient --t-bnav bottom-nav bg --t-bnav-act bottom-nav active color --t-dark 1 = dark theme, 0 = light ──────────────────────────────────────────────────────────────── */ /* ── PURPLE / VIOLET ── */ [data-ngs-theme="purple"]{--t-g1:#7c3aed;--t-g2:#a855f7;--t-g3:#ec4899;--t-bg:#f3f0ff;--t-bg2:#fff;--t-bg3:#faf8ff;--t-line:#e8e4f5;--t-text:#1a1535;--t-muted:#6b6585;--t-brand:#7c3aed;--t-accent:#ec4899;--t-topbar:linear-gradient(135deg,#5b21b6 0%,#7c3aed 45%,#a855f7 80%,#ec4899 100%);--t-shadow:rgba(124,58,237,.07);--t-btn:linear-gradient(135deg,#7c3aed,#a855f7);--t-bnav:#fff;--t-bnav-act:#7c3aed;--t-dark:0} [data-ngs-theme="violet"]{--t-g1:#6d28d9;--t-g2:#8b5cf6;--t-g3:#c4b5fd;--t-bg:#f5f3ff;--t-bg2:#fff;--t-bg3:#ede9fe;--t-line:#ddd6fe;--t-text:#1e1b4b;--t-muted:#7c6d9e;--t-brand:#6d28d9;--t-accent:#8b5cf6;--t-topbar:linear-gradient(135deg,#4c1d95,#6d28d9,#8b5cf6);--t-shadow:rgba(109,40,217,.07);--t-btn:linear-gradient(135deg,#4c1d95,#6d28d9);--t-bnav:#fff;--t-bnav-act:#6d28d9;--t-dark:0} [data-ngs-theme="grape"]{--t-g1:#9333ea;--t-g2:#a855f7;--t-g3:#c084fc;--t-bg:#fdf4ff;--t-bg2:#fff;--t-bg3:#fae8ff;--t-line:#f0abfc;--t-text:#3b0764;--t-muted:#a21caf;--t-brand:#9333ea;--t-accent:#c084fc;--t-topbar:linear-gradient(135deg,#581c87,#9333ea,#c084fc);--t-shadow:rgba(147,51,234,.07);--t-btn:linear-gradient(135deg,#7e22ce,#9333ea);--t-bnav:#fff;--t-bnav-act:#9333ea;--t-dark:0} /* ── BLUE / OCEAN ── */ [data-ngs-theme="ocean"]{--t-g1:#0ea5e9;--t-g2:#38bdf8;--t-g3:#06b6d4;--t-bg:#f0f9ff;--t-bg2:#fff;--t-bg3:#e0f2fe;--t-line:#bae6fd;--t-text:#0c2d48;--t-muted:#4b7da0;--t-brand:#0ea5e9;--t-accent:#06b6d4;--t-topbar:linear-gradient(135deg,#0369a1,#0ea5e9,#06b6d4);--t-shadow:rgba(14,165,233,.07);--t-btn:linear-gradient(135deg,#0369a1,#0ea5e9);--t-bnav:#fff;--t-bnav-act:#0ea5e9;--t-dark:0} [data-ngs-theme="navy"]{--t-g1:#1e3a8a;--t-g2:#2563eb;--t-g3:#60a5fa;--t-bg:#eff6ff;--t-bg2:#fff;--t-bg3:#dbeafe;--t-line:#bfdbfe;--t-text:#0f1e4a;--t-muted:#3d5a8a;--t-brand:#1e40af;--t-accent:#3b82f6;--t-topbar:linear-gradient(135deg,#1e3a8a,#1d4ed8,#3b82f6);--t-shadow:rgba(30,58,138,.07);--t-btn:linear-gradient(135deg,#1e3a8a,#2563eb);--t-bnav:#fff;--t-bnav-act:#1e40af;--t-dark:0} [data-ngs-theme="sky"]{--t-g1:#0284c7;--t-g2:#0ea5e9;--t-g3:#7dd3fc;--t-bg:#f0f9ff;--t-bg2:#fff;--t-bg3:#e0f2fe;--t-line:#bae6fd;--t-text:#0c4a6e;--t-muted:#0369a1;--t-brand:#0284c7;--t-accent:#7dd3fc;--t-topbar:linear-gradient(135deg,#0c4a6e,#0284c7,#0ea5e9);--t-shadow:rgba(2,132,199,.07);--t-btn:linear-gradient(135deg,#075985,#0284c7);--t-bnav:#fff;--t-bnav-act:#0284c7;--t-dark:0} [data-ngs-theme="cobalt"]{--t-g1:#1746a2;--t-g2:#2160c4;--t-g3:#5b8dee;--t-bg:#f0f4ff;--t-bg2:#fff;--t-bg3:#e5eeff;--t-line:#c7d9ff;--t-text:#0d1f4e;--t-muted:#3a5897;--t-brand:#1746a2;--t-accent:#5b8dee;--t-topbar:linear-gradient(135deg,#0d1f4e,#1746a2,#2160c4);--t-shadow:rgba(23,70,162,.07);--t-btn:linear-gradient(135deg,#0d1f4e,#1746a2);--t-bnav:#fff;--t-bnav-act:#1746a2;--t-dark:0} [data-ngs-theme="azure"]{--t-g1:#0078d4;--t-g2:#2899f5;--t-g3:#50c2ff;--t-bg:#f0f8ff;--t-bg2:#fff;--t-bg3:#e1f3ff;--t-line:#bde0ff;--t-text:#003667;--t-muted:#005a9e;--t-brand:#0078d4;--t-accent:#50c2ff;--t-topbar:linear-gradient(135deg,#004880,#0078d4,#2899f5);--t-shadow:rgba(0,120,212,.07);--t-btn:linear-gradient(135deg,#004880,#0078d4);--t-bnav:#fff;--t-bnav-act:#0078d4;--t-dark:0} /* ── GREEN / NATURE ── */ [data-ngs-theme="forest"]{--t-g1:#16a34a;--t-g2:#22c55e;--t-g3:#4ade80;--t-bg:#f0fdf4;--t-bg2:#fff;--t-bg3:#dcfce7;--t-line:#bbf7d0;--t-text:#052e16;--t-muted:#3d7a52;--t-brand:#16a34a;--t-accent:#4ade80;--t-topbar:linear-gradient(135deg,#14532d,#16a34a,#22c55e);--t-shadow:rgba(22,163,74,.07);--t-btn:linear-gradient(135deg,#14532d,#16a34a);--t-bnav:#fff;--t-bnav-act:#16a34a;--t-dark:0} [data-ngs-theme="emerald"]{--t-g1:#059669;--t-g2:#10b981;--t-g3:#34d399;--t-bg:#ecfdf5;--t-bg2:#fff;--t-bg3:#d1fae5;--t-line:#a7f3d0;--t-text:#064e3b;--t-muted:#047857;--t-brand:#059669;--t-accent:#34d399;--t-topbar:linear-gradient(135deg,#064e3b,#059669,#10b981);--t-shadow:rgba(5,150,105,.07);--t-btn:linear-gradient(135deg,#065f46,#059669);--t-bnav:#fff;--t-bnav-act:#059669;--t-dark:0} [data-ngs-theme="lime"]{--t-g1:#65a30d;--t-g2:#84cc16;--t-g3:#bef264;--t-bg:#f7fee7;--t-bg2:#fff;--t-bg3:#ecfccb;--t-line:#d9f99d;--t-text:#1a2e05;--t-muted:#4d7c0f;--t-brand:#65a30d;--t-accent:#84cc16;--t-topbar:linear-gradient(135deg,#365314,#65a30d,#84cc16);--t-shadow:rgba(101,163,13,.07);--t-btn:linear-gradient(135deg,#365314,#65a30d);--t-bnav:#fff;--t-bnav-act:#65a30d;--t-dark:0} [data-ngs-theme="sage"]{--t-g1:#4a7c59;--t-g2:#6a9e78;--t-g3:#8fc99d;--t-bg:#f2f7f4;--t-bg2:#fff;--t-bg3:#e4efe8;--t-line:#c3d9ca;--t-text:#1a2e1f;--t-muted:#4a7c59;--t-brand:#4a7c59;--t-accent:#8fc99d;--t-topbar:linear-gradient(135deg,#1e3a28,#4a7c59,#6a9e78);--t-shadow:rgba(74,124,89,.07);--t-btn:linear-gradient(135deg,#1e3a28,#4a7c59);--t-bnav:#fff;--t-bnav-act:#4a7c59;--t-dark:0} /* ── TEAL / CYAN ── */ [data-ngs-theme="teal"]{--t-g1:#0d9488;--t-g2:#14b8a6;--t-g3:#2dd4bf;--t-bg:#f0fdfa;--t-bg2:#fff;--t-bg3:#ccfbf1;--t-line:#99f6e4;--t-text:#042f2e;--t-muted:#0f766e;--t-brand:#0d9488;--t-accent:#14b8a6;--t-topbar:linear-gradient(135deg,#134e4a,#0d9488,#14b8a6);--t-shadow:rgba(13,148,136,.07);--t-btn:linear-gradient(135deg,#134e4a,#0d9488);--t-bnav:#fff;--t-bnav-act:#0d9488;--t-dark:0} [data-ngs-theme="aqua"]{--t-g1:#0891b2;--t-g2:#06b6d4;--t-g3:#22d3ee;--t-bg:#ecfeff;--t-bg2:#fff;--t-bg3:#cffafe;--t-line:#a5f3fc;--t-text:#0e4a5a;--t-muted:#0e7490;--t-brand:#0891b2;--t-accent:#22d3ee;--t-topbar:linear-gradient(135deg,#0e4a5a,#0891b2,#06b6d4);--t-shadow:rgba(8,145,178,.07);--t-btn:linear-gradient(135deg,#0c4a58,#0891b2);--t-bnav:#fff;--t-bnav-act:#0891b2;--t-dark:0} [data-ngs-theme="mint"]{--t-g1:#0ca678;--t-g2:#12b886;--t-g3:#63e6be;--t-bg:#f0fdf8;--t-bg2:#fff;--t-bg3:#d5f5e8;--t-line:#a8edcc;--t-text:#033828;--t-muted:#087f5b;--t-brand:#0ca678;--t-accent:#63e6be;--t-topbar:linear-gradient(135deg,#055c3b,#0ca678,#12b886);--t-shadow:rgba(12,166,120,.07);--t-btn:linear-gradient(135deg,#055c3b,#0ca678);--t-bnav:#fff;--t-bnav-act:#0ca678;--t-dark:0} /* ── RED / WARM ── */ [data-ngs-theme="rose"]{--t-g1:#e11d48;--t-g2:#f43f5e;--t-g3:#fb7185;--t-bg:#fff1f2;--t-bg2:#fff;--t-bg3:#ffe4e6;--t-line:#fecdd3;--t-text:#4c0519;--t-muted:#9f1239;--t-brand:#e11d48;--t-accent:#f43f5e;--t-topbar:linear-gradient(135deg,#9f1239,#e11d48,#f43f5e);--t-shadow:rgba(225,29,72,.07);--t-btn:linear-gradient(135deg,#9f1239,#e11d48);--t-bnav:#fff;--t-bnav-act:#e11d48;--t-dark:0} [data-ngs-theme="crimson"]{--t-g1:#dc2626;--t-g2:#ef4444;--t-g3:#f87171;--t-bg:#fff5f5;--t-bg2:#fff;--t-bg3:#ffe0e0;--t-line:#fecaca;--t-text:#450a0a;--t-muted:#991b1b;--t-brand:#dc2626;--t-accent:#f87171;--t-topbar:linear-gradient(135deg,#7f1d1d,#dc2626,#ef4444);--t-shadow:rgba(220,38,38,.07);--t-btn:linear-gradient(135deg,#7f1d1d,#dc2626);--t-bnav:#fff;--t-bnav-act:#dc2626;--t-dark:0} [data-ngs-theme="ruby"]{--t-g1:#be123c;--t-g2:#e11d48;--t-g3:#fb7185;--t-bg:#fff0f3;--t-bg2:#fff;--t-bg3:#ffe0e7;--t-line:#ffc9d5;--t-text:#4a0020;--t-muted:#9e0036;--t-brand:#be123c;--t-accent:#fb7185;--t-topbar:linear-gradient(135deg,#881337,#be123c,#e11d48);--t-shadow:rgba(190,18,60,.07);--t-btn:linear-gradient(135deg,#881337,#be123c);--t-bnav:#fff;--t-bnav-act:#be123c;--t-dark:0} [data-ngs-theme="coral"]{--t-g1:#f43f5e;--t-g2:#fb7185;--t-g3:#fda4af;--t-bg:#fff1f3;--t-bg2:#fff;--t-bg3:#ffe4e8;--t-line:#fecdd6;--t-text:#500020;--t-muted:#be123c;--t-brand:#f43f5e;--t-accent:#fda4af;--t-topbar:linear-gradient(135deg,#9f1239,#f43f5e,#fb7185);--t-shadow:rgba(244,63,94,.07);--t-btn:linear-gradient(135deg,#be123c,#f43f5e);--t-bnav:#fff;--t-bnav-act:#f43f5e;--t-dark:0} /* ── ORANGE / AMBER ── */ [data-ngs-theme="sunset"]{--t-g1:#ea580c;--t-g2:#f97316;--t-g3:#fb923c;--t-bg:#fff7ed;--t-bg2:#fff;--t-bg3:#ffedd5;--t-line:#fed7aa;--t-text:#431407;--t-muted:#92400e;--t-brand:#ea580c;--t-accent:#f97316;--t-topbar:linear-gradient(135deg,#c2410c,#ea580c,#f97316);--t-shadow:rgba(234,88,12,.07);--t-btn:linear-gradient(135deg,#c2410c,#ea580c);--t-bnav:#fff;--t-bnav-act:#ea580c;--t-dark:0} [data-ngs-theme="amber"]{--t-g1:#d97706;--t-g2:#f59e0b;--t-g3:#fbbf24;--t-bg:#fffbeb;--t-bg2:#fff;--t-bg3:#fef3c7;--t-line:#fde68a;--t-text:#3b1700;--t-muted:#92400e;--t-brand:#d97706;--t-accent:#f59e0b;--t-topbar:linear-gradient(135deg,#92400e,#d97706,#f59e0b);--t-shadow:rgba(217,119,6,.07);--t-btn:linear-gradient(135deg,#92400e,#d97706);--t-bnav:#fff;--t-bnav-act:#d97706;--t-dark:0} [data-ngs-theme="fire"]{--t-g1:#c2410c;--t-g2:#ea580c;--t-g3:#fbbf24;--t-bg:#fff7ed;--t-bg2:#fff;--t-bg3:#ffedd5;--t-line:#fed7aa;--t-text:#431407;--t-muted:#9a3412;--t-brand:#c2410c;--t-accent:#fbbf24;--t-topbar:linear-gradient(135deg,#7c2d12,#c2410c,#ea580c,#fbbf24);--t-shadow:rgba(194,65,12,.07);--t-btn:linear-gradient(135deg,#7c2d12,#c2410c);--t-bnav:#fff;--t-bnav-act:#c2410c;--t-dark:0} [data-ngs-theme="mango"]{--t-g1:#f59e0b;--t-g2:#fbbf24;--t-g3:#fde68a;--t-bg:#fffdf0;--t-bg2:#fff;--t-bg3:#fefce8;--t-line:#fef08a;--t-text:#3d2700;--t-muted:#a16207;--t-brand:#d97706;--t-accent:#fbbf24;--t-topbar:linear-gradient(135deg,#78350f,#d97706,#f59e0b,#fbbf24);--t-shadow:rgba(245,158,11,.07);--t-btn:linear-gradient(135deg,#92400e,#d97706);--t-bnav:#fff;--t-bnav-act:#d97706;--t-dark:0} /* ── PINK / FUCHSIA ── */ [data-ngs-theme="candy"]{--t-g1:#c026d3;--t-g2:#d946ef;--t-g3:#e879f9;--t-bg:#fdf4ff;--t-bg2:#fff;--t-bg3:#fae8ff;--t-line:#f0abfc;--t-text:#3b0764;--t-muted:#a21caf;--t-brand:#c026d3;--t-accent:#d946ef;--t-topbar:linear-gradient(135deg,#6b21a8,#c026d3,#d946ef,#f59e0b);--t-shadow:rgba(192,38,211,.07);--t-btn:linear-gradient(135deg,#6b21a8,#c026d3);--t-bnav:#fff;--t-bnav-act:#c026d3;--t-dark:0} [data-ngs-theme="pink"]{--t-g1:#db2777;--t-g2:#ec4899;--t-g3:#f472b6;--t-bg:#fdf2f8;--t-bg2:#fff;--t-bg3:#fce7f3;--t-line:#fbcfe8;--t-text:#500030;--t-muted:#9d174d;--t-brand:#db2777;--t-accent:#f472b6;--t-topbar:linear-gradient(135deg,#9d174d,#db2777,#ec4899);--t-shadow:rgba(219,39,119,.07);--t-btn:linear-gradient(135deg,#9d174d,#db2777);--t-bnav:#fff;--t-bnav-act:#db2777;--t-dark:0} [data-ngs-theme="bubblegum"]{--t-g1:#e879f9;--t-g2:#f0abfc;--t-g3:#c084fc;--t-bg:#fdf4ff;--t-bg2:#fff;--t-bg3:#fae8ff;--t-line:#f5d0fe;--t-text:#4a044e;--t-muted:#a21caf;--t-brand:#d946ef;--t-accent:#c084fc;--t-topbar:linear-gradient(135deg,#701a75,#c026d3,#e879f9);--t-shadow:rgba(232,121,249,.07);--t-btn:linear-gradient(135deg,#86198f,#c026d3);--t-bnav:#fff;--t-bnav-act:#c026d3;--t-dark:0} [data-ngs-theme="flamingo"]{--t-g1:#f472b6;--t-g2:#fb7185;--t-g3:#fda4af;--t-bg:#fff5f7;--t-bg2:#fff;--t-bg3:#ffe4ec;--t-line:#ffccd7;--t-text:#4a0020;--t-muted:#be185d;--t-brand:#f472b6;--t-accent:#fb7185;--t-topbar:linear-gradient(135deg,#9d174d,#db2777,#f472b6,#fb7185);--t-shadow:rgba(244,114,182,.07);--t-btn:linear-gradient(135deg,#9d174d,#db2777);--t-bnav:#fff;--t-bnav-act:#db2777;--t-dark:0} /* ── YELLOW ── */ [data-ngs-theme="lemon"]{--t-g1:#ca8a04;--t-g2:#eab308;--t-g3:#facc15;--t-bg:#fefce8;--t-bg2:#fff;--t-bg3:#fef9c3;--t-line:#fef08a;--t-text:#3a2c00;--t-muted:#a16207;--t-brand:#ca8a04;--t-accent:#facc15;--t-topbar:linear-gradient(135deg,#713f12,#ca8a04,#eab308);--t-shadow:rgba(202,138,4,.07);--t-btn:linear-gradient(135deg,#713f12,#ca8a04);--t-bnav:#fff;--t-bnav-act:#ca8a04;--t-dark:0} [data-ngs-theme="sunshine"]{--t-g1:#f59e0b;--t-g2:#fbbf24;--t-g3:#fcd34d;--t-bg:#fffbeb;--t-bg2:#fff;--t-bg3:#fef3c7;--t-line:#fde68a;--t-text:#2c1b00;--t-muted:#b45309;--t-brand:#f59e0b;--t-accent:#fcd34d;--t-topbar:linear-gradient(135deg,#92400e,#d97706,#f59e0b,#fcd34d);--t-shadow:rgba(245,158,11,.07);--t-btn:linear-gradient(135deg,#92400e,#d97706);--t-bnav:#fff;--t-bnav-act:#d97706;--t-dark:0} /* ── INDIGO / DEEP PURPLE ── */ [data-ngs-theme="indigo"]{--t-g1:#4338ca;--t-g2:#6366f1;--t-g3:#818cf8;--t-bg:#eef2ff;--t-bg2:#fff;--t-bg3:#e0e7ff;--t-line:#c7d2fe;--t-text:#1e1b4b;--t-muted:#4338ca;--t-brand:#4338ca;--t-accent:#6366f1;--t-topbar:linear-gradient(135deg,#312e81,#4338ca,#6366f1);--t-shadow:rgba(67,56,202,.07);--t-btn:linear-gradient(135deg,#312e81,#4338ca);--t-bnav:#fff;--t-bnav-act:#4338ca;--t-dark:0} [data-ngs-theme="lavender"]{--t-g1:#7c3aed;--t-g2:#60a5fa;--t-g3:#a78bfa;--t-bg:#f5f3ff;--t-bg2:#fff;--t-bg3:#ede9fe;--t-line:#c4b5fd;--t-text:#1e1b4b;--t-muted:#5b21b6;--t-brand:#7c3aed;--t-accent:#60a5fa;--t-topbar:linear-gradient(135deg,#4c1d95,#7c3aed,#60a5fa,#a78bfa);--t-shadow:rgba(124,58,237,.07);--t-btn:linear-gradient(135deg,#4c1d95,#7c3aed);--t-bnav:#fff;--t-bnav-act:#7c3aed;--t-dark:0} /* ── GRAY / NEUTRAL ── */ [data-ngs-theme="space"]{--t-g1:#475569;--t-g2:#64748b;--t-g3:#94a3b8;--t-bg:#f8fafc;--t-bg2:#fff;--t-bg3:#f1f5f9;--t-line:#e2e8f0;--t-text:#0f172a;--t-muted:#64748b;--t-brand:#475569;--t-accent:#3b82f6;--t-topbar:linear-gradient(135deg,#1e293b,#334155,#475569);--t-shadow:rgba(71,85,105,.07);--t-btn:linear-gradient(135deg,#1e293b,#334155);--t-bnav:#fff;--t-bnav-act:#475569;--t-dark:0} [data-ngs-theme="slate"]{--t-g1:#334155;--t-g2:#475569;--t-g3:#64748b;--t-bg:#f8fafc;--t-bg2:#fff;--t-bg3:#f1f5f9;--t-line:#e2e8f0;--t-text:#0f172a;--t-muted:#64748b;--t-brand:#334155;--t-accent:#0ea5e9;--t-topbar:linear-gradient(135deg,#0f172a,#1e293b,#334155);--t-shadow:rgba(51,65,85,.07);--t-btn:linear-gradient(135deg,#0f172a,#1e293b);--t-bnav:#fff;--t-bnav-act:#334155;--t-dark:0} [data-ngs-theme="stone"]{--t-g1:#57534e;--t-g2:#78716c;--t-g3:#a8a29e;--t-bg:#fafaf9;--t-bg2:#fff;--t-bg3:#f5f5f4;--t-line:#e7e5e4;--t-text:#1c1917;--t-muted:#78716c;--t-brand:#57534e;--t-accent:#f59e0b;--t-topbar:linear-gradient(135deg,#1c1917,#44403c,#57534e);--t-shadow:rgba(87,83,78,.07);--t-btn:linear-gradient(135deg,#1c1917,#44403c);--t-bnav:#fff;--t-bnav-act:#57534e;--t-dark:0} [data-ngs-theme="zinc"]{--t-g1:#52525b;--t-g2:#71717a;--t-g3:#a1a1aa;--t-bg:#fafafa;--t-bg2:#fff;--t-bg3:#f4f4f5;--t-line:#e4e4e7;--t-text:#09090b;--t-muted:#71717a;--t-brand:#3f3f46;--t-accent:#8b5cf6;--t-topbar:linear-gradient(135deg,#18181b,#3f3f46,#52525b);--t-shadow:rgba(82,82,91,.07);--t-btn:linear-gradient(135deg,#18181b,#3f3f46);--t-bnav:#fff;--t-bnav-act:#3f3f46;--t-dark:0} /* ── DARK THEMES ── */ [data-ngs-theme="midnight"]{--t-g1:#6366f1;--t-g2:#818cf8;--t-g3:#a5b4fc;--t-bg:#0f0f1a;--t-bg2:#1a1a2e;--t-bg3:#16213e;--t-line:#2a2a4a;--t-text:#e2e8f0;--t-muted:#94a3b8;--t-brand:#818cf8;--t-accent:#a5b4fc;--t-topbar:linear-gradient(135deg,#0f0c29,#302b63,#24243e);--t-shadow:rgba(99,102,241,.15);--t-btn:linear-gradient(135deg,#4338ca,#6366f1);--t-bnav:#1a1a2e;--t-bnav-act:#818cf8;--t-dark:1} [data-ngs-theme="cherry"]{--t-g1:#dc2626;--t-g2:#ef4444;--t-g3:#f87171;--t-bg:#1a0a0a;--t-bg2:#1f0f0f;--t-bg3:#2a1010;--t-line:#3d1515;--t-text:#fef2f2;--t-muted:#fca5a5;--t-brand:#ef4444;--t-accent:#f87171;--t-topbar:linear-gradient(135deg,#450a0a,#7f1d1d,#dc2626);--t-shadow:rgba(220,38,38,.15);--t-btn:linear-gradient(135deg,#7f1d1d,#dc2626);--t-bnav:#1f0f0f;--t-bnav-act:#ef4444;--t-dark:1} [data-ngs-theme="obsidian"]{--t-g1:#6366f1;--t-g2:#8b5cf6;--t-g3:#c084fc;--t-bg:#09090b;--t-bg2:#111113;--t-bg3:#18181b;--t-line:#27272a;--t-text:#fafafa;--t-muted:#a1a1aa;--t-brand:#8b5cf6;--t-accent:#c084fc;--t-topbar:linear-gradient(135deg,#09090b,#1c1c2e,#312e81);--t-shadow:rgba(139,92,246,.15);--t-btn:linear-gradient(135deg,#4c1d95,#6d28d9);--t-bnav:#111113;--t-bnav-act:#8b5cf6;--t-dark:1} [data-ngs-theme="amoled"]{--t-g1:#a855f7;--t-g2:#ec4899;--t-g3:#f472b6;--t-bg:#000000;--t-bg2:#0a0a0a;--t-bg3:#111111;--t-line:#1f1f1f;--t-text:#ffffff;--t-muted:#888;--t-brand:#a855f7;--t-accent:#ec4899;--t-topbar:linear-gradient(135deg,#000,#1a0030,#2d0050);--t-shadow:rgba(168,85,247,.2);--t-btn:linear-gradient(135deg,#7c3aed,#a855f7);--t-bnav:#0a0a0a;--t-bnav-act:#a855f7;--t-dark:1} [data-ngs-theme="onyx"]{--t-g1:#22d3ee;--t-g2:#06b6d4;--t-g3:#0ea5e9;--t-bg:#0a0f14;--t-bg2:#111820;--t-bg3:#161f2b;--t-line:#1e2d3d;--t-text:#e2e8f0;--t-muted:#64748b;--t-brand:#22d3ee;--t-accent:#06b6d4;--t-topbar:linear-gradient(135deg,#020617,#0a1628,#0c4a6e);--t-shadow:rgba(34,211,238,.15);--t-btn:linear-gradient(135deg,#075985,#0891b2);--t-bnav:#111820;--t-bnav-act:#22d3ee;--t-dark:1} [data-ngs-theme="void"]{--t-g1:#10b981;--t-g2:#34d399;--t-g3:#6ee7b7;--t-bg:#030712;--t-bg2:#0a0f1e;--t-bg3:#0d1628;--t-line:#1a2540;--t-text:#f0fdf4;--t-muted:#4ade80;--t-brand:#10b981;--t-accent:#34d399;--t-topbar:linear-gradient(135deg,#030712,#0a1628,#064e3b);--t-shadow:rgba(16,185,129,.15);--t-btn:linear-gradient(135deg,#064e3b,#059669);--t-bnav:#0a0f1e;--t-bnav-act:#10b981;--t-dark:1} [data-ngs-theme="neon"]{--t-g1:#39ff14;--t-g2:#00f5ff;--t-g3:#ff00ff;--t-bg:#030303;--t-bg2:#0a0a0a;--t-bg3:#111;--t-line:#1a1a1a;--t-text:#f0f0f0;--t-muted:#666;--t-brand:#39ff14;--t-accent:#00f5ff;--t-topbar:linear-gradient(135deg,#000,#001a00,#003300);--t-shadow:rgba(57,255,20,.2);--t-btn:linear-gradient(135deg,#006600,#39ff14);--t-bnav:#0a0a0a;--t-bnav-act:#39ff14;--t-dark:1} [data-ngs-theme="cyber"]{--t-g1:#00f5ff;--t-g2:#ff00a0;--t-g3:#7b00ff;--t-bg:#020011;--t-bg2:#08001f;--t-bg3:#0c002b;--t-line:#1a0042;--t-text:#e8d5ff;--t-muted:#9b66ff;--t-brand:#00f5ff;--t-accent:#ff00a0;--t-topbar:linear-gradient(135deg,#020011,#08001f,#00f5ff22);--t-shadow:rgba(0,245,255,.15);--t-btn:linear-gradient(135deg,#3d008a,#7b00ff);--t-bnav:#08001f;--t-bnav-act:#00f5ff;--t-dark:1} [data-ngs-theme="matrix"]{--t-g1:#00ff41;--t-g2:#00c832;--t-g3:#39ff14;--t-bg:#000;--t-bg2:#001a00;--t-bg3:#002200;--t-line:#003300;--t-text:#00ff41;--t-muted:#00aa2a;--t-brand:#00ff41;--t-accent:#39ff14;--t-topbar:linear-gradient(135deg,#000,#001500,#002200);--t-shadow:rgba(0,255,65,.2);--t-btn:linear-gradient(135deg,#004400,#00ff41);--t-bnav:#001a00;--t-bnav-act:#00ff41;--t-dark:1} [data-ngs-theme="dracula"]{--t-g1:#bd93f9;--t-g2:#ff79c6;--t-g3:#8be9fd;--t-bg:#282a36;--t-bg2:#343746;--t-bg3:#3d404f;--t-line:#44475a;--t-text:#f8f8f2;--t-muted:#6272a4;--t-brand:#bd93f9;--t-accent:#ff79c6;--t-topbar:linear-gradient(135deg,#1e2030,#282a36,#44475a);--t-shadow:rgba(189,147,249,.15);--t-btn:linear-gradient(135deg,#44475a,#bd93f9);--t-bnav:#343746;--t-bnav-act:#bd93f9;--t-dark:1} [data-ngs-theme="nord"]{--t-g1:#88c0d0;--t-g2:#81a1c1;--t-g3:#5e81ac;--t-bg:#2e3440;--t-bg2:#3b4252;--t-bg3:#434c5e;--t-line:#4c566a;--t-text:#eceff4;--t-muted:#d8dee9;--t-brand:#88c0d0;--t-accent:#5e81ac;--t-topbar:linear-gradient(135deg,#242933,#2e3440,#3b4252);--t-shadow:rgba(136,192,208,.15);--t-btn:linear-gradient(135deg,#4c566a,#5e81ac);--t-bnav:#3b4252;--t-bnav-act:#88c0d0;--t-dark:1} [data-ngs-theme="monokai"]{--t-g1:#a6e22e;--t-g2:#66d9e8;--t-g3:#ae81ff;--t-bg:#272822;--t-bg2:#2f3129;--t-bg3:#383a2e;--t-line:#49483e;--t-text:#f8f8f2;--t-muted:#75715e;--t-brand:#a6e22e;--t-accent:#ae81ff;--t-topbar:linear-gradient(135deg,#1c1e16,#272822,#32342a);--t-shadow:rgba(166,226,46,.15);--t-btn:linear-gradient(135deg,#3d4030,#66d9e8);--t-bnav:#2f3129;--t-bnav-act:#a6e22e;--t-dark:1} [data-ngs-theme="solarized"]{--t-g1:#268bd2;--t-g2:#2aa198;--t-g3:#859900;--t-bg:#002b36;--t-bg2:#073642;--t-bg3:#0a3f4d;--t-line:#094556;--t-text:#fdf6e3;--t-muted:#657b83;--t-brand:#268bd2;--t-accent:#2aa198;--t-topbar:linear-gradient(135deg,#001f27,#002b36,#073642);--t-shadow:rgba(38,139,210,.15);--t-btn:linear-gradient(135deg,#094556,#268bd2);--t-bnav:#073642;--t-bnav-act:#268bd2;--t-dark:1} /* ── GRADIENT COMBOS ── */ [data-ngs-theme="aurora"]{--t-g1:#6ee7b7;--t-g2:#a78bfa;--t-g3:#f9a8d4;--t-bg:#f0fdf4;--t-bg2:#fff;--t-bg3:#ecfdf5;--t-line:#a7f3d0;--t-text:#0a2818;--t-muted:#059669;--t-brand:#6ee7b7;--t-accent:#a78bfa;--t-topbar:linear-gradient(135deg,#064e3b,#6ee7b7,#a78bfa,#f9a8d4);--t-shadow:rgba(110,231,183,.07);--t-btn:linear-gradient(135deg,#059669,#a78bfa);--t-bnav:#fff;--t-bnav-act:#059669;--t-dark:0} [data-ngs-theme="prism"]{--t-g1:#f43f5e;--t-g2:#8b5cf6;--t-g3:#06b6d4;--t-bg:#fafafa;--t-bg2:#fff;--t-bg3:#f5f5f5;--t-line:#e5e5e5;--t-text:#0a0a0a;--t-muted:#525252;--t-brand:#8b5cf6;--t-accent:#f43f5e;--t-topbar:linear-gradient(135deg,#f43f5e,#8b5cf6,#06b6d4);--t-shadow:rgba(139,92,246,.07);--t-btn:linear-gradient(135deg,#7c3aed,#ec4899);--t-bnav:#fff;--t-bnav-act:#8b5cf6;--t-dark:0} [data-ngs-theme="galaxy"]{--t-g1:#8b5cf6;--t-g2:#06b6d4;--t-g3:#ec4899;--t-bg:#faf5ff;--t-bg2:#fff;--t-bg3:#f3e8ff;--t-line:#e9d5ff;--t-text:#1e0845;--t-muted:#6d28d9;--t-brand:#8b5cf6;--t-accent:#06b6d4;--t-topbar:linear-gradient(135deg,#1e0845,#4c1d95,#8b5cf6,#06b6d4);--t-shadow:rgba(139,92,246,.07);--t-btn:linear-gradient(135deg,#4c1d95,#8b5cf6);--t-bnav:#fff;--t-bnav-act:#8b5cf6;--t-dark:0} [data-ngs-theme="cotton"]{--t-g1:#f9a8d4;--t-g2:#c4b5fd;--t-g3:#93c5fd;--t-bg:#fff5fb;--t-bg2:#fff;--t-bg3:#fce7f3;--t-line:#fce7f3;--t-text:#3b0764;--t-muted:#a21caf;--t-brand:#d946ef;--t-accent:#c4b5fd;--t-topbar:linear-gradient(135deg,#9d174d,#f9a8d4,#c4b5fd,#93c5fd);--t-shadow:rgba(249,168,212,.07);--t-btn:linear-gradient(135deg,#9d174d,#d946ef);--t-bnav:#fff;--t-bnav-act:#d946ef;--t-dark:0} [data-ngs-theme="rainbow"]{--t-g1:#f43f5e;--t-g2:#f97316;--t-g3:#6366f1;--t-bg:#fff;--t-bg2:#fff;--t-bg3:#fafafa;--t-line:#e5e7eb;--t-text:#111;--t-muted:#555;--t-brand:#8b5cf6;--t-accent:#f43f5e;--t-topbar:linear-gradient(135deg,#f43f5e,#f97316,#eab308,#22c55e,#06b6d4,#6366f1);--t-shadow:rgba(99,102,241,.07);--t-btn:linear-gradient(135deg,#7c3aed,#ec4899);--t-bnav:#fff;--t-bnav-act:#8b5cf6;--t-dark:0} [data-ngs-theme="holographic"]{--t-g1:#a78bfa;--t-g2:#38bdf8;--t-g3:#f0abfc;--t-bg:#f8faff;--t-bg2:#fff;--t-bg3:#f0f0ff;--t-line:#e0e0f8;--t-text:#1a1a40;--t-muted:#5555aa;--t-brand:#818cf8;--t-accent:#38bdf8;--t-topbar:linear-gradient(135deg,#1a1a40,#a78bfa,#38bdf8,#f0abfc);--t-shadow:rgba(167,139,250,.1);--t-btn:linear-gradient(135deg,#4338ca,#818cf8);--t-bnav:#fff;--t-bnav-act:#818cf8;--t-dark:0} /* ── EARTHY / NATURAL ── */ [data-ngs-theme="earth"]{--t-g1:#92400e;--t-g2:#b45309;--t-g3:#d97706;--t-bg:#fdf6ec;--t-bg2:#fff;--t-bg3:#fef3e2;--t-line:#fde9c3;--t-text:#2c1a00;--t-muted:#78350f;--t-brand:#92400e;--t-accent:#d97706;--t-topbar:linear-gradient(135deg,#431407,#92400e,#b45309);--t-shadow:rgba(146,64,14,.07);--t-btn:linear-gradient(135deg,#431407,#92400e);--t-bnav:#fff;--t-bnav-act:#92400e;--t-dark:0} [data-ngs-theme="walnut"]{--t-g1:#5c3317;--t-g2:#7a4928;--t-g3:#a0673a;--t-bg:#fdf6f0;--t-bg2:#fff;--t-bg3:#f8ede4;--t-line:#ead9cc;--t-text:#2a1400;--t-muted:#5c3317;--t-brand:#5c3317;--t-accent:#a0673a;--t-topbar:linear-gradient(135deg,#2a1400,#5c3317,#7a4928);--t-shadow:rgba(92,51,23,.07);--t-btn:linear-gradient(135deg,#2a1400,#5c3317);--t-bnav:#fff;--t-bnav-act:#5c3317;--t-dark:0} [data-ngs-theme="sand"]{--t-g1:#c2a16e;--t-g2:#d4b483;--t-g3:#e8ca99;--t-bg:#fdf8f0;--t-bg2:#fff;--t-bg3:#f5eddd;--t-line:#e8d8bc;--t-text:#3a2a10;--t-muted:#7a6040;--t-brand:#c2a16e;--t-accent:#d4b483;--t-topbar:linear-gradient(135deg,#6b4c20,#c2a16e,#d4b483);--t-shadow:rgba(194,161,110,.07);--t-btn:linear-gradient(135deg,#6b4c20,#c2a16e);--t-bnav:#fff;--t-bnav-act:#c2a16e;--t-dark:0} [data-ngs-theme="moss"]{--t-g1:#3f6212;--t-g2:#4d7c0f;--t-g3:#65a30d;--t-bg:#f7fce8;--t-bg2:#fff;--t-bg3:#ecfccb;--t-line:#d9f99d;--t-text:#1a2505;--t-muted:#3f6212;--t-brand:#4d7c0f;--t-accent:#65a30d;--t-topbar:linear-gradient(135deg,#1a2e05,#3f6212,#4d7c0f);--t-shadow:rgba(63,98,18,.07);--t-btn:linear-gradient(135deg,#1a2e05,#3f6212);--t-bnav:#fff;--t-bnav-act:#4d7c0f;--t-dark:0} /* ── PASTEL ── */ [data-ngs-theme="pastel-pink"]{--t-g1:#f9a8d4;--t-g2:#fbcfe8;--t-g3:#fce7f3;--t-bg:#fff0f8;--t-bg2:#fff;--t-bg3:#ffe4f2;--t-line:#ffd6eb;--t-text:#500030;--t-muted:#be185d;--t-brand:#ec4899;--t-accent:#f9a8d4;--t-topbar:linear-gradient(135deg,#db2777,#ec4899,#f9a8d4);--t-shadow:rgba(236,72,153,.07);--t-btn:linear-gradient(135deg,#9d174d,#ec4899);--t-bnav:#fff;--t-bnav-act:#ec4899;--t-dark:0} [data-ngs-theme="pastel-blue"]{--t-g1:#93c5fd;--t-g2:#bfdbfe;--t-g3:#dbeafe;--t-bg:#f5f8ff;--t-bg2:#fff;--t-bg3:#ebf2ff;--t-line:#d6e8ff;--t-text:#0f1e4a;--t-muted:#2563eb;--t-brand:#3b82f6;--t-accent:#93c5fd;--t-topbar:linear-gradient(135deg,#1d4ed8,#3b82f6,#93c5fd);--t-shadow:rgba(59,130,246,.07);--t-btn:linear-gradient(135deg,#1d4ed8,#3b82f6);--t-bnav:#fff;--t-bnav-act:#3b82f6;--t-dark:0} [data-ngs-theme="pastel-green"]{--t-g1:#86efac;--t-g2:#bbf7d0;--t-g3:#dcfce7;--t-bg:#f2fff5;--t-bg2:#fff;--t-bg3:#e8fded;--t-line:#d1fadf;--t-text:#052e16;--t-muted:#16a34a;--t-brand:#22c55e;--t-accent:#86efac;--t-topbar:linear-gradient(135deg,#16a34a,#22c55e,#86efac);--t-shadow:rgba(34,197,94,.07);--t-btn:linear-gradient(135deg,#15803d,#22c55e);--t-bnav:#fff;--t-bnav-act:#22c55e;--t-dark:0} [data-ngs-theme="pastel-purple"]{--t-g1:#d8b4fe;--t-g2:#e9d5ff;--t-g3:#f3e8ff;--t-bg:#fdf8ff;--t-bg2:#fff;--t-bg3:#f8f0ff;--t-line:#f0e0ff;--t-text:#2e1065;--t-muted:#7e22ce;--t-brand:#a855f7;--t-accent:#d8b4fe;--t-topbar:linear-gradient(135deg,#6b21a8,#a855f7,#d8b4fe);--t-shadow:rgba(168,85,247,.07);--t-btn:linear-gradient(135deg,#6b21a8,#a855f7);--t-bnav:#fff;--t-bnav-act:#a855f7;--t-dark:0} [data-ngs-theme="pastel-orange"]{--t-g1:#fdba74;--t-g2:#fed7aa;--t-g3:#ffedd5;--t-bg:#fffbf5;--t-bg2:#fff;--t-bg3:#fff5e8;--t-line:#ffe8cc;--t-text:#431407;--t-muted:#c2410c;--t-brand:#f97316;--t-accent:#fdba74;--t-topbar:linear-gradient(135deg,#c2410c,#f97316,#fdba74);--t-shadow:rgba(249,115,22,.07);--t-btn:linear-gradient(135deg,#c2410c,#f97316);--t-bnav:#fff;--t-bnav-act:#f97316;--t-dark:0} /* ── SEASONAL ── */ [data-ngs-theme="spring"]{--t-g1:#4ade80;--t-g2:#86efac;--t-g3:#fbcfe8;--t-bg:#f7fff4;--t-bg2:#fff;--t-bg3:#f0fdf4;--t-line:#bbf7d0;--t-text:#052e16;--t-muted:#16a34a;--t-brand:#22c55e;--t-accent:#ec4899;--t-topbar:linear-gradient(135deg,#16a34a,#4ade80,#fbcfe8,#ec4899);--t-shadow:rgba(74,222,128,.07);--t-btn:linear-gradient(135deg,#15803d,#22c55e);--t-bnav:#fff;--t-bnav-act:#16a34a;--t-dark:0} [data-ngs-theme="summer"]{--t-g1:#f97316;--t-g2:#fbbf24;--t-g3:#06b6d4;--t-bg:#fffbf0;--t-bg2:#fff;--t-bg3:#fff8e0;--t-line:#fde68a;--t-text:#3a1500;--t-muted:#b45309;--t-brand:#f97316;--t-accent:#06b6d4;--t-topbar:linear-gradient(135deg,#c2410c,#f97316,#fbbf24,#06b6d4);--t-shadow:rgba(249,115,22,.07);--t-btn:linear-gradient(135deg,#c2410c,#f97316);--t-bnav:#fff;--t-bnav-act:#f97316;--t-dark:0} [data-ngs-theme="autumn"]{--t-g1:#b45309;--t-g2:#d97706;--t-g3:#dc2626;--t-bg:#fdf6ee;--t-bg2:#fff;--t-bg3:#fef0dc;--t-line:#fdcc8a;--t-text:#3a1500;--t-muted:#92400e;--t-brand:#b45309;--t-accent:#dc2626;--t-topbar:linear-gradient(135deg,#7c2d12,#b45309,#d97706,#dc2626);--t-shadow:rgba(180,83,9,.07);--t-btn:linear-gradient(135deg,#7c2d12,#b45309);--t-bnav:#fff;--t-bnav-act:#b45309;--t-dark:0} [data-ngs-theme="winter"]{--t-g1:#0ea5e9;--t-g2:#93c5fd;--t-g3:#e0f2fe;--t-bg:#f0f8ff;--t-bg2:#fff;--t-bg3:#e8f4ff;--t-line:#bfdbfe;--t-text:#0c2d48;--t-muted:#0369a1;--t-brand:#0ea5e9;--t-accent:#93c5fd;--t-topbar:linear-gradient(135deg,#0c2d48,#0369a1,#0ea5e9,#93c5fd);--t-shadow:rgba(14,165,233,.07);--t-btn:linear-gradient(135deg,#075985,#0ea5e9);--t-bnav:#fff;--t-bnav-act:#0ea5e9;--t-dark:0} /* ── FOOD & FRUIT ── */ [data-ngs-theme="strawberry"]{--t-g1:#be123c;--t-g2:#e11d48;--t-g3:#f43f5e;--t-bg:#fff1f2;--t-bg2:#fff;--t-bg3:#ffe4e6;--t-line:#fecdd3;--t-text:#4c0519;--t-muted:#9f1239;--t-brand:#be123c;--t-accent:#f43f5e;--t-topbar:linear-gradient(135deg,#881337,#be123c,#e11d48,#f9a8d4);--t-shadow:rgba(190,18,60,.07);--t-btn:linear-gradient(135deg,#881337,#be123c);--t-bnav:#fff;--t-bnav-act:#be123c;--t-dark:0} [data-ngs-theme="blueberry"]{--t-g1:#312e81;--t-g2:#4338ca;--t-g3:#818cf8;--t-bg:#eef2ff;--t-bg2:#fff;--t-bg3:#e0e7ff;--t-line:#c7d2fe;--t-text:#1e1b4b;--t-muted:#3730a3;--t-brand:#4338ca;--t-accent:#818cf8;--t-topbar:linear-gradient(135deg,#1e1b4b,#312e81,#4338ca,#818cf8);--t-shadow:rgba(67,56,202,.07);--t-btn:linear-gradient(135deg,#312e81,#4338ca);--t-bnav:#fff;--t-bnav-act:#4338ca;--t-dark:0} [data-ngs-theme="peach"]{--t-g1:#f97316;--t-g2:#fb923c;--t-g3:#fdba74;--t-bg:#fff7ed;--t-bg2:#fff;--t-bg3:#ffeed8;--t-line:#fed7aa;--t-text:#431407;--t-muted:#c2410c;--t-brand:#f97316;--t-accent:#fdba74;--t-topbar:linear-gradient(135deg,#c2410c,#ea580c,#f97316,#fdba74);--t-shadow:rgba(249,115,22,.07);--t-btn:linear-gradient(135deg,#c2410c,#f97316);--t-bnav:#fff;--t-bnav-act:#f97316;--t-dark:0} [data-ngs-theme="grape-dark"]{--t-g1:#7e22ce;--t-g2:#9333ea;--t-g3:#c084fc;--t-bg:#110030;--t-bg2:#1a0042;--t-bg3:#220055;--t-line:#330080;--t-text:#f3e8ff;--t-muted:#c084fc;--t-brand:#a855f7;--t-accent:#c084fc;--t-topbar:linear-gradient(135deg,#08001a,#1a0042,#7e22ce);--t-shadow:rgba(168,85,247,.2);--t-btn:linear-gradient(135deg,#4c1d95,#7e22ce);--t-bnav:#1a0042;--t-bnav-act:#a855f7;--t-dark:1} /* ── METALLIC ── */ [data-ngs-theme="gold"]{--t-g1:#b8860b;--t-g2:#daa520;--t-g3:#ffd700;--t-bg:#fffdf0;--t-bg2:#fff;--t-bg3:#fefce0;--t-line:#fef08a;--t-text:#2a1f00;--t-muted:#78600a;--t-brand:#b8860b;--t-accent:#ffd700;--t-topbar:linear-gradient(135deg,#5a4000,#b8860b,#daa520,#ffd700);--t-shadow:rgba(184,134,11,.07);--t-btn:linear-gradient(135deg,#5a4000,#b8860b);--t-bnav:#fff;--t-bnav-act:#b8860b;--t-dark:0} [data-ngs-theme="silver"]{--t-g1:#9ca3af;--t-g2:#d1d5db;--t-g3:#f3f4f6;--t-bg:#f9fafb;--t-bg2:#fff;--t-bg3:#f3f4f6;--t-line:#e5e7eb;--t-text:#111827;--t-muted:#6b7280;--t-brand:#6b7280;--t-accent:#4b5563;--t-topbar:linear-gradient(135deg,#374151,#6b7280,#9ca3af,#d1d5db);--t-shadow:rgba(107,114,128,.07);--t-btn:linear-gradient(135deg,#374151,#6b7280);--t-bnav:#fff;--t-bnav-act:#6b7280;--t-dark:0} [data-ngs-theme="bronze"]{--t-g1:#cd7f32;--t-g2:#d4863a;--t-g3:#e09a50;--t-bg:#fdf6ee;--t-bg2:#fff;--t-bg3:#f8ecdc;--t-line:#f0d8bb;--t-text:#2a1500;--t-muted:#885020;--t-brand:#cd7f32;--t-accent:#e09a50;--t-topbar:linear-gradient(135deg,#6b3a0f,#cd7f32,#d4863a);--t-shadow:rgba(205,127,50,.07);--t-btn:linear-gradient(135deg,#6b3a0f,#cd7f32);--t-bnav:#fff;--t-bnav-act:#cd7f32;--t-dark:0} [data-ngs-theme="platinum"]{--t-g1:#8892a4;--t-g2:#a8b2c2;--t-g3:#c8d2e2;--t-bg:#f8f9fb;--t-bg2:#fff;--t-bg3:#f0f2f5;--t-line:#dce0ea;--t-text:#0d1728;--t-muted:#6878a0;--t-brand:#4a5878;--t-accent:#6366f1;--t-topbar:linear-gradient(135deg,#1e2740,#4a5878,#8892a4,#c8d2e2);--t-shadow:rgba(72,89,120,.07);--t-btn:linear-gradient(135deg,#1e2740,#4a5878);--t-bnav:#fff;--t-bnav-act:#4a5878;--t-dark:0} /* ── SPECIAL / UNIQUE ── */ [data-ngs-theme="cotton-candy"]{--t-g1:#f9a8d4;--t-g2:#a5f3fc;--t-g3:#c4b5fd;--t-bg:#fff5fc;--t-bg2:#fff;--t-bg3:#fce7f3;--t-line:#fce7f3;--t-text:#3b0764;--t-muted:#9333ea;--t-brand:#d946ef;--t-accent:#a5f3fc;--t-topbar:linear-gradient(135deg,#db2777,#f9a8d4,#a5f3fc,#c4b5fd);--t-shadow:rgba(217,70,239,.07);--t-btn:linear-gradient(135deg,#db2777,#9333ea);--t-bnav:#fff;--t-bnav-act:#d946ef;--t-dark:0} [data-ngs-theme="synthwave"]{--t-g1:#ff2d78;--t-g2:#7b2fff;--t-g3:#00d4ff;--t-bg:#1a0030;--t-bg2:#200040;--t-bg3:#280055;--t-line:#3a0078;--t-text:#ffccff;--t-muted:#cc88ff;--t-brand:#ff2d78;--t-accent:#00d4ff;--t-topbar:linear-gradient(135deg,#0d001a,#3d0070,#ff2d78,#00d4ff);--t-shadow:rgba(255,45,120,.2);--t-btn:linear-gradient(135deg,#5a00cc,#ff2d78);--t-bnav:#200040;--t-bnav-act:#ff2d78;--t-dark:1} [data-ngs-theme="lofi"]{--t-g1:#c4a882;--t-g2:#8b7355;--t-g3:#6b5a3e;--t-bg:#f9f5ef;--t-bg2:#fff;--t-bg3:#f3ede3;--t-line:#e5d8c5;--t-text:#2a2016;--t-muted:#7a6848;--t-brand:#8b7355;--t-accent:#c4a882;--t-topbar:linear-gradient(135deg,#2a2016,#5a4830,#8b7355);--t-shadow:rgba(139,115,85,.07);--t-btn:linear-gradient(135deg,#3d2e1a,#8b7355);--t-bnav:#fff;--t-bnav-act:#8b7355;--t-dark:0} [data-ngs-theme="vaporwave"]{--t-g1:#ff71ce;--t-g2:#01cdfe;--t-g3:#b967ff;--t-bg:#1a002e;--t-bg2:#240040;--t-bg3:#2d0055;--t-line:#400088;--t-text:#ffe0ff;--t-muted:#cc88ff;--t-brand:#ff71ce;--t-accent:#01cdfe;--t-topbar:linear-gradient(135deg,#0d0022,#ff71ce,#01cdfe,#b967ff);--t-shadow:rgba(255,113,206,.2);--t-btn:linear-gradient(135deg,#8800cc,#ff71ce);--t-bnav:#240040;--t-bnav-act:#ff71ce;--t-dark:1} [data-ngs-theme="retro"]{--t-g1:#ff6b35;--t-g2:#f7c59f;--t-g3:#efefd0;--t-bg:#fdfaf0;--t-bg2:#fff;--t-bg3:#f8f0d8;--t-line:#f0deb0;--t-text:#2c1a00;--t-muted:#8b5e00;--t-brand:#ff6b35;--t-accent:#f7c59f;--t-topbar:linear-gradient(135deg,#b03000,#ff6b35,#f7c59f);--t-shadow:rgba(255,107,53,.07);--t-btn:linear-gradient(135deg,#8c2000,#ff6b35);--t-bnav:#fff;--t-bnav-act:#ff6b35;--t-dark:0} [data-ngs-theme="corporate"]{--t-g1:#1e3a8a;--t-g2:#1d4ed8;--t-g3:#3b82f6;--t-bg:#f8faff;--t-bg2:#fff;--t-bg3:#f0f4ff;--t-line:#dce8ff;--t-text:#0f1e4a;--t-muted:#3b5998;--t-brand:#1e3a8a;--t-accent:#3b82f6;--t-topbar:linear-gradient(135deg,#0f1e4a,#1e3a8a,#1d4ed8);--t-shadow:rgba(30,58,138,.07);--t-btn:linear-gradient(135deg,#0f1e4a,#1e3a8a);--t-bnav:#fff;--t-bnav-act:#1e3a8a;--t-dark:0} [data-ngs-theme="medical"]{--t-g1:#0891b2;--t-g2:#06b6d4;--t-g3:#22d3ee;--t-bg:#f0fdff;--t-bg2:#fff;--t-bg3:#e8fbff;--t-line:#caf7ff;--t-text:#0a3040;--t-muted:#0e7490;--t-brand:#0891b2;--t-accent:#22d3ee;--t-topbar:linear-gradient(135deg,#0a3040,#0891b2,#06b6d4);--t-shadow:rgba(8,145,178,.07);--t-btn:linear-gradient(135deg,#0e4d6a,#0891b2);--t-bnav:#fff;--t-bnav-act:#0891b2;--t-dark:0} [data-ngs-theme="gaming"]{--t-g1:#39ff14;--t-g2:#00aaff;--t-g3:#ff2d78;--t-bg:#0a0e12;--t-bg2:#111822;--t-bg3:#162030;--t-line:#1e3040;--t-text:#e0f0ff;--t-muted:#4488aa;--t-brand:#39ff14;--t-accent:#00aaff;--t-topbar:linear-gradient(135deg,#050810,#0a1820,#39ff1420);--t-shadow:rgba(57,255,20,.2);--t-btn:linear-gradient(135deg,#005500,#39ff14);--t-bnav:#111822;--t-bnav-act:#39ff14;--t-dark:1} [data-ngs-theme="tropical"]{--t-g1:#059669;--t-g2:#0ea5e9;--t-g3:#fbbf24;--t-bg:#f0fdf8;--t-bg2:#fff;--t-bg3:#e0fef3;--t-line:#a7f3d0;--t-text:#033028;--t-muted:#0f766e;--t-brand:#059669;--t-accent:#0ea5e9;--t-topbar:linear-gradient(135deg,#033028,#059669,#0ea5e9,#fbbf24);--t-shadow:rgba(5,150,105,.07);--t-btn:linear-gradient(135deg,#065f46,#059669);--t-bnav:#fff;--t-bnav-act:#059669;--t-dark:0} [data-ngs-theme="luxe"]{--t-g1:#78350f;--t-g2:#b8860b;--t-g3:#ffd700;--t-bg:#1a0f00;--t-bg2:#221500;--t-bg3:#2a1c00;--t-line:#3d2e00;--t-text:#fef3c7;--t-muted:#d97706;--t-brand:#b8860b;--t-accent:#ffd700;--t-topbar:linear-gradient(135deg,#0a0500,#78350f,#b8860b,#ffd700);--t-shadow:rgba(184,134,11,.2);--t-btn:linear-gradient(135deg,#78350f,#b8860b);--t-bnav:#221500;--t-bnav-act:#ffd700;--t-dark:1} [data-ngs-theme="ocean-dark"]{--t-g1:#0ea5e9;--t-g2:#22d3ee;--t-g3:#38bdf8;--t-bg:#020e1a;--t-bg2:#041828;--t-bg3:#062035;--t-line:#0a2d48;--t-text:#e0f4ff;--t-muted:#7dd3fc;--t-brand:#0ea5e9;--t-accent:#22d3ee;--t-topbar:linear-gradient(135deg,#010a12,#041828,#0c4a6e);--t-shadow:rgba(14,165,233,.2);--t-btn:linear-gradient(135deg,#075985,#0ea5e9);--t-bnav:#041828;--t-bnav-act:#38bdf8;--t-dark:1} [data-ngs-theme="forest-dark"]{--t-g1:#16a34a;--t-g2:#22c55e;--t-g3:#4ade80;--t-bg:#020f08;--t-bg2:#041a0c;--t-bg3:#072814;--t-line:#0d3d1e;--t-text:#dcfce7;--t-muted:#4ade80;--t-brand:#22c55e;--t-accent:#4ade80;--t-topbar:linear-gradient(135deg,#010805,#052e16,#16a34a);--t-shadow:rgba(34,197,94,.2);--t-btn:linear-gradient(135deg,#064e3b,#16a34a);--t-bnav:#041a0c;--t-bnav-act:#22c55e;--t-dark:1} [data-ngs-theme="nebula"]{--t-g1:#8b5cf6;--t-g2:#ec4899;--t-g3:#06b6d4;--t-bg:#08041a;--t-bg2:#100828;--t-bg3:#180c38;--t-line:#251048;--t-text:#f0e8ff;--t-muted:#a78bfa;--t-brand:#8b5cf6;--t-accent:#ec4899;--t-topbar:linear-gradient(135deg,#04020e,#14064e,#8b5cf6,#ec4899);--t-shadow:rgba(139,92,246,.2);--t-btn:linear-gradient(135deg,#4c1d95,#8b5cf6);--t-bnav:#100828;--t-bnav-act:#8b5cf6;--t-dark:1} [data-ngs-theme="sunset-dark"]{--t-g1:#f97316;--t-g2:#ef4444;--t-g3:#ec4899;--t-bg:#1a0800;--t-bg2:#240c00;--t-bg3:#2e1200;--t-line:#401a00;--t-text:#fff1e8;--t-muted:#fb923c;--t-brand:#f97316;--t-accent:#ef4444;--t-topbar:linear-gradient(135deg,#0e0400,#431407,#c2410c,#f97316);--t-shadow:rgba(249,115,22,.2);--t-btn:linear-gradient(135deg,#7c2d12,#c2410c);--t-bnav:#240c00;--t-bnav-act:#f97316;--t-dark:1} /* ================================================================ SECTION 2 · UNIVERSAL CSS VARIABLE BRIDGE Applies all --t-* tokens to the existing site variables ================================================================ */ [data-ngs-theme]{ --grad-1:var(--t-g1); --grad-2:var(--t-g2); --grad-3:var(--t-g3); --bg:var(--t-bg); --bg-2:var(--t-bg2); --bg-3:var(--t-bg3); --line:var(--t-line); --line-2:var(--t-line); --text:var(--t-text); --muted:var(--t-muted); --brand:var(--t-brand); --accent:var(--t-accent); } /* ================================================================ SECTION 3 · FULL COMPONENT OVERRIDES Every single UI element is covered — body, nav, cards, buttons, forms, tables, badges, bottom-nav, footer, etc. ================================================================ */ /* ── Body / Page ── */ [data-ngs-theme] html, [data-ngs-theme] body, [data-ngs-theme]{ background-color:var(--t-bg) !important; color:var(--t-text) !important; } /* ── Topbar / Navbar ── */ [data-ngs-theme] .topbar, [data-ngs-theme] nav.ngs-nav-v2{ background:var(--t-topbar) !important; box-shadow:0 8px 28px -10px color-mix(in srgb, var(--t-g1) 40%, transparent) !important; } [data-ngs-theme] .ngs-nav-v2 .ngs-link:hover, [data-ngs-theme] .ngs-nav-v2 .ngs-link.active{ background:rgba(255,255,255,.18) !important; color:#fff !important; } [data-ngs-theme] .ngs-nav-v2 .ngs-link::after{ background:var(--t-g3) !important; } /* ── Balance pill ── */ [data-ngs-theme] .ngs-balance, [data-ngs-theme] .balance-pill{ background:#fff !important; color:var(--t-brand) !important; box-shadow:0 4px 14px rgba(0,0,0,.15) !important; } [data-ngs-theme] .ngs-bal-amt, [data-ngs-theme] .ngs-bal-cap{ color:var(--t-brand) !important; } /* ── Page background ── */ [data-ngs-theme] main, [data-ngs-theme] .app-container{ background:var(--t-bg) !important; } /* ── Glass cards ── */ [data-ngs-theme] .glass{ background:var(--t-bg2) !important; border-color:var(--t-line) !important; color:var(--t-text) !important; box-shadow:0 6px 22px var(--t-shadow) !important; } [data-ngs-theme] .glass-soft{ background:linear-gradient(135deg,var(--t-bg2),var(--t-bg3)) !important; border-color:var(--t-line) !important; color:var(--t-text) !important; } /* ── QA tiles (quick actions) ── */ [data-ngs-theme] .qa-tile{ background:var(--t-bg2) !important; color:var(--t-text) !important; box-shadow:0 4px 16px var(--t-shadow) !important; } [data-ngs-theme] .qa-tile:hover{ color:var(--t-text) !important; } [data-ngs-theme] .qa-tile .qa-name{ color:var(--t-text) !important; } [data-ngs-theme] .qa-tile .qa-sub{ color:var(--t-muted) !important; } /* ── Stat cards ── */ [data-ngs-theme] .stat-card{ background:var(--t-bg2) !important; color:var(--t-text) !important; box-shadow:0 4px 14px var(--t-shadow) !important; } [data-ngs-theme] .stat-card.brand .ico{ background:var(--t-btn) !important; } [data-ngs-theme] .stat-card .label{ color:var(--t-muted) !important; } [data-ngs-theme] .stat-card .value{ color:var(--t-text) !important; } /* ── Profile hero banner ── */ [data-ngs-theme] .profile-hero{ background:var(--t-topbar) !important; box-shadow:0 12px 32px -8px color-mix(in srgb,var(--t-g1) 45%,transparent) !important; } /* ── Buy page hero ── */ [data-ngs-theme] .buy-hero{ background:linear-gradient(135deg,var(--t-bg2),var(--t-bg3)) !important; box-shadow:0 6px 22px var(--t-shadow) !important; } [data-ngs-theme] .buy-hero h2 .ico{ background:var(--t-btn) !important; box-shadow:0 6px 14px -4px color-mix(in srgb,var(--t-g2) 50%,transparent) !important; } /* ── Search bar ── */ [data-ngs-theme] .buy-search{ background:var(--t-bg2) !important; box-shadow:0 4px 14px var(--t-shadow) !important; } [data-ngs-theme] .buy-search input{ color:var(--t-text) !important; } [data-ngs-theme] .buy-search button{ background:var(--t-btn) !important; border:0 !important; } [data-ngs-theme] .ngs-buy-search{ background:var(--t-bg2) !important; border-color:var(--t-line) !important; } [data-ngs-theme] .ngs-buy-search input{ color:var(--t-text) !important; } [data-ngs-theme] .ngs-buy-search .prefix{ color:var(--t-brand) !important; } /* ── Filter blocks ── */ [data-ngs-theme] .filter-block, [data-ngs-theme] .ngs-buy-filter{ background:var(--t-bg2) !important; box-shadow:0 4px 14px var(--t-shadow) !important; border-color:var(--t-line) !important; } [data-ngs-theme] .filter-block .filter-title{ color:var(--t-muted) !important; } [data-ngs-theme] .filter-block .filter-title i{ color:var(--t-brand) !important; } [data-ngs-theme] .ngs-buy-filter .hdr i{ color:var(--t-brand) !important; } /* ── Provider chips ── */ [data-ngs-theme] .provider-chip{ background:var(--t-bg3) !important; border-color:var(--t-line) !important; color:var(--t-text) !important; } [data-ngs-theme] .provider-chip:hover{ border-color:var(--t-brand) !important; color:var(--t-brand) !important; background:var(--t-bg2) !important; } [data-ngs-theme] .provider-chip.active{ background:var(--t-btn) !important; border-color:transparent !important; color:#fff !important; } [data-ngs-theme] .ngs-buy-chip{ background:var(--t-bg3) !important; border-color:var(--t-line) !important; color:var(--t-muted) !important; } [data-ngs-theme] .ngs-buy-chip.active{ background:var(--t-btn) !important; border-color:transparent !important; color:#fff !important; } /* ── Country chips ── */ [data-ngs-theme] .country-chip{ background:var(--t-bg2) !important; color:var(--t-text) !important; box-shadow:0 2px 10px var(--t-shadow) !important; } [data-ngs-theme] .country-chip:hover{ color:var(--t-brand) !important; } [data-ngs-theme] .country-chip.active{ background:var(--t-btn) !important; border-color:transparent !important; color:#fff !important; } /* ── Service cards ── */ [data-ngs-theme] .service-card, [data-ngs-theme] .ngs-svc{ background:var(--t-bg2) !important; color:var(--t-text) !important; box-shadow:0 4px 14px var(--t-shadow) !important; border-color:var(--t-line) !important; } [data-ngs-theme] .service-card:hover, [data-ngs-theme] .ngs-svc:hover{ box-shadow:0 12px 26px color-mix(in srgb,var(--t-g1) 15%,transparent) !important; } [data-ngs-theme] .service-card .name, [data-ngs-theme] .ngs-svc-name{ color:var(--t-text) !important; } [data-ngs-theme] .service-card .country, [data-ngs-theme] .ngs-svc-country{ color:var(--t-muted) !important; } [data-ngs-theme] .service-card .price, [data-ngs-theme] .ngs-svc-row2 .price{ background:var(--t-btn) !important; -webkit-background-clip:text !important; background-clip:text !important; -webkit-text-fill-color:transparent !important; } [data-ngs-theme] .service-card .stock, [data-ngs-theme] .ngs-svc-row2 .stock{ color:var(--t-muted) !important; } /* ── Number screen (order page) ── */ [data-ngs-theme] .number-screen{ background:linear-gradient(135deg,var(--t-bg2),var(--t-bg3)) !important; color:var(--t-text) !important; box-shadow:0 8px 24px var(--t-shadow) !important; } [data-ngs-theme] .number-screen .digits{ background:var(--t-btn) !important; -webkit-background-clip:text !important; background-clip:text !important; -webkit-text-fill-color:transparent !important; } /* ── Section title & headings ── */ [data-ngs-theme] .section-title, [data-ngs-theme] .h-display{ color:var(--t-text) !important; } [data-ngs-theme] .h-display{ background:var(--t-btn) !important; -webkit-background-clip:text !important; background-clip:text !important; -webkit-text-fill-color:transparent !important; } [data-ngs-theme] .section-title small, [data-ngs-theme] .muted-2, [data-ngs-theme] .text-muted{ color:var(--t-muted) !important; } /* ── Tables ── */ [data-ngs-theme] table.tbl{ background:var(--t-bg2) !important; box-shadow:0 4px 14px var(--t-shadow) !important; } [data-ngs-theme] table.tbl th{ color:var(--t-muted) !important; border-bottom-color:var(--t-line) !important; background:var(--t-bg3) !important; } [data-ngs-theme] table.tbl td{ color:var(--t-text) !important; border-bottom-color:var(--t-line) !important; } [data-ngs-theme] table.tbl tbody tr:hover{ background:var(--t-bg3) !important; } /* ── Forms ── */ [data-ngs-theme] .form-control, [data-ngs-theme] .form-select, [data-ngs-theme] input[type="text"], [data-ngs-theme] input[type="email"], [data-ngs-theme] input[type="password"], [data-ngs-theme] input[type="number"], [data-ngs-theme] textarea, [data-ngs-theme] select{ background:var(--t-bg2) !important; border-color:var(--t-line) !important; color:var(--t-text) !important; } [data-ngs-theme] .form-control:focus, [data-ngs-theme] .form-select:focus{ border-color:var(--t-brand) !important; box-shadow:0 0 0 4px color-mix(in srgb, var(--t-brand) 15%, transparent) !important; } [data-ngs-theme] .form-label{ color:var(--t-muted) !important; } [data-ngs-theme] ::placeholder{ color:var(--t-muted) !important; opacity:.6 !important; } /* ── Buttons ── */ [data-ngs-theme] .btn-purple, [data-ngs-theme] .btn-primary{ background:var(--t-btn) !important; border-color:transparent !important; color:#fff !important; } [data-ngs-theme] .btn-outline-light{ border-color:var(--t-line) !important; color:var(--t-text) !important; background:var(--t-bg2) !important; } [data-ngs-theme] .btn-outline-light:hover{ background:var(--t-bg3) !important; color:var(--t-brand) !important; border-color:var(--t-brand) !important; } [data-ngs-theme] .ngs-buy-btn, [data-ngs-theme] .tn-submit, [data-ngs-theme] .btn-reply{ background:var(--t-btn) !important; border-color:transparent !important; color:#fff !important; } /* ── Bottom navigation ── */ [data-ngs-theme] .bottom-nav{ background:color-mix(in srgb, var(--t-bnav) 97%, transparent) !important; box-shadow:0 -6px 24px color-mix(in srgb,var(--t-g1) 12%,transparent) !important; border-top-color:var(--t-line) !important; } [data-ngs-theme] .bottom-nav a{ color:var(--t-muted) !important; } [data-ngs-theme] .bottom-nav a.active, [data-ngs-theme] .bottom-nav a.active *{ color:var(--t-bnav-act) !important; } [data-ngs-theme] .bottom-nav a.active::before{ background:var(--t-btn) !important; } [data-ngs-theme] .bottom-nav a.active i{ background:var(--t-btn) !important; -webkit-background-clip:text !important; background-clip:text !important; -webkit-text-fill-color:transparent !important; } /* ── Footer ── */ [data-ngs-theme] footer.app-footer{ color:var(--t-muted) !important; border-top-color:var(--t-line) !important; } [data-ngs-theme] footer.app-footer a{ color:var(--t-brand) !important; } /* ── Generic Bootstrap cards / list-groups ── */ [data-ngs-theme] .card{ background:var(--t-bg2) !important; border-color:var(--t-line) !important; color:var(--t-text) !important; } [data-ngs-theme] .card-header{ background:var(--t-bg3) !important; border-color:var(--t-line) !important; } [data-ngs-theme] .list-group-item{ background:var(--t-bg2) !important; border-color:var(--t-line) !important; color:var(--t-text) !important; } [data-ngs-theme] .list-group-item:hover{ background:var(--t-bg3) !important; } /* ── Wallet cards ── */ [data-ngs-theme] .wallet-card, [data-ngs-theme] .w-card{ background:var(--t-topbar) !important; } /* ── Order / SMS cards ── */ [data-ngs-theme] .order-row, [data-ngs-theme] .order-card{ background:var(--t-bg2) !important; border-color:var(--t-line) !important; color:var(--t-text) !important; } /* ── Links ── */ [data-ngs-theme] a:not(.btn):not(.badge):not(.bottom-nav a):not(.ngs-link):not(.ngs-balance):not(.qa-tile):not(.service-card):not(.country-chip):not(.provider-chip):not(.ngs-buy-chip){ color:var(--t-brand) !important; } [data-ngs-theme] a:not(.btn):hover{ opacity:.85; } /* ── Hr / dividers ── */ [data-ngs-theme] hr{ border-color:var(--t-line) !important; } /* ── Scrollbar ── */ [data-ngs-theme] ::-webkit-scrollbar-track{ background:var(--t-bg3); } [data-ngs-theme] ::-webkit-scrollbar-thumb{ background:var(--t-line); border-radius:999px; } [data-ngs-theme] ::-webkit-scrollbar-thumb:hover{ background:var(--t-muted); } /* ── Empty state ── */ [data-ngs-theme] .empty-state{ background:var(--t-bg2) !important; box-shadow:0 6px 22px var(--t-shadow) !important; } [data-ngs-theme] .empty-state .icn{ background:var(--t-btn) !important; -webkit-background-clip:text !important; background-clip:text !important; -webkit-text-fill-color:transparent !important; } /* ── Selection ── */ [data-ngs-theme] ::selection{ background:var(--t-brand); color:#fff; } /* ── NGS-specific buy page elements ── */ [data-ngs-theme] .ngs-buy-section-hdr h2{ background:var(--t-btn) !important; -webkit-background-clip:text !important; background-clip:text !important; -webkit-text-fill-color:transparent !important; } [data-ngs-theme] .ngs-buy-section-hdr p{ color:var(--t-muted) !important; } [data-ngs-theme] .ngs-search-dd{ background:var(--t-bg2) !important; border-color:var(--t-brand) !important; box-shadow:0 12px 30px var(--t-shadow) !important; } [data-ngs-theme] .ngs-dd-item:hover{ background:var(--t-bg3) !important; } [data-ngs-theme] .ngs-dd-name{ color:var(--t-text) !important; } [data-ngs-theme] .ngs-dd-meta{ color:var(--t-muted) !important; } [data-ngs-theme] .ngs-dd-name mark{ background:color-mix(in srgb,var(--t-brand) 20%,transparent) !important; color:var(--t-brand) !important; } [data-ngs-theme] .ngs-sel-pill{ background:color-mix(in srgb,var(--t-brand) 10%,transparent) !important; border-color:var(--t-brand) !important; color:var(--t-brand) !important; } [data-ngs-theme] .ngs-sel-pill small{ color:var(--t-brand) !important; } [data-ngs-theme] .ngs-chev{ color:var(--t-brand) !important; } [data-ngs-theme] .ngs-svc-code{ background:color-mix(in srgb,var(--t-brand) 10%,transparent) !important; border-color:var(--t-brand) !important; color:var(--t-brand) !important; } [data-ngs-theme] .ngs-svc-code:hover{ background:color-mix(in srgb,var(--t-brand) 20%,transparent) !important; } [data-ngs-theme] .ngs-svc-code-val{ color:var(--t-brand) !important; } [data-ngs-theme] .ep-body h6{ color:var(--t-brand) !important; } [data-ngs-theme] .api-h-tag{ color:var(--t-brand) !important; background:color-mix(in srgb,var(--t-brand) 10%,transparent) !important; border-color:var(--t-brand) !important; } [data-ngs-theme] .stats b{ color:var(--t-brand) !important; } [data-ngs-theme] .toc a:hover{ background:var(--t-btn) !important; color:#fff !important; } [data-ngs-theme] .toc a i{ color:var(--t-brand) !important; } /* ── Badge colors ── */ [data-ngs-theme] .badge.bg-success{ background:linear-gradient(135deg,#10b981,#059669) !important; } [data-ngs-theme] .badge.bg-primary{ background:var(--t-btn) !important; } /* ── Dark theme extras ── */ [data-ngs-theme][data-ngs-dark="1"], [data-ngs-theme="midnight"], [data-ngs-theme="cherry"], [data-ngs-theme="obsidian"], [data-ngs-theme="amoled"], [data-ngs-theme="onyx"], [data-ngs-theme="void"], [data-ngs-theme="neon"], [data-ngs-theme="cyber"], [data-ngs-theme="matrix"], [data-ngs-theme="dracula"], [data-ngs-theme="nord"], [data-ngs-theme="monokai"], [data-ngs-theme="solarized"], [data-ngs-theme="synthwave"], [data-ngs-theme="vaporwave"], [data-ngs-theme="grape-dark"], [data-ngs-theme="gaming"], [data-ngs-theme="luxe"], [data-ngs-theme="ocean-dark"], [data-ngs-theme="forest-dark"], [data-ngs-theme="nebula"], [data-ngs-theme="sunset-dark"]{ color-scheme: dark; } [data-ngs-theme="midnight"] body, [data-ngs-theme="cherry"] body, [data-ngs-theme="obsidian"] body, [data-ngs-theme="amoled"] body, [data-ngs-theme="onyx"] body, [data-ngs-theme="void"] body, [data-ngs-theme="neon"] body, [data-ngs-theme="cyber"] body, [data-ngs-theme="matrix"] body, [data-ngs-theme="dracula"] body, [data-ngs-theme="nord"] body, [data-ngs-theme="monokai"] body, [data-ngs-theme="solarized"] body, [data-ngs-theme="synthwave"] body, [data-ngs-theme="vaporwave"] body, [data-ngs-theme="grape-dark"] body, [data-ngs-theme="gaming"] body, [data-ngs-theme="luxe"] body, [data-ngs-theme="ocean-dark"] body, [data-ngs-theme="forest-dark"] body, [data-ngs-theme="nebula"] body, [data-ngs-theme="sunset-dark"] body{ background:var(--t-bg) !important; } /* ================================================================ SECTION 4 · THEME PICKER DRAWER (full UI) ================================================================ */ .ngs-theme-drawer{ position:fixed; bottom:80px; right:16px; z-index:9999; background:var(--t-bg2,#fff); border-radius:24px; box-shadow:0 24px 64px rgba(0,0,0,.22); padding:0; width:360px; max-height:70vh; display:none; overflow:hidden; border:1px solid var(--t-line,rgba(0,0,0,.08)); } @media(max-width:400px){ .ngs-theme-drawer{ width:calc(100vw - 24px); right:12px; } } .ngs-theme-drawer.open{ display:flex; flex-direction:column; } .ngs-td-head{ padding:1rem 1.1rem .7rem; background:var(--t-topbar); flex-shrink:0; } .ngs-td-head h6{ font-size:.75rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; color:#fff; margin:0; display:flex; align-items:center; gap:.4rem; } .ngs-td-search{ margin-top:.6rem; display:flex; align-items:center; background:rgba(255,255,255,.18); border-radius:10px; padding:.3rem .7rem; gap:.4rem; } .ngs-td-search i{ color:rgba(255,255,255,.7); font-size:.8rem; } .ngs-td-search input{ background:transparent !important; border:0 !important; color:#fff !important; font-size:.82rem; outline:none; flex:1; box-shadow:none !important; } .ngs-td-search input::placeholder{ color:rgba(255,255,255,.6) !important; } .ngs-td-tabs{ display:flex; gap:0; background:var(--t-bg3,#f5f5f5); flex-shrink:0; border-bottom:1px solid var(--t-line,#e5e5e5); overflow-x:auto; scrollbar-width:none; } .ngs-td-tabs::-webkit-scrollbar{ display:none; } .ngs-td-tab{ padding:.45rem .8rem; font-size:.7rem; font-weight:700; color:var(--t-muted,#888); cursor:pointer; white-space:nowrap; letter-spacing:.04em; text-transform:uppercase; border-bottom:2px solid transparent; transition:all .15s; } .ngs-td-tab.active{ color:var(--t-brand,#7c3aed); border-bottom-color:var(--t-brand,#7c3aed); background:var(--t-bg2,#fff); } .ngs-td-body{ flex:1; overflow-y:auto; padding:.7rem; scrollbar-width:thin; } .ngs-td-body::-webkit-scrollbar{ width:4px; } .ngs-td-body::-webkit-scrollbar-thumb{ background:var(--t-line,#e5e5e5); border-radius:4px; } .ngs-td-group{ margin-bottom:.8rem; } .ngs-td-group-label{ font-size:.62rem; font-weight:800; letter-spacing:.1em; text-transform:uppercase; color:var(--t-muted,#888); margin-bottom:.4rem; padding:0 .1rem; } .ngs-td-swatches{ display:grid; grid-template-columns:repeat(5,1fr); gap:.45rem; } .ngs-ts{ aspect-ratio:1; border-radius:12px; cursor:pointer; border:2.5px solid transparent; transition:transform .15s, border-color .15s, box-shadow .15s; position:relative; overflow:hidden; display:flex; align-items:center; justify-content:center; } .ngs-ts:hover{ transform:scale(1.1); box-shadow:0 6px 18px rgba(0,0,0,.18); } .ngs-ts.active{ border-color:#fff !important; box-shadow:0 0 0 3px var(--t-brand,#7c3aed), 0 6px 18px rgba(0,0,0,.2) !important; } .ngs-ts .ngs-ts-check{ color:#fff; font-size:.85rem; opacity:0; transition:opacity .15s; text-shadow:0 1px 4px rgba(0,0,0,.5); z-index:1; } .ngs-ts.active .ngs-ts-check{ opacity:1; } .ngs-ts-tip{ position:absolute; bottom:0; left:0; right:0; background:rgba(0,0,0,.5); color:#fff; font-size:.45rem; font-weight:700; text-align:center; padding:.1rem; opacity:0; transition:opacity .15s; text-transform:uppercase; letter-spacing:.04em; } .ngs-ts:hover .ngs-ts-tip{ opacity:1; } .ngs-td-footer{ padding:.6rem 1rem .75rem; flex-shrink:0; border-top:1px solid var(--t-line,#e5e5e5); background:var(--t-bg3,#f9f9f9); font-size:.72rem; color:var(--t-muted,#888); text-align:center; }