// tweaks-app.jsx — panel de Tweaks para comparar variaciones del Home // Lee la preferencia guardada por el botón de la nav const _savedTheme = localStorage.getItem('rotary-theme'); const ROTARY_TWEAKS = /*EDITMODE-BEGIN*/{ "hero": "1", "accent": "#f7a81b", "tema": _savedTheme === 'dark' ? 'Oscuro' : 'Claro' }/*EDITMODE-END*/; function RotaryTweaks() { const [t, setTweak] = useTweaks(ROTARY_TWEAKS); React.useEffect(() => { document.documentElement.setAttribute('data-hero', t.hero); document.documentElement.style.setProperty('--accent', t.accent); var themeDark = t.tema === 'Oscuro'; document.documentElement.setAttribute('data-theme', themeDark ? 'dark' : 'light'); localStorage.setItem('rotary-theme', themeDark ? 'dark' : 'light'); }, [t.hero, t.accent, t.tema]); return ( setTweak('tema', v)} />
Oscuro usa el azul Rotary de fondo. Funciona con las 3 variantes del hero.
setTweak('hero', v)} />
1 · Editorial dividido  ·  2 · Inmersivo azul  ·  3 · Banda dorada
setTweak('accent', v)} />
Gold es el acento oficial de Rotary; los demás son secundarios de la paleta para usos puntuales.
); } (function mountRotaryTweaks() { const el = document.createElement('div'); document.body.appendChild(el); ReactDOM.createRoot(el).render(); })();