// Rabbit Made Ya — Tweaks panel
// Lets the user explore variants without editing code.
const { useEffect } = React;
function RmyTweaks() {
const [t, setTweak] = useTweaks(window.__TWEAK_DEFAULTS);
// mirror tweak state onto data attrs (CSS reacts via [data-*] rules)
useEffect(() => { document.body.dataset.accent = t.accent; }, [t.accent]);
useEffect(() => { document.body.dataset.grain = t.grain ? 'on' : 'off'; }, [t.grain]);
useEffect(() => { document.body.dataset.stroke = t.stroke ? 'on' : 'off'; }, [t.stroke]);
useEffect(() => {
const trk = document.querySelector('.marquee-track');
if (trk) trk.style.animationDuration = t.marqueeSpeed + 's';
}, [t.marqueeSpeed]);
return (
{
const map = { '#ff5722':'ember', '#c7ff3a':'lime', '#ff3aa3':'pink', '#6ce6ff':'ice', '#ece4d3':'mono' };
setTweak('accent', map[v] || 'ember');
}}
/>
setTweak('grain', v)} />
setTweak('stroke', v)} />
setTweak('marqueeSpeed', v)}
/>
);
}
const root = document.createElement('div');
document.body.appendChild(root);
ReactDOM.createRoot(root).render();