/* * altra-theme.css — Système de thèmes AltraSuite * Servi via FastAPI : GET /altra-theme.css * Chargé par TOUTES les pages avec * * Le JS (altra-theme.js) applique data-theme="xxx" sur * ce qui active le bon jeu de variables CSS. * Toutes les pages utilisent déjà var(--bg), var(--text), etc. * donc le changement de thème est instantané et sans modification des pages. */ /* ── Thème par défaut (chargement avant JS) ── */ :root { --bg: #0a0f1a; --bg2: #0f1729; --bg3: #141f35; --card: #111827; --border: #1e2d47; --border2: #253450; --text: #e2eaf7; --muted: #6b82a8; --dim: #3d5278; --blue: #3b82f6; --blue2: #60a5fa; --cyan: #22d3ee; --amber: #f59e0b; --rose: #f43f5e; --green: #10b981; --purple: #a78bfa; } /* ── Nord (défaut bleu nuit) ── */ body[data-theme="nord"] { --bg: #0a0f1a; --bg2: #0f1729; --bg3: #141f35; --card: #111827; --border: #1e2d47; --border2: #253450; --text: #e2eaf7; --muted: #6b82a8; --dim: #3d5278; --blue: #3b82f6; --blue2: #60a5fa; --cyan: #22d3ee; --amber: #f59e0b; --rose: #f43f5e; --green: #10b981; --purple: #a78bfa; } /* ── Slate (violet sombre) ── */ body[data-theme="slate"] { --bg: #0f0f13; --bg2: #18181f; --bg3: #1f1f29; --card: #16161e; --border: #2a2a38; --border2: #353545; --text: #e8e8f0; --muted: #7070a0; --dim: #404060; --blue: #818cf8; --blue2: #a5b4fc; --cyan: #67e8f9; --amber: #fb923c; --rose: #f472b6; --green: #34d399; --purple: #c084fc; } /* ── Forest (vert sombre) ── */ body[data-theme="forest"] { --bg: #080e0a; --bg2: #0d1710; --bg3: #111f14; --card: #0e190f; --border: #1a2d1d; --border2: #22382a; --text: #d8eadc; --muted: #5a8060; --dim: #304838; --blue: #34d399; --blue2: #6ee7b7; --cyan: #22d3ee; --amber: #fbbf24; --rose: #f87171; --green: #10b981; --purple: #a78bfa; } /* ── Crimson (rose sombre) ── */ body[data-theme="crimson"] { --bg: #0f080c; --bg2: #1a0d14; --bg3: #21101c; --card: #17090f; --border: #2d1420; --border2: #3a1a28; --text: #f0dde6; --muted: #8a6070; --dim: #503040; --blue: #f472b6; --blue2: #f9a8d4; --cyan: #fb7185; --amber: #fbbf24; --rose: #fb7185; --green: #34d399; --purple: #e879f9; } /* ── Paper (clair, fond blanc cassé) ── */ body[data-theme="paper"] { --bg: #f5f2eb; --bg2: #ffffff; --bg3: #f0ede6; --card: #fafaf8; --border: #e0dbd0; --border2: #ccc8be; --text: #1a1a1a; --muted: #888070; --dim: #b0a898; --blue: #2563eb; --blue2: #3b82f6; --cyan: #0891b2; --amber: #d97706; --rose: #e11d48; --green: #059669; --purple: #7c3aed; } /* ── Ocean (bleu profond, cyan) ── */ body[data-theme="ocean"] { --bg: #040e18; --bg2: #071525; --bg3: #0a1c30; --card: #071220; --border: #0e2840; --border2: #153450; --text: #c8e8ff; --muted: #3a6888; --dim: #1e4060; --blue: #0ea5e9; --blue2: #38bdf8; --cyan: #22d3ee; --amber: #f59e0b; --rose: #fb7185; --green: #06b6d4; --purple: #818cf8; }