Salve a tutti!

Avrei due domande da porvi per questo codice, che, posizionato in una dropdown, contiene diversi temi per personalizzare l'esperienza utente.

codice:
                    <div id="myDropdown" class="dropdown-content">
                        <p class="little-resize pointer" onclick="past()">Past</p>
                        <script>
                            function past() {
                                var element = document.body;
                                element.classList.toggle("past-theme");
                            }
                        </script>
                        <p class="little-resize pointer" onclick="blank()">Blank</p>
                        <script>
                            function blank() {
                                var element = document.body;
                                element.classList.toggle("blank-theme");
                            }
                        </script>
                        <p class="little-resize pointer" onclick="apricot()">Apricot</p>
                        <script>
                            function apricot() {
                                var element = document.body;
                                element.classList.toggle("apricot-theme");
                            }
                        </script>
                        <p class="little-resize pointer" onclick="panorama()">Panorama</p>
                        <script>
                            function panorama() {
                                var element = document.body;
                                element.classList.toggle("panorama-theme");
                            }
                        </script>
                        <p class="little-resize pointer" onclick="transparent()">Transparent</p>
                        <script>
                            function transparent() {
                                var element = document.body;
                                element.classList.toggle("transparent-theme");
                            }
                        </script>
                        <p class="little-resize pointer" onclick="slimanoworld()">SlimanoWorld</p>
                        <script>
                            function slimanoworld() {
                                var element = document.body;
                                element.classList.toggle("slimanoworld-theme");
                            }
                        </script>
                    </div>
Mi sorgono due domande:
1) E' possibile memorizzare le preferenze di un determinato tema durante la navigazione delle diverse pagine del sito?
2) Supponiamo che al primo click si clicca il tema "Apricot" senza disattivarla cliccandola una seconda volta, supponiamo poi che ci sia un secondo click su "SlimanoWorld", così facendo il tema non cambia per "SlimanoWorld" fino a disattivare la "Apricot": dunque come posso fare per risolvere questo problema?

Grazie in anticipo della risposta
NewTechSlyDev_