/* Burg Leuk — Tweaks. Stimmung (Abend/Tageslicht), editorial accent, display weight. Applies to and the .site element's CSS vars. */ const TWEAK_DEFAULTS = /*EDITMODE-BEGIN*/{ "stimmung": "Abend", "akzent": "Burgunderrot", "displayWeight": 700 }/*EDITMODE-END*/; const ACCENTS = { "Burgunderrot": { on: "var(--apricot-700)", dark: "var(--apricot-300)", sw: "#7E2D3C" }, "Olivgrün": { on: "var(--salbei-700)", dark: "var(--salbei-300)", sw: "#525a3b" }, "Taupe": { on: "var(--taupe-500)", dark: "var(--sand-300)", sw: "#6f655a" }, }; function BurgTweaks() { const [t, setTweak] = useTweaks(TWEAK_DEFAULTS); React.useEffect(() => { const root = document.documentElement; root.dataset.stimmung = t.stimmung === "Tageslicht" ? "tag" : "abend"; const site = document.querySelector(".site") || document.body; const ac = ACCENTS[t.akzent] || ACCENTS.Burgunderrot; site.style.setProperty("--site-accent", ac.on); site.style.setProperty("--site-accent-on-dark", ac.dark); site.style.setProperty("--disp-weight", String(t.displayWeight)); if (window.__burgNavUpdate) window.__burgNavUpdate(); }, [t]); return ( setTweak("stimmung", v)} />
{t.stimmung === "Tageslicht" ? "Tageslicht — warmes Kalkstein-Papier, ruhig und hell." : "Abend — Noir, Kerzenlicht, der lange Sommerabend."}
setTweak("akzent", v)} />
Burgunderrot bleibt dem wichtigsten Knopf vorbehalten — der Akzent färbt nur Labels & Linien.
setTweak("displayWeight", v)} /> ); } /* Adapter: label-based color swatches mapped to token values. */ window.TweakColor = function ({ swatches, options, value, onChange, label }) { return (
{options.map((opt) => { const active = value === opt; return ( ); })}
); }; (function mountBurgTweaks() { let host = document.getElementById("burg-tweaks-root"); if (!host) { host = document.createElement("div"); host.id = "burg-tweaks-root"; document.body.appendChild(host); } ReactDOM.createRoot(host).render(); })();