/* * Console – Theme-Presets. * Alle Farbwerte ausschließlich als CSS-Variablen, aktiviert über * [data-theme="..."] auf . Keine hartcodierten Farben in * einzelnen Templates – nur var(--...) verwenden. */ :root { --radius: 16px; --radius-sm: 10px; --font-display: 'Fraunces', Georgia, serif; --font-body: 'Inter', system-ui, sans-serif; --font-mono: 'JetBrains Mono', ui-monospace, monospace; } /* Nur für die Login-Screens (vor Authentifizierung) – bewusst neutral/ unauffällig, kein Wein-/Kink-Akzent, kein Glow. Nicht Teil der unter settings.php wählbaren User-Themes. */ [data-theme="auth-neutral"] { --bg:#131417; --panel:#1c1d21; --panel-2:#25262b; --line:#34353b; --text:#e6e7ea; --text-dim:#9a9ca3; --accent:#5b6472; --accent-deep:#454c57; --accent-2:#5b6472; --accent-2-deep:#454c57; --ok:#7fc9a0; --warn:#e0a868; --err:#d9707a; } [data-theme="deep-wine"] { --bg:#0f0810; --panel:#241420; --panel-2:#3a1f30; --line:#4a2a3d; --text:#f2e4ec; --text-dim:#c9a8bd; --accent:#b8365f; --accent-deep:#8f2c4b; --accent-2:#b8365f; --accent-2-deep:#8f2c4b; --ok:#7fc9a0; --warn:#e0a868; --err:#d9707a; } [data-theme="deep-wine-pine"] { --bg:#0f0810; --panel:#241420; --panel-2:#3a1f30; --line:#4a2a3d; --text:#f2e4ec; --text-dim:#c9a8bd; --accent:#3f8f66; --accent-deep:#2e6e4d; --accent-2:#3f8f66; --accent-2-deep:#2e6e4d; --ok:#7fc9a0; --warn:#e0a868; --err:#d9707a; } [data-theme="midnight-plum"] { --bg:#0a0814; --panel:#1c1830; --panel-2:#2e2848; --line:#3d3560; --text:#e8e4f2; --text-dim:#9d94b8; --accent:#a566c4; --accent-deep:#7c4a9e; --accent-2:#a566c4; --accent-2-deep:#7c4a9e; --ok:#7fc9a0; --warn:#e0a868; --err:#d9707a; } [data-theme="ember-noir"] { --bg:#0a0908; --panel:#1a1614; --panel-2:#2a2320; --line:#3a3230; --text:#f0ece6; --text-dim:#a89890; --accent:#e0623f; --accent-deep:#b8492c; --accent-2:#e0623f; --accent-2-deep:#b8492c; --ok:#7fc9a0; --warn:#e0a868; --err:#d9707a; } [data-theme="crimson-velvet"] { --bg:#0d0506; --panel:#1f1012; --panel-2:#331a1c; --line:#432428; --text:#f4e6e6; --text-dim:#c19a9a; --accent:#e2445a; --accent-deep:#b8283c; --accent-2:#e2445a; --accent-2-deep:#b8283c; --ok:#7fc9a0; --warn:#e0a868; --err:#d9707a; } [data-theme="deep-ocean"] { --bg:#050a10; --panel:#0f1e2c; --panel-2:#1a3346; --line:#274258; --text:#e2edf4; --text-dim:#8ba3b8; --accent:#4fa8e0; --accent-deep:#3684b8; --accent-2:#4fa8e0; --accent-2-deep:#3684b8; --ok:#7fc9a0; --warn:#e0a868; --err:#d9707a; } [data-theme="navy"] { --bg:#050710; --panel:#0e1120; --panel-2:#181d33; --line:#242a4a; --text:#e4e6f4; --text-dim:#8a91b8; --accent:#4a5fd9; --accent-deep:#3646ab; --accent-2:#4a5fd9; --accent-2-deep:#3646ab; --ok:#7fc9a0; --warn:#e0a868; --err:#d9707a; } [data-theme="cyan-pop"] { --bg:#040d14; --panel:#0c1f2c; --panel-2:#163545; --line:#20475a; --text:#e0f4fa; --text-dim:#7fc0d8; --accent:#00d4ff; --accent-deep:#00a8cc; --accent-2:#00d4ff; --accent-2-deep:#00a8cc; --ok:#7fc9a0; --warn:#e0a868; --err:#d9707a; } [data-theme="dark-grey-wine"] { --bg:#141416; --panel:#1e1e21; --panel-2:#2a2a2e; --line:#38383d; --text:#eeeeee; --text-dim:#b5b5bb; --accent:#a34a5c; --accent-deep:#7a3644; --accent-2:#a34a5c; --accent-2-deep:#7a3644; --ok:#7fc9a0; --warn:#e0a868; --err:#d9707a; } [data-theme="cyan-pink"] { --bg:#050e14; --panel:#0c1e26; --panel-2:#163540; --line:#204250; --text:#e0f0f7; --text-dim:#7fb4c4; --accent:#ff5fa2; --accent-deep:#e0417f; --accent-2:#22c2e8; --accent-2-deep:#1596b8; --ok:#7fc9a0; --warn:#e0a868; --err:#d9707a; }