/* FrontCall Hub — Tweaks controller.
Decoupled from the app: writes CSS custom properties + data-attributes on
, and the app (a separate React root) re-skins itself via the cascade. */
const TWEAK_DEFAULTS = /*EDITMODE-BEGIN*/{
"accent": "#2563eb",
"corners": "soft",
"theme": "claro"
}/*EDITMODE-END*/;
function TweaksController() {
const [t, setTweak] = useTweaks(TWEAK_DEFAULTS);
React.useEffect(() => {
const r = document.documentElement;
r.style.setProperty("--accent", t.accent);
r.setAttribute("data-corners", t.corners);
r.setAttribute("data-theme", t.theme);
}, [t.accent, t.corners, t.theme]);
return (
setTweak("accent", v)}
/>
setTweak("corners", v)}
/>
setTweak("theme", v)}
/>
);
}
ReactDOM.createRoot(document.getElementById("tweaks-root")).render();