/* ===================================================== AURA WEALTH — 10 THEME DEFINITIONS Applied via data-theme attribute on ===================================================== */ [data-theme="dark"], :root { --color-bg-primary: #09090b; --color-bg-surface: #18181b; --color-bg-input: #27272a; --color-border: #3f3f46; --color-border-input: #3f3f46; --color-text-primary: #ffffff; --color-text-secondary:#a1a1aa; --color-text-muted: #71717a; --color-accent: #10b981; --color-accent-hover: #059669; --color-accent-subtle: rgba(16,185,129,0.12); --color-accent-border: rgba(16,185,129,0.30); --color-warning: #f59e0b; --color-warning-subtle:rgba(245,158,11,0.10); --color-danger: #ef4444; --color-success: #22c55e; --color-sidebar-bg: #09090b; --color-sidebar-border:#27272a; --color-header-bg: #09090b; } [data-theme="midnight"] { --color-bg-primary: #050d1a; --color-bg-surface: #0a1628; --color-bg-input: #0f1f36; --color-border: #1a3050; --color-border-input: #1a3050; --color-text-primary: #e2e8f0; --color-text-secondary:#7fb3d3; --color-text-muted: #4a7fa0; --color-accent: #06b6d4; --color-accent-hover: #0891b2; --color-accent-subtle: rgba(6,182,212,0.12); --color-accent-border: rgba(6,182,212,0.30); --color-warning: #eab308; --color-warning-subtle:rgba(234,179,8,0.10); --color-danger: #f87171; --color-success: #34d399; --color-sidebar-bg: #030c17; --color-sidebar-border:#0f2040; --color-header-bg: #050d1a; } [data-theme="forest"] { --color-bg-primary: #050f08; --color-bg-surface: #0a1a0e; --color-bg-input: #0f2514; --color-border: #1a3a20; --color-border-input: #1a3a20; --color-text-primary: #d1fae5; --color-text-secondary:#6ee7b7; --color-text-muted: #34a870; --color-accent: #84cc16; --color-accent-hover: #65a30d; --color-accent-subtle: rgba(132,204,22,0.12); --color-accent-border: rgba(132,204,22,0.30); --color-warning: #fb923c; --color-warning-subtle:rgba(251,146,60,0.10); --color-danger: #f87171; --color-success: #4ade80; --color-sidebar-bg: #040c06; --color-sidebar-border:#0f2014; --color-header-bg: #050f08; } [data-theme="violet"] { --color-bg-primary: #0d0914; --color-bg-surface: #160d22; --color-bg-input: #1e1230; --color-border: #2e1a4a; --color-border-input: #2e1a4a; --color-text-primary: #f3e8ff; --color-text-secondary:#c4b5fd; --color-text-muted: #7c3aed; --color-accent: #a855f7; --color-accent-hover: #9333ea; --color-accent-subtle: rgba(168,85,247,0.12); --color-accent-border: rgba(168,85,247,0.30); --color-warning: #f59e0b; --color-warning-subtle:rgba(245,158,11,0.10); --color-danger: #f87171; --color-success: #34d399; --color-sidebar-bg: #0a0710; --color-sidebar-border:#20133a; --color-header-bg: #0d0914; } [data-theme="sunset"] { --color-bg-primary: #120a05; --color-bg-surface: #1c1008; --color-bg-input: #27160a; --color-border: #3d2210; --color-border-input: #3d2210; --color-text-primary: #fff7ed; --color-text-secondary:#fdba74; --color-text-muted: #c2680a; --color-accent: #f97316; --color-accent-hover: #ea6c10; --color-accent-subtle: rgba(249,115,22,0.12); --color-accent-border: rgba(249,115,22,0.30); --color-warning: #eab308; --color-warning-subtle:rgba(234,179,8,0.10); --color-danger: #ef4444; --color-success: #22c55e; --color-sidebar-bg: #0d0703; --color-sidebar-border:#2a1508; --color-header-bg: #120a05; } [data-theme="ocean"] { --color-bg-primary: #020f14; --color-bg-surface: #04171f; --color-bg-input: #072030; --color-border: #0e3347; --color-border-input: #0e3347; --color-text-primary: #e0f7fa; --color-text-secondary:#67e8f9; --color-text-muted: #1890a0; --color-accent: #38bdf8; --color-accent-hover: #0ea5e9; --color-accent-subtle: rgba(56,189,248,0.12); --color-accent-border: rgba(56,189,248,0.30); --color-warning: #fbbf24; --color-warning-subtle:rgba(251,191,36,0.10); --color-danger: #f87171; --color-success: #2dd4bf; --color-sidebar-bg: #010b0f; --color-sidebar-border:#082535; --color-header-bg: #020f14; } [data-theme="crimson"] { --color-bg-primary: #0f0508; --color-bg-surface: #1a080e; --color-bg-input: #240a14; --color-border: #3d0f1e; --color-border-input: #3d0f1e; --color-text-primary: #fff1f2; --color-text-secondary:#fda4af; --color-text-muted: #9f1239; --color-accent: #f43f5e; --color-accent-hover: #e11d48; --color-accent-subtle: rgba(244,63,94,0.12); --color-accent-border: rgba(244,63,94,0.30); --color-warning: #f59e0b; --color-warning-subtle:rgba(245,158,11,0.10); --color-danger: #dc2626; --color-success: #22c55e; --color-sidebar-bg: #0a0306; --color-sidebar-border:#2a0810; --color-header-bg: #0f0508; } [data-theme="mono"] { --color-bg-primary: #000000; --color-bg-surface: #0a0a0a; --color-bg-input: #141414; --color-border: #262626; --color-border-input: #262626; --color-text-primary: #ffffff; --color-text-secondary:#a3a3a3; --color-text-muted: #525252; --color-accent: #ffffff; --color-accent-hover: #d4d4d4; --color-accent-subtle: rgba(255,255,255,0.08); --color-accent-border: rgba(255,255,255,0.20); --color-warning: #a3a3a3; --color-warning-subtle:rgba(163,163,163,0.10); --color-danger: #ef4444; --color-success: #ffffff; --color-sidebar-bg: #000000; --color-sidebar-border:#1a1a1a; --color-header-bg: #000000; } [data-theme="aurora"] { --color-bg-primary: #06050f; --color-bg-surface: #0d0c1e; --color-bg-input: #141228; --color-border: #1e1c38; --color-border-input: #1e1c38; --color-text-primary: #f0eeff; --color-text-secondary:#a78bfa; --color-text-muted: #6340cc; --color-accent: #818cf8; --color-accent-hover: #6366f1; --color-accent-subtle: rgba(129,140,248,0.12); --color-accent-border: rgba(129,140,248,0.30); --color-warning: #fb923c; --color-warning-subtle:rgba(251,146,60,0.10); --color-danger: #f87171; --color-success: #34d399; --color-sidebar-bg: #04030c; --color-sidebar-border:#131128; --color-header-bg: #06050f; } [data-theme="light"] { --color-bg-primary: #f8fafc; --color-bg-surface: #ffffff; --color-bg-input: #f1f5f9; --color-border: #e2e8f0; --color-border-input: #cbd5e1; --color-text-primary: #0f172a; --color-text-secondary:#475569; --color-text-muted: #94a3b8; --color-accent: #10b981; --color-accent-hover: #059669; --color-accent-subtle: rgba(16,185,129,0.08); --color-accent-border: rgba(16,185,129,0.25); --color-warning: #d97706; --color-warning-subtle:rgba(217,119,6,0.08); --color-danger: #dc2626; --color-success: #16a34a; --color-sidebar-bg: #ffffff; --color-sidebar-border:#e2e8f0; --color-header-bg: #ffffff; } /* ===================================================== BASE UTILITIES ===================================================== */ body { background-color: var(--color-bg-primary); color: var(--color-text-primary); font-family: 'Inter', system-ui, -apple-system, sans-serif; } ::-webkit-scrollbar { width: 6px; } ::-webkit-scrollbar-track { background: var(--color-bg-primary); } ::-webkit-scrollbar-thumb { background: var(--color-border); border-radius: 3px; } ::-webkit-scrollbar-thumb:hover { background: var(--color-text-muted); }