diff --git a/viz/index.html b/viz/index.html index d531b78..62b1006 100644 --- a/viz/index.html +++ b/viz/index.html @@ -4545,8 +4545,13 @@ hd.appendChild(b); hd.appendChild(sp); ctxEl.appendChild(hd); ctxItem(chakraMode ? "leave chakra view" : "chakra view", () => { chakraMode = !chakraMode; if (!chakraMode) layoutDirty = true; }, "C"); - ctxItem("skin: " + activeSkin.label + " โ†บ", - () => { setSkin(nextSkinKey()); if (!chakraMode) { chakraMode = true; clearTrails(); } }); + const skinSub = ctxSub("skin ยท " + activeSkin.label); + for (const sk of Object.keys(SKINS)) { + const it2 = document.createElement("div"); it2.className = "it"; + it2.textContent = (SKINS[sk].key === activeSkin.key ? "โœ“ " : "") + SKINS[sk].label; + it2.onclick = () => { setSkin(sk); if (!chakraMode) { chakraMode = true; clearTrails(); } closeCtx(); }; + skinSub.appendChild(it2); + } ctxItem(performMode ? "leave performance mode" : "performance mode", () => window.dispatchEvent(new KeyboardEvent("keydown", { key: "p" })), "P"); ctxItem(arr.open ? "close tracks" : "๐ŸŽ› tracks โ€” arrange clips",