/* * Thème "Slate Blue" — secondaire, adapté au confort visuel * * Activation : * - Globale : ajouter `data-theme="blue"` sur la balise * (ou définir APP_THEME=blue dans .env si config('app.theme') est branchée) * - Par utilisateur : bouton de bascule dans la barre supérieure * (persistance via localStorage, clé "theme") * * Désactivation : retirer l'attribut data-theme (revient au thème vert par défaut). * * Mécanique : Tailwind 4 compile les utilitaires en variables CSS. * Redéfinir ces variables sur :root[data-theme="blue"] suffit à basculer * toutes les couleurs primaires de l'app, sans rebuild Vite. */ :root[data-theme="blue"] { /* Palette primaire — Slate Blue (gris-bleu froid, repos visuel prolongé) */ --color-primary-50: #f1f5fa; --color-primary-100: #e3eaf3; --color-primary-200: #c5d2e3; --color-primary-300: #98abc6; --color-primary-400: #6e84a8; --color-primary-500: #4f6889; --color-primary-600: #3e526e; /* boutons primaires, accents principaux */ --color-primary-700: #344158; --color-primary-800: #283448; --color-primary-900: #1e2638; /* sidebar profonde */ --color-primary-950: #0f1424; /* Légère teinte bleutée du fond pour adoucir la lecture */ --color-gray-50: #f3f6fb; } /* Transition douce lors du basculement */ html { transition: background-color 0.25s ease; }