Tailwind CSS 4 · Configuration in CSS
Switch dark mode to a class
Apply dark: variants when a .dark class is present instead of following the system preference.
@custom-variant dark (&:where(.dark, .dark *));
Official Tailwind CSS 4 documentation
More configuration in css commands
- Add a theme color
- Add a font family
- Scan an extra source folder
- Define a custom utility
- Reuse utilities in your own CSS
All configuration in css commands · Tailwind CSS 4 cheatsheet