bug: Disabled inputs and buttons have inconsistent styling

[TheWilley]

What version of daisyUI are you using?

v4.7.2

Which browsers are you seeing the problem on?

Chrome

Reproduction URL

https://play.tailwindcss.com/Q8tDkINpUK

Describe your issue

The styling applied to disabled elements seems to be inconsistent between buttons and inputs. For example, when using the dark theme, a disabled button has a light gray tone, while a disabled input has a dark gray tone. From a UXD standpoint, this is confusing as it's unclear what is disabled and what is not. This inconsistency appears to apply to all themes.

[github-actions]

Thank you @TheWilley for reporting issues. It helps daisyUI a lot 💚
I'll be working on issues one by one. I will help with this one as soon as a I find a solution.
In the meantime providing more details and reproduction links would be helpful.

[TheWilley]

I think I may have found something after some further research. It seems like the button uses bg-neutral:

daisyui/src/components/styled/button.css

Line 336 in 32ce5dd

@apply bg-neutral text-base-content border-opacity-0 bg-opacity-20 text-opacity-20;

while the input uses border-base-200 and bg-base-200:

daisyui/src/components/styled/input.css

Line 80 in 32ce5dd

@apply border-base-200 bg-base-200 placeholder-base-content text-base-content/40 cursor-not-allowed placeholder-opacity-20;

And therefore the color differences.