/* ============================================================ ATLAS Studio Pro — Dark Mode supplement Complète body.dark de styles.css : 1) html.dark body → évite le flash blanc au chargement 2) Transitions douces au toggle ============================================================ */ /* ── Transition douce lors du toggle ───────────────────────── On anime les propriétés de fond/texte/bordure. On exclut les transitions SVG et les éléments animés. */ body, body *:not(svg):not(path) { transition: background-color 200ms ease, border-color 200ms ease, color 80ms ease; } /* Ne pas animer les enfants qui bougent déjà (drag, modals) */ .module.is-dragging *, .gs-modal *, #f360ov *, .kb-panel * { transition: none !important; } /* ── Phase anti-FOUC : html.dark body ──────────────────────── dark-mode.js ajoute .dark sur AVANT que basic.js ne pose body.dark (qui est deferred). Ce bloc assure que le fond est sombre dès le premier rendu. */ html.dark body { --paper: #15131A; --paper-2: #1E1B24; --paper-3: #26222E; --ink: #F0EBE0; --ink-2: #C5BFB0; --ink-3: #8A8478; --mist: #4A4555; --hairline: rgba(240,235,224,0.10); --hairline-2: rgba(240,235,224,0.05); --sienna-soft: rgba(189,79,28,0.18); --grid-dot: rgba(240,235,224,0.14); background: var(--paper); color: var(--ink); } /* ── Icône du bouton toggle ───────────────────────────────── */ #basicBtnToggleDark { font-size: 16px; line-height: 1; }