Переключатель тем сбрасывается на дефолтное значение при переключении страниц. Html, css, js

Я любитель-новичек в создании сайтов. Код самого переключателя я нашел ( https://codepen.io/pwadev/pen/xxqogKr ), подстроил под себя, все работает. Но работает сугубо на текущей странице. При переключении на другую страницу (а их у меня 7шт) значение сбрасывается на дефолтное. Сайт верстаю локально (7 страниц есть, то бишь 7 файлов .html и 1 файл .css), без всяких серверов или доменов (не дошел до них еще).
Подскажите че делать в данной ситуации, чтоб состояние переменной запоминалось? Пните в нужное направление пожалуйста.

P.S. мысля... давненько (лет 10 назад) на юкозе пытался оформлять сайт. Там было что то вроде шаблона главной страницы (шапка, навигация (левый и правый блок)). А контент (центр. блок) скажем так импортировался в эту главную страницу (при этом там сугубо ток контент был, без шапки и навигации). Блин. не знаю даже как объяснить.