Как я могу иметь динамические «основные» классы в TailwindCSS?CSS

Разбираемся в CSS
Ответить
Anonymous
 Как я могу иметь динамические «основные» классы в TailwindCSS?

Сообщение Anonymous »

Мне нужна динамическая тема для моего веб-сайта, которая берется из базы данных, возможные значения: theme-1, theme-2 и т. д., и я хочу, чтобы каждая из них меняла цветовую палитру сайт, то есть основной цвет попутного ветра зеленый для темы-1 и синий для темы-2.
Я пробовал использовать https://github.com/upupming/tailwindcss-themeable, но это излишество, поскольку оно восстанавливает все цвета и имеет очень громоздкий и длинный префикс перед каждым классом. Я хочу определить класс 'theme-1' на уровне тела и сделать что-то в духе этого псевдокода

Код: Выделить всё

.theme-2 {
/* primary-500 is now color: blue */
}
Я использую Tailwind v2 из-за ограничений зависимостей.

Подробнее здесь: https://stackoverflow.com/questions/731 ... ailwindcss
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «CSS»