/* ============================================================ NEW SOUND STUDIO — Dark Theme (dark.css) Applied via [data-theme="dark"] on This is the DEFAULT theme. ============================================================ */ [data-theme="dark"], :root { --bg: #060606; --bg-card: #1A1A1A; --bg-hover: #252525; --text: #F0EDE8; --text-muted: #999999; --text-faint: #666666; --border: #333333; --border-dim: #252525; --accent: #f51919; --accent-dim: #8A6B27; /* Nav backdrop in dark mode */ --nav-bg: rgba(6,6,6,0.92); /* Input / select backgrounds */ --input-bg: #1A1A1A; --input-border: #333333; /* Code / mono blocks */ --code-bg: #0F0F0F; } [data-theme="dark"] .nav { background: rgba(6,6,6,0.92); border-bottom-color: #252525; } [data-theme="dark"] .nav__theme-btn .icon-sun { display: block; } [data-theme="dark"] .nav__theme-btn .icon-moon { display: none; } [data-theme="dark"] .card, [data-theme="dark"] .pain-card { background: #1A1A1A; border-color: #252525; } [data-theme="dark"] .form-input { background: #1A1A1A; border-color: #333333; color: #F0EDE8; } [data-theme="dark"] .modal { background: #1A1A1A; border-color: #333333; } [data-theme="dark"] .footer { background: #0D0D0D; border-top-color: #252525; } [data-theme="dark"] .trust-bar { background: #111111; } /* Scrollbar (Webkit) */ [data-theme="dark"] ::-webkit-scrollbar { width: 6px; height: 6px; } [data-theme="dark"] ::-webkit-scrollbar-track { background: #0F0F0F; } [data-theme="dark"] ::-webkit-scrollbar-thumb { background: #333333; border-radius: 3px; } [data-theme="dark"] ::-webkit-scrollbar-thumb:hover { background: #f51919; } /* Selection */ [data-theme="dark"] ::selection { background: rgba(245,25,25,.25); color: #F0EDE8; } /* Admin sidebar in dark mode */ [data-theme="dark"] .admin-sidebar { background: #0D0D0D; border-right-color: #252525; } [data-theme="dark"] .admin-table th { background: #111111; } [data-theme="dark"] .admin-table tr:hover td { background: #1F1F1F; }