Action qui reste active apres changement de page

Bonjour, je debute tout juste dans la language web. J'ai créé un petit site sur lequel il y a la possibilité de passer d'un mode nuit a un mode jour (Qui change les couleurs du site) via un bouton. Seulement, quand on change de page, le site passe tout seul en mode jour (qui est le mode de base). Comment faire pour qui se on choisit le mode nuit, il soit active jusqu'a que l'on change ou jusqu'a que l'on quitte le site.
Le code pour le bouton je ne l'ai pas fait moi meme, je l'ai trouvé puis modifier a mon gout donc je n'ai vraiment aucune competence donc si vous pouvez me detailler ce qu'il faudrait faire ca serait cool ! :D
Je vous donne une partie de mon code au cas ou :
Bouton :

<div id="daynight">
  <span class="mode">MODE :</span>
  <input class="light changeBg" type="button" onclick="dark();" value="DARK" />
  <input class="dark changeBg" type="button" onclick="light();" value="LIGHT" />
</div>

CSS :

/*DAY/NIGHT MODE*/
.darkSwitch {
  background-color: black;
  color: #ffffff;
}
.lightSwitch {
  background-color: #ffffff;
  color: black;
}

.mode {
  font-weight: bold;
  margin-top: 10px;
  border: none;
  color: #848484;
  font-size: 12px;
  background: transparent;
  padding: 2px 5px 2px 5px;
  text-decoration: none;
}

.dark {
  margin-top: 10px;
  border: none;
  color: #848484;
  font-size: 10px;
  background: transparent;
  padding: 2px 5px 2px 5px;
  text-decoration: none;
}

.dark:hover {
  font-weight: bold;
}

.light {
  margin-top: 10px;
  border: none;
  color: #848484;
  font-size: 10px;
  background: transparent;
  padding: 2px 5px 2px 5px;
  text-decoration: none;
}

.light:hover {
  font-weight: bold;
}

#daynight {
  position: fixed;
  bottom:0;
  right:0;
}

Script :

function light() {
    body.className = "lightSwitch";
};

function dark() {
    body.className = "darkSwitch";
};


$(function () {

    var button = $('input[type=button].changeBg');
    button.on('click', function (event) {
        event.preventDefault();

        eval($(this).val().toLowerCase() + "();");

        button.not($(this)).removeAttr('disabled');
        if ($(this).val() != "Reset") {
            $(this).attr('disabled', '');
        }
    });


});

Si il manque des informations dite le moi :)