[vitalso78]

Смотрите. Я нашол выход из положения. Но к сожалению при переключении стилей они не сохраняются - они сохроняются до перезагрузки страница, далее нужно опять нажимать кнопку. Как мне сделать, что дописать, что бы новые стили сохронялись после перезагрузки страницы, до нажатия кнопки в обратное состояние старых стилей ? Тоесть. Включил я тёмный цвет, походил по страницам сайта, и потом опять переключил на светлый.

window.onload = function() {
    document.getElementById('SuperButton').onclick = function()
    {
        if(document.body.className != 'new_class')
        {
            document.body.className = 'new_class';
        }
        else
        {
            document.body.className = '';
        }
    }
}

$(function(){
  $('.switch-btn').click(function (e, changeState) {
    if (changeState === undefined) {
      $(this).toggleClass('switch-on');
    }
    if ($(this).hasClass('switch-on')) {
      $(this).trigger('on.switch');
    } else {
      $(this).trigger('off.switch');
    }
  });
 
  $('.switch-btn').on('on.switch', function(){
    console.log('Кнопка переключена в состояние on');
  });
 
  $('.switch-btn').on('off.switch', function(){
    console.log('Кнопка переключена в состояние off');
  });
 
  $('.switch-btn').each(function(){
    $(this).triggerHandler('click', false);
  });
 
});