/* RojakStudio — Tweaks app.
Three expressive controls that re-mix the whole site's feel.
Values are written to attributes; styles.css does the rest. */
const TWEAK_DEFAULTS = /*EDITMODE-BEGIN*/{
"blend": "sambal",
"heat": "standard",
"base": "midnight"
}/*EDITMODE-END*/;
function TweaksApp() {
const [t, setTweak] = useTweaks(TWEAK_DEFAULTS);
React.useEffect(() => {
const b = document.body;
b.dataset.blend = t.blend;
b.dataset.heat = t.heat;
b.dataset.base = t.base;
}, [t.blend, t.heat, t.base]);
return (
setTweak('blend', v)}
/>
setTweak('heat', v)}
/>
setTweak('base', v)}
/>
);
}
ReactDOM.createRoot(document.getElementById('tweaks-root')).render();