How to customize the colors of disabled buttons?

[jaimeiniesta]

I'd like to customize the colors of btn-disabled, which out of the box look like this and are hard to read:

However, according to https://daisyui.com/docs/colors/ it's not possible to customize that?

[mark1502]

Not sure, but try something like disabled:bg-blue-600 in the class.

[jaimeiniesta]

Thanks, but I mean customizing it from the Daisy UI config just like the other colors primary, secondary, error, etc., can be customized.

[himanshujangid03]

I'd like to customize the colors of btn-disabled, which out of the box look like this and are hard to read:

However, according to https://daisyui.com/docs/colors/ it's not possible to customize that?

You can follow the steps:

In index.css

.btn-disabled {
@apply !text-white
}

remember to use ! before styles to make it work

[jaimeiniesta]

Thanks, but that's not compatible with themes.

[saadeghi]

By default, it's neautral color with 20% opacity. So if you change the neutral color it will also change (with 20% opacity)

You can apply a different color using utility classes or from config:
https://play.tailwindcss.com/PDO9MRQbNI?file=config

Let me know if you have a question.