hey man!
js like
<script>
jQuery(".blue").on("click", function(){
jQuery("body").attr("data-bg-color", "blue");
})
</script>
css like:
body[data-bg-color="blue"],
body[data-bg-color="blue"] #grid,
body[data-bg-color="blue"] .cover-region-desktop .cover-inner,
body[data-bg-color="blue"] #footer-region,
body[data-bg-color="blue"] #custom-phone-grid,
body[data-bg-color="blue"] .cover-region-phone .cover-inner
{
background-color: blue;
}
then of course you'd need to add some html for your blue button and style it
in "custom html at bottom"
<div class="blue"></div>
css:
.blue{
position: fixed;
bottom: 20px;
left: 50%;
z-index: 10;
transform: translateX(-50%);
}
something like that
and then you'd need to create more buttons, not just blue
