-
Это пример того как можно сделать переключение цветовой темы всего сайта.
-
Переключение происходит без перезагрузки страницы и файла стилей, без манипуляции стилями с помощью JS, тоько с помощью добавления единственного класса тегу
body
. -
В данном примере переключение происходит на темную тему. Поэтому тегу
body
добавляется класс.dark
. -
Вам ни что не мешает создать новые цветовые темы под Ваши потребности объявив новые классы, напрмиер:
.green
,.blue
и др. -
Эту идею я позаимствовал с WEB версии Whatsapp.
-
Данный функционал поддерживается практически всеми современными браузерами, за исключением IE.
-
git clone https://github.com/yuri-velmesov/switch-color-theme.git
-
Открыть в браузере файл index.html