// Tweaks panel for the Data Pipeline Automation page.
// Applies tweak values as CSS variables / data attributes on .
const TWEAK_DEFAULTS = /*EDITMODE-BEGIN*/{
"accent": "#2456A6",
"density": "regular"
}/*EDITMODE-END*/;
function PipelineTweaks() {
const [t, setTweak] = window.useTweaks(TWEAK_DEFAULTS);
React.useEffect(() => {
const root = document.documentElement;
root.style.setProperty("--accent", t.accent);
root.dataset.density = t.density;
if (window.drawFlowConnectors) {
requestAnimationFrame(window.drawFlowConnectors);
}
}, [t.accent, t.density]);
return (
setTweak("accent", v)}
/>
setTweak("density", v)}
/>
);
}
ReactDOM.createRoot(document.getElementById("tweaks-root")).render();