Tailwind typography's prose-invert not working with daisyUI

[johnpgr]

I'm trying to use the tailwind official typography plugin alongside with daisyUI, and when i try to use the prose-invert class the text simply doesn't invert colors, but as soon as i disable the daisyUI plugin, it works as intended, so maybe is this a bug or is there some caveat to using daisyUI with the typography plugin that i don't know?

[chornos13]

People don't understand what you are trying to achieve if there's no reproduce code 🥲

[johnpgr]

<div className="prose dark:prose-invert"> // the color inversion from prose-invert doesn't work with the daisyUI plugin activated on the project.
    <ReactMarkdown remarkPlugins={[remarkGfm]}>{content}</ReactMarkdown>
</div>

[NikarashiHatsu]

Have you tried dark:!prose-invert? It might solves the issue.

[saadeghi]

By default, daisyUI handles the dark mode.
You won't need any dark: classes.

Here's a working example: https://play.tailwindcss.com/z1tV76QHLF
And a video:

https://user-images.githubusercontent.com/7342023/199059932-83b67009-c0af-45af-bf49-b91c56022489.mp4

If that doesn't work for you, please share a sample repo so I can see what's wrong.

[st1ng7ay]

I have same issue with prose - https://play.tailwindcss.com/N5voK5X7Ur?file=config

daisyUI theme colours not extend to prose and prose-inverted

[saadeghi]

@st1ng7ay Your custom themes are missing some color names. You only included primary and secondary colors. If you're adding a new custom theme, make sure your new theme has all required color names
This theme generator can help: https://daisyui.com/theme-generator/

You can also extend a built-in theme if you just want to edit some colors from an existing theme: https://daisyui.com/docs/themes/#-7

Example: https://play.tailwindcss.com/KDr8IN62A2?file=config