/* Tweaks for Steuris Personal — mounts only the panel; page is vanilla HTML.
Applies choices as data-* attributes on so CSS reacts. */
const TWEAK_DEFAULTS = /*EDITMODE-BEGIN*/{
"palette": "neon",
"motion": "lebendig",
"font": "inter"
}/*EDITMODE-END*/;
function TweaksApp() {
const { useTweaks, TweaksPanel, TweakSection, TweakRadio, TweakSelect } = window;
const [t, setTweak] = useTweaks(TWEAK_DEFAULTS);
React.useEffect(() => {
const r = document.documentElement;
r.setAttribute('data-palette', t.palette);
r.setAttribute('data-motion', t.motion);
r.setAttribute('data-font', t.font);
}, [t.palette, t.motion, t.font]);
return (
setTweak('palette', v)} />
setTweak('font', v)} />
setTweak('motion', v)} />
);
}
ReactDOM.createRoot(document.getElementById('tweaks-root')).render();