[v4] prose-invert needs !important to work

[robdekort]

I've been playing around with prose-invert in Tailwind v4 and think I've come across an issue. It seems to need prose-invert! (with !important) for the proper colors to kick in.

Check the example here and remove the ! from the prose-invert class.

Hope this makes sense and helps.

https://play.tailwindcss.com/9aim2xHyjp

[robdekort]

Ok, it seems we have to define the custom properties in the :root selector, which actually makes sense. When I do that however, the body (p) text still isn't white, the headings are though. Getting a bit further: https://play.tailwindcss.com/LE1ncRKD5a.

[wongjn]

Perhaps. There's not really the equivalent in v4 of having object parameters like you do in v3 to configure prose's CSS.

[robdekort]

Gotcha, thanks for your help @wongjn. Much appreciated.

[robdekort]

Ah ok, nope. Unfortunately this breaks the customization of the default prose styles. It's one or the other it seems.

[wongjn]

Yep, I think you might need to use JavaScript configuration for it (if that works?).

[robdekort]

I haven't tried it yet. For now I guess I'll await the docs. Thanks.