Skip to Content
ADRsADR 006: Tailwind CSS v4

ADR-006: Tailwind CSS v4 CSS-First

Status: Accepted

Context

We need a performant, maintainable, and modern styling solution.

Decision

We chose Tailwind CSS v4.

Rationale

Tailwind v4 adopts a modern CSS-first configuration model, removing the JavaScript config file in favor of @theme directives in standard CSS. This speeds up build times, simplifies dark mode variables, and eliminates build-time plugin overhead.

Consequences

There is no tailwind.config.ts. All design system customizations and CSS variable bindings are defined in app/globals.css.

Last updated on