Переделать сайт, изменить css.

Здравствуйте, для реализации этой задачи вам потребуются уверенные знания css, sass, js, верстки. умение разобраться в чужом коде.

Задача следующая:
шаблон сайта сайта:

index.html – содержит код html

style.css – стили

script.js – скрипт

на сайте реализована смена темы, светлая/темная.

Проблема в том, что она реализована неверно выбранным способом.
а именно:

при нажатие на кнопку смены темы, стартует script.js и меняет цвета на странице под темную/светлую тему.
эти цвета прописаны в самом script.js 

в итоге стили хранятся и в css и script.js, что не удобно, чтобы поменять цвет нужно править его и в css и в js добавить дополнительную третью тему – проблема.

НУЖНО:

чтобы цвета темы сайта хранились только в css, а из script.js убрать их полностью.

тоесть в css прописать темы root и dark как css-переменные, а джава скрипт лишь переключает стили.

таким образом, все стили будут прописаны только css. и появится возможность легкого добавления новых тем оформления и редактирование существующих.

-----------------------------------------------

К данному тз, прилагается пример реализации нужной логики смены темы.