JSFiddle - React, Tailwind, and code Playground

by Shaunak Deshpande

HTML

<ul id="color-schemes">
    <li><a class="darkgrey-scheme">darkgrey-scheme</a></li>
    <li><a class="blue-scheme">blue-scheme</a></li>
    <li><a class="green-scheme">green-scheme</a></li>
</ul>

CSS

.green-scheme{
    background-color:green;
}
.blue-scheme{
    background-color:blue;
}
.darkgrey-scheme{
    background-color:grey;
}

#color-schemes li a{
    cursor:pointer;

}

JavaScript

$("ul#color-schemes li a").click(function () {
                    console.log($(this).attr('class'));
                    localStorage.setItem('class',$(this).attr('class'));
    $('body').removeAttr('class');
    $('body').addClass(localStorage.getItem('class'));
});

       $('body').addClass(localStorage.getItem('class'));