Включение и выключение таблиц стилей

Событие load отслеживает когда загрузилась страничка, можно и раньше начать загружать нужный стиль, который мы возьмем из localStorage

// Сохранение темы в localStorage
const saveCssTheme = function (theme) {
    localStorage.cssTheme = theme;
}
// Получение темы из localStorage, либо дефолтной
const getCssTheme = function () {
    return localStorage.cssTheme || 'default-theme';
}
// Загрузка css файла
const loadCssTheme = function (theme) {
    const link = document.createElement('link');
    link.id = theme;
    link.type = "text/css";
    link.rel = 'stylesheet';
    link.href = `/css/${theme}.css`;
    // если мы уже загрузили стили, то не нужно делать это еще раз
    if(document.getElementById(theme)) return;
    document.head.appendChild(link);
}
// Установка темы
const setCssTheme = function(theme) {
    loadCssTheme(theme);
    saveCssTheme(theme);
    document.body.setAttribute('class', theme);
}
// Использование при загрузке страницы
document.addEventListener("load", function () {
    const theme = getCssTheme();
    setCssTheme(theme);
});

В css пусть по умолчанию будет стандартная тема, остальные же будут выглядеть так

body.theme a {} // стиль примениться к элементу a, только если у body есть класс theme
body.theme h1 {}

UPD
Кнопки для включения

<ul class="colors">
    <li onclick="setCssTheme('theme0')">style0</li>                
    <li onclick="setCssTheme('theme1')">style1</li>
    <li onclick="setCssTheme('theme2')">style2</li>
</ul>