How should I configure Tailwind CSS v4 custom theme variables in the new CSS-first configuration file format rather than using the legacy JavaScript tailwind config file?
Download run
Fan-out diagram
The searches the AI actually ran for this prompt.
SEED QUERY
How should I configure Tailwind CSS v4 custom theme variables in the new CSS-first configuration file format rather than using the legacy JavaScript tailwind config file?
1 real search · 1 real-search pass
Tailwind CSS v4 official documentation theme variables @theme CSS-first configuration @config compatibilityGoogle ↗
OBSERVEDOther / navigational
Badge and edge weight = share of passes that produced the query. Hover a query for its intent and routing format.
Query classes
Google's semantic query class for every sub-query: what kind of answer each search is after, simulated vs real.
ChatGPT real searches (1)
Classes come from the query-classifier (a local Laya model). 1 of 1 calls are low-confidence (under 50%) — hover a query in the table to see its confidence.
Searches and sources
ChatGPT1 real searches · gpt-6
Tailwind CSS v4 official documentation theme variables @theme CSS-first configuration @config compatibility Google ↗
- Theme variables - Core concepts · tailwindcss.com
- Tailwind CSS v4.0 · tailwindcss.com
- Upgrade guide - Getting started · tailwindcss.com
- Functions and directives - Core concepts · tailwindcss.com