// tweaks-app.jsx — mounts the Tweaks panel and applies choices to .
// Used by both index.html and scan.html.
const SKIN_TWEAK_DEFAULTS = /*EDITMODE-BEGIN*/{
"accent": "warm",
"corner": "soft",
"scale": 100
}/*EDITMODE-END*/;
function applySkinTweaks(t) {
const root = document.documentElement;
root.setAttribute("data-accent", t.accent);
root.setAttribute("data-corner", t.corner);
root.style.fontSize = (t.scale || 100) + "%";
}
function SkinTweaksApp() {
const [t, setTweak] = useTweaks(SKIN_TWEAK_DEFAULTS);
React.useEffect(() => { applySkinTweaks(t); }, [t.accent, t.corner, t.scale]);
return (
setTweak("accent", hexToAccent(hex))}
/>
setTweak("accent", v)}
/>
setTweak("corner", v)}
/>
setTweak("scale", v)}
/>
);
}
const ACCENT = { cobalt: "#3563d6", teal: "#2a8f9e", green: "#3a8f5c", warm: "#d9536a" };
function accentHex(name) { return ACCENT[name] || ACCENT.cobalt; }
function hexToAccent(hex) {
for (const k in ACCENT) if (ACCENT[k] === hex) return k;
return "cobalt";
}
ReactDOM.createRoot(document.getElementById("tweaks-root")).render();