/* ============ App + Tweaks ============ */ const TWEAK_DEFAULTS = /*EDITMODE-BEGIN*/{ "dark": false, "accent": "#b04f24", "typeset": "serif", "density": "normal", "hide_skills": false, "hide_experience": false, "hide_writing": false }/*EDITMODE-END*/; const ACCENT_PRESETS = [ { label: "Iron oxide · 氧化铁红", value: "#b04f24" }, { label: "Map teal · 图青", value: "#38606b" }, { label: "Moss · 苔绿", value: "#5a7a3a" }, { label: "Hematite · 赤铁", value: "#8a3030" }, { label: "Ink · 墨", value: "#1d1a14" }, ]; function App() { const [tweaks, setTweak] = useTweaks(TWEAK_DEFAULTS); // apply tweaks to React.useEffect(() => { const r = document.documentElement; r.dataset.theme = tweaks.dark ? "dark" : "light"; r.dataset.typeset = tweaks.typeset; r.dataset.density = tweaks.density; r.dataset.hideSkills = tweaks.hide_skills; r.dataset.hideExperience = tweaks.hide_experience; r.dataset.hideWriting = tweaks.hide_writing; r.style.setProperty("--accent", tweaks.accent); r.style.setProperty("--selection", tweaks.accent + "33"); }, [tweaks]); useReveal(); return ( <>