// odd duck — app entry + Tweaks const { useEffect: useEffect2 } = React; const TWEAK_DEFAULTS = /*EDITMODE-BEGIN*/{ "typeface": "serif" }/*EDITMODE-END*/; const App = () => { const [t, setTweak] = window.useTweaks(TWEAK_DEFAULTS); // Apply typeface mode to as a class so CSS variables swap. useEffect2(() => { document.body.classList.remove('serif-mode', 'sans-mode'); document.body.classList.add(t.typeface === 'sans' ? 'sans-mode' : 'serif-mode'); // Update --display variable document.documentElement.style.setProperty( '--display', t.typeface === 'sans' ? 'var(--sans)' : 'var(--serif)' ); }, [t.typeface]); return ( <>