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

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