Popup editor for SaryanTS and TamanyanLS CSS variables — opens on 5 consecutive clicks
npm install @veertoooz/dodoPopup editor for SaryanTS (colors) and TamanyanLS (sizes) CSS variables. Opens on 5 consecutive clicks anywhere on the page.
Part of TamanyanLS · SaryanTS · ParajanovCS · Dodo.
Load SaryanTS and TamanyanLS first, then Dodo:
``html`
Click anywhere 5 times (within 2 seconds) to open the editor.
- SaryanTS: Edit hue (0–360), chroma (0–1), theme (light/dark). Uses SaryanTSTheme when available; persists via saryants-theme in localStorage.--ls-base
- TamanyanLS: Edit root variables (, --ls-scale, --ls-radius-ratio, etc.). Persists via dodo-ls-overrides in localStorage.
- Close: Click outside, press Escape, or click Close.
`bash`
npm install
npm run dev # Serve demo at localhost:5173
npm run build # Build dist/dodo.min.js
npm run preview # Serve built demo
`js``
window.Dodo.openPopup(); // Open editor programmatically
window.Dodo.init(); // Re-run init (e.g. after SPA mount)
MIT.