Doesn't play well with TailwindCSS (or any other utility framework)

[gremo]

... because of the style background: linear-gradient(135deg, #73a5ff, #5477f5) applied by default.

TailwindCSS uses the bg- utility class to change the background color. Passing the option className doesn't work of course, because of the background property:

This is annoying because most of the time the primary purpose is to change the background color. Is there a way to unset (maybe using some options) the background itself, and use my bg-green-500 class?

[Shitric]

I think you can unset the background property for default and set className to bg-green-500. Maybe i'm wrong but give a change :)

[gremo]

@Shitric thanks for helping, but unset wins:

[apvarun]

Importing the toastify css file before the tailwind layers in your CSS file would change the specificity as per your need.
Can you try it @gremo ?

[gremo]

@apvarun well that is not simple. I'm lazy loading the css needed by toastify-js... but I'll try it anyways!

[gremo]

Solved using important modifier this way: !bg-none !bg-cyan-500. But I still think there should better way. I'll close this for not polluting the issues.