Как самым простым способом сделать переключатель светлая/темная тема на сайте?

Он не плохой, просто примитивный. Я бы заморочился и сделал бы автопереключение темы. Было бы круче, как можно посмотреть в бутстрапе и наваять что-то свое.

Я тебе написал: через JS надо изменять общий класс. А уже в CSS прописываешь свои переменные для каждого класса. Так будет и проще, и правильнее.

Ага. И буцтрап не забудь поставить.

Я тебе написал, как надо делать - а дальше твоё дело. Можешь хоть у каждого элемента свойства через JS менять.

https://frontendtoday.ru/articles/dark-mode-best-practice/

https://dev.to/whitep4nth3r/the-best-lightdark-mode-theme-toggle-in-javascript-368f

ты про это пишешь? Если да, то это пользовательские стили и все равно нужен будет js с переключением не класса а data в теге html

Поменять стиль страницы – не проблема. Главная задача, как я понимаю – в том, чтобы запомнить, какую тему выбрал гость (ну или хотя бы если тем всего две и стартовая известна – то запомнить, что гость сменил стартовую тему на другую). Вот для этой задачи я выше решение и изложил. Не знаю, может, это и на основе JS можно решить, но я в этом не силён, но не стал бы на него полагаться, JS как-никак работает на стороне клиента, а не сервера. А вот если нужно сменить тему «на лету», не перезагружая страницу – тут JS, бесспорно, идеален (само собой, задача с запоминанием выбора гостя остаётся).

Откровенно признаюсь, что как именно будет реализовано описание тем – будь это Bootstrap, чистый CSS или вообще быстрый скачок из WordPress в Bitrix – в контексте вопроса ТС мне представляется несущественным.

Почему не сделать кучу переменных в css в root’е пример: