Я пытаюсь реализовать переключаемые темы для проекта, это проект Mendix, но давайте предположим, что это веб-сайт.
- На каждой странице много разных страниц и разных элементов.
- Все стили для них написаны на SASS.Страницы и элементы используют значения из одного отдельного файла SASS с переменными - variable-1 .
- У меня есть второй файл SASS с теми же переменными, но разными значениями - variable-2.
Проблема:
Мне нужно изменить цветовую тему сайта одним нажатием кнопки.Поэтому в основном мне нужно, чтобы все элементы принимали цвета из разных наборов переменных, когда я нажимаю кнопку.
Здесь я вижу два варианта:
- Компилировать 2 файла CSSи переключаться между ними: связать все файлы sass с переменные-1 , скомпилировать файл CSS, затем связать все файлы Sass с переменные-2 , скомпилировать второй файл CSS.Переключайтесь между ними одним нажатием кнопки.
В этом варианте цвета не будут назначаться динамически, и каждый раз, когда я делаю изменения, мне придется вручную связывать каждый файл sass с различными переменными, илиизмените значения переменных и перекомпилируйте все.Также я не смогу продолжить работу над проектом и переключать темы одновременно.
Предопределение цветовых тем в миксинах, компиляция классов CSS для каждой темы, как в
этой статье , и использование некоторой пользовательской логики js для назначения соответствующих классов элементам.
Большинствоскорее всего, не сработает, так как в проекте слишком много элементов, и было бы слишком сложно изменить класс для каждого.
Есть ли какое-либо решение этой проблемы?
Я бы хотелБуду очень признателен за совет!Заранее спасибо!