Как сделать возможность изменения цветовой схемы на сайте для пользователей?

Как сделать возможность изменения цветовой схемы на сайте для пользователей (на словах без кода)?
Пример: 5e00f6e540a22300932590.jpeg
  • Вопрос задан
  • 228 просмотров
Решения вопроса 4
l3ftoverz
@l3ftoverz Куратор тега CSS
Люблю Финский металкор
Тут хорошо бы подошли CSS custom-property. Меняешь переменные - перерендеривается весь сайт, но зависит от нужной браузерной поддержки, можно как сказали выше - использовать несколько CSS файлов, которые будут переопределять цвета основной темы.
Ответ написан
@zkrvndm
Веб-разработчик
Самый простой вариант, использовать несколько css файлов и в зависимости от выбранной темы, подключать нужный. Сам выбор хранить в куках.
Ответ написан
profesor08
@profesor08 Куратор тега CSS
CSS переменные это решат, но IE ничего о них не знает. Очевидно два варианта. Положить на IE болт или создать css файл темы, где будут заданы цвета по умолчанию. Далее в зависимости от выбранной темы, подключай дополнительный файл. Единственное надо будет проследить за очередностью подключения файлов, чтоб не затирались стили.
Ответ написан
@Corvuss
Создаешь разные классы (is-red, is-green и т.д), накидываешь их на корневой элемент html при клике на кнопку темы В стилях прописываешь что-то типа такого:

.is-red body {
background-color: red;
}

.is-green body {
background-color: green;
}

И так для всего, что меняет внешний вид в зависимости от темы.
Сохранять выбор темы можно в куки и считывать при загрузки страницы.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Sveak Барнаул
от 50 000 ₽
Gaskar Group Санкт-Петербург
от 120 000 ₽
Business Grow Москва
от 60 000 до 90 000 ₽
07 апр. 2020, в 13:42
1000 руб./за проект
07 апр. 2020, в 13:40
700 руб./в час
07 апр. 2020, в 13:37
10000 руб./за проект