How to Customize Tailwind CSS in Next.js 15 Without tailwind.config.js?

Tailwind CSS v4 and Next.js 15 introduce a new way of customizing your design tokens and themes, without even touching a tailwind.config.js file. If you’re used to defining your custom colors, fonts, and spacing inside the config file, this new @theme inline approach might feel unfamiliar at first but it’s incredibly powerful. In this post, I’ll walk you through How to customize your Tailwind setup using @theme inline

May 18, 2025 - 10:56
 0
How to Customize Tailwind CSS in Next.js 15 Without tailwind.config.js?

Tailwind CSS v4 and Next.js 15 introduce a new way of customizing your design tokens and themes, without even touching a tailwind.config.js file. If you’re used to defining your custom colors, fonts, and spacing inside the config file, this new @theme inline approach might feel unfamiliar at first but it’s incredibly powerful.

In this post, I’ll walk you through How to customize your Tailwind setup using @theme inline