Hello, you can check the changes here: https://perchance.org/vgs5qtexr3
First, you don't need to have multiple layers per color. You can just have one layer, on the generator its called base
, then under it, is the images per color, then you can use Perchance's dynamic odds to select the correct image.
output
[x = base.evaluateItem] [imageLayerCombiner(data)] ^[clicked == "lion"] // selects the base, then uses it for the selections.
data
...
layers
...
base // base layer
filter = [baseFilters.evaluateItem]
https://i.imgur.com/B6nOqdc.png^[x == 'blank'] //blank
https://i.imgur.com/4sFFKFS.png^[x == 'brownpinkBase']
https://i.imgur.com/xxCVLzl.png^[x == 'redBase']
https://i.imgur.com/IstBWcB.png^[x == 'blueBase']
https://i.imgur.com/JIPN8jR.png^[x == 'lavendarBase']
https://i.imgur.com/ZFlZfFp.png^[x == 'gingerBase']
https://i.imgur.com/fpAEPbi.png^[x == 'goldBase']
...
base // a separate list to select the base.
blank
redBase
blueBase
brownpinkBase
lavendarBase
gingerBase
goldBase
baseFilters // List of filter per base, selected with the dynamic odds.
hue-rotate({0-40}deg) saturate({0-100}%) brightness({50-150}%)^[x == 'brownpinkBase']
hue-rotate({0-10}deg) saturate({50-120}%) brightness({50-150}%)^[x == 'redBase']
hue-rotate({0-35}deg) saturate({50-120}%) brightness({50-130}%)^[x == 'blueBase']
hue-rotate({0-50}deg) saturate({50-120}%) brightness({50-130}%)^[x == 'lavendarBase']
hue-rotate({0-20}deg) saturate({50-100}%) brightness({50-100}%)^[x == 'gingerBase']
hue-rotate({0-10}deg) saturate({50-120}%) brightness({50-110}%)^[x == 'goldBase']