sky menu: skin picker as a submenu (all 12 skins, pick any directly)

Replaces the cycle-through "skin: X ↺" item with a ctxSub listing every skin
by label, active one marked ✓ — no more clicking through 11 to reach the one
you want.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
This commit is contained in:
type-two 2026-07-06 12:12:34 +10:00
parent 8318366d1c
commit ed5bfa6122

View File

@ -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",