// app.jsx — root component, tweaks wiring, theme application
const ACCENT_OPTIONS = ["#ffb914", "#ff9f0a", "#0071e3", "#5e5ce6", "#30d158", "#ff375f"];
function App() {
const [t, setTweak] = useTweaks(window.TWEAK_DEFAULTS);
// Apply theme to + CSS vars
useEffect(() => {
const root = document.documentElement;
root.dataset.mode = t.dark ? "dark" : "light";
root.dataset.density = t.density || "regular";
root.style.setProperty("--accent", t.accent);
// re-derive accent-soft (rgba @ .18) from hex
root.style.setProperty("--accent-soft", hexToRgba(t.accent, .18));
}, [t.accent, t.dark, t.density]);
return (
<>
setTweak("accent", v)}/>
setTweak("dark", v)}/>
setTweak("heroVariant", v)}/>
setTweak("servicesLayout", v)}/>
setTweak("density", v)}/>
);
}
function hexToRgba(hex, a) {
const m = /^#?([0-9a-f]{6})$/i.exec(hex || "");
if (!m) return `rgba(255,159,10,${a})`;
const n = parseInt(m[1], 16);
return `rgba(${(n>>16)&255}, ${(n>>8)&255}, ${n&255}, ${a})`;
}
ReactDOM.createRoot(document.getElementById("root")).render();