Верстка · Senior · Запитання 43 з 75
Як у Tailwind v4 зробити темну тему за класом .dark, а не за системним налаштуванням?
- 1Указати
darkMode: 'class'в@theme - ✓Правильна відповідь: Перевизначити варіант:
@custom-variant dark (&:where(.dark, .dark *)); - 3Додати клас
dark-modeна<body>- Tailwind знайде його автоматично
Пояснення
У v4 варіанти описують у CSS через @custom-variant. Так можна прив'язати dark: до класу чи атрибута ([data-theme=dark]). darkMode: 'class' - опція tailwind.config.js з v3, усередині @theme вона не працює. :where() використовують, щоб не підвищувати специфічність.