[Toolkit] Tailwindcss @theme default configuration

[maxperei]

hi there,
i had some troubles about tailwind variables declaration using shacdn ui w/ symfony
following the documentation, i declared a :root { /*...*/ } statement in assets/styles/app.css but colors didn't apply as expected like it was not parsed by tailwind cmd after running php bin/console tailwind:build
so i looked into tailwind theming and i realized a color variable is always prefixed by --color- in order to generate utility class properly (like .bg-primary) and it is not appearing in readme

solution: i prefixed colors in css like this and now it's fine

@theme { // btw i replaced this as well
    --color-primary: oklch(0.922 0 0);
    --color-primary-foreground: oklch(0.205 0 0);
    --color-secondary: oklch(0.269 0 0);
    --color-secondary-foreground: oklch(0.985 0 0);
    ...
}

am i alone in this situation because it is quite disturbing..?

[daFish]

@maxperei I had a similar issue. The following worked for me:

@theme inline {
    // your style configuration
}

[maxperei]

hi @daFish, thank you for responding
i understood this discussion is more about tailwindcss than ux-toolkit itself and a better look into tailwind docs makes sense about what is missing
however, at first sight i was expecting toolkit to work directly after reading installation section and i felt disappointed it wasn't unless reading further documentation ^^
maybe toolkit readme should be a little more specific about this, at least adding : https://tailwindcss.com/docs/theme#referencing-other-variables or improve the code example in order to avoid misunderstanding.. anyway i'm closing this 💯

[Kocal]

Looks like the INSTALL.md file must be updated to get the last version of .css from https://ui.shadcn.com/docs/installation/manual, it contains the @theme inline directive

[Kocal]

Anyone up for a PR? :)

[daFish]

Anyone up for a PR? :)

Sure... next year. 😉

[Kocal]

Sorry I just opened #3258, the UX Toolkit has been announced (too early 😅) in https://symfony.com/blog/symfony-2025-year-in-review, and the clock is ticking...