Dark theme not compatible with prose / typography using new JIT engine
DoctorDerek opened this issue · 2 comments
What version of @tailwindcss/typography are you using?
v0.4.0
What version of Node.js are you using?
v14.15.1
What browser are you using?
Chrome
What operating system are you using?
Windows 10
Reproduction repository
https://github.com/DoctorDerek/steven-terner.github.io/blob/master/pages/demo.js
Hi, I'm crossposting this from tailwindlabs/tailwindcss-jit#191 because it affects both libraries.
Following up on a comment from @danjac about PR #153 -- there's a bug that I'm reporting to jit & typography.
Here's an example repo that uses dark theme with prose / Tailwind typography: https://github.com/timlrx/tailwind-nextjs-starter-blog/ (not jit) and it's live here: https://tailwind-nextjs-starter-blog.vercel.app/
As you can see, prose works fine with dark mode in the old system (except for the caveat about responsive classes addressed by that PR, #153):
However when I tried that in a derivative from that template using the new jit engine, prose doesn't work with dark mode.
Source code: https://github.com/DoctorDerek/steven-terner.github.io/blob/master/pages/demo.js Live version: http://steven-terner-github-io.vercel.app/demo (That page won't stay up for particularly long, but I didn't want to spin up a new project just for this issue, sorry.)
<article className="mx-auto space-y-6 prose">
<SectionContainer>
<p>
My portfolio showcases
I'm happy to look into it more myself if you'd like to assign me to following up on it, but now I'm just the messenger 😀
I'm not sure if this is implementation-dependent or was fixed in a recent version change, but prose seems to work correctly with dark mode now. See timlrx/tailwind-nextjs-starter-blog#14 live at https://tailwind-nextjs-starter-blog-git-upgrade-timlrx.vercel.app/
Happy to re-open if it's a lingering issue.
@DoctorDerek thanks for looking into this.