here's the mod menu for it
<!DOCTYPE html>
#modMenu {
position: fixed; top: 20px; left: 20px;
background: #222; color: #fff;
padding: 16px; border-radius: 12px;
width: 280px; z-index: 999999;
box-shadow: 0 4px 20px rgba(0,0,0,0.5);
}
#modMenu h2 { margin-top: 0; font-size: 18px; }
.menu-section { margin-bottom: 12px; }
label { display: block; margin: 6px 0; }
input[type=checkbox] { margin-right: 6px; }
.rgb-control { margin: 4px 0; }
</style>
</head>
<body>
<div id="modMenu">
<h2>Sprunki Mod Menu</h2>
<div class="menu-section">
<label><input type="checkbox" id="unlockAll"> Unlock All Packs</label>
<label><input type="checkbox" id="randomizer"> Enable Randomizer</label>
</div>
<div class="menu-section">
<h3>Character RGB</h3>
<div class="rgb-control">
<label>Mustard Beat
<input type="color" id="rgbMustard" value="#ffff00">
</label>
</div>
<div class="rgb-control">
<label>Retro Beat
<input type="color" id="rgbRetro" value="#00ffff">
</label>
</div>
<div class="rgb-control">
<label>Cherecters
<input type="color" id="rgbCherecters" value="#ff00ff">
</label>
</div>
</div>
<div class="menu-section">
<button id="savePreset">Save Preset</button>
<button id="loadPreset">Load Preset</button>
</div>
</div>
<script>
const api = window.SprunkiModAPI || {};
const rgbInputs = {
mustard: document.getElementById("rgbMustard"),
retro: document.getElementById("rgbRetro"),
cherecters: document.getElementById("rgbCherecters")
};
Object.entries(rgbInputs).forEach(([key, input]) => {
input.addEventListener("input", () => {
if(api.setCharacterColor){
api.setCharacterColor(key, input.value);
}
});
});
document.getElementById("savePreset").onclick = () => {
const preset = {
mustard: rgbInputs.mustard.value,
retro: rgbInputs.retro.value,
cherecters: rgbInputs.cherecters.value
};
localStorage.setItem("sprunkiRGBPreset", JSON.stringify(preset));
alert("Preset saved!");
};
document.getElementById("loadPreset").onclick = () => {
const data = localStorage.getItem("sprunkiRGBPreset");
if(data){
const preset = JSON.parse(data);
Object.entries(preset).forEach(([k,v]) => {
if(rgbInputs[k]) rgbInputs[k].value = v;
if(api.setCharacterColor) api.setCharacterColor(k, v);
});
alert("Preset loaded!");
}
};
</script>
</body>
</html>