Tailwind CSS 4 · Configuration in CSS
Add a theme color
Define a design token in the @theme block to get utilities such as bg-brand and text-brand.
@theme { --color-brand: #3b82f6; }
Official Tailwind CSS 4 documentation
More configuration in css commands
- Add a font family
- Scan an extra source folder
- Switch dark mode to a class
- Define a custom utility
- Reuse utilities in your own CSS
All configuration in css commands · Tailwind CSS 4 cheatsheet