Как решить конфликт переключателя стилей css?

Вообщем, решил сделать переключатель тем, со светлой на темную и наоборот.
Написал код, который по нажатию на кнопку в header добавляет новую таблицу dark.css. Код выглядит следующий образом: если включена темная тема -> main.css, dark.css, а если светлая то -> main.css. Результат записал в сессию, все работает как надо, но вот в чем проблема: dark.css делает body темного цвета, соответственно main.css светлого, и при обновлении страницы, очевидно, подгружается первым делом main.css, а после dark.css и на пол секунды видно, что body белого цвета. Вопрос: как решить данную проблему, чтобы при обновлении страницы не подгружались вначале в стиле main.css?
P.S. убирать main.css полностью не вариант, т.к. в нем куча стилей, а в дарк только парочка строк, localstorage тоже не помог.
  • Вопрос задан
  • 62 просмотра
Пригласить эксперта
Ответы на вопрос 2
Enguipro
@Enguipro
PHP developer
Я бы вынес в main.css только то, что является общим для обеих тем. Затем в dark.css - стили для темной темы, а в light.css - для светлой. И подключал бы один из них.
Ответ написан
agmegadeth
@agmegadeth
Веб-разработчик в дизайн студии
Попробуй предварительную загрузку файлов стилей:
Вот тут мануал
Пока стили не загрузятся - контент не покажется
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы