Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

use of prose-invert broken in tailwind v4 #375

Open
joelkoen opened this issue Jan 31, 2025 · 3 comments
Open

use of prose-invert broken in tailwind v4 #375

joelkoen opened this issue Jan 31, 2025 · 3 comments

Comments

@joelkoen
Copy link

What version of @tailwindcss/typography are you using?

0.5.15

What version of Node.js are you using?

v22.12.0

What browser are you using?

chrome + firefox

What operating system are you using?

linux

Reproduction repository

https://codeberg.org/beacondb/beacondb.net/pulls/27

Describe your issue

#228 seems to be reintroduced when upgrading to tailwindcss v4. As shown below, using a theme modifier like prose-neutral overrides prose-invert, breaking dark mode.

Image

with v3:

Image

with v4:

Image

@bloodnighttw
Copy link

In my case, using prose-invert won't break, but using prose-invert with prose-stone will break the theme. this happen in v4, and as i test won't happen in v3.

@Firgrep
Copy link

Firgrep commented Feb 3, 2025

Had the same issue. Another class was adding a color and that broke the thing? Enforcing important on both prose and prose-inverted seems to do the trick.

!prose dark:!prose-invert

@CharrafiMed
Copy link

the same issue here after upgrading to V4, everything was good with V3

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

4 participants