daisyui icon indicating copy to clipboard operation
daisyui copied to clipboard

bug: Disabled inputs and buttons have inconsistent styling

Open TheWilley opened this issue 6 months ago โ€ข 2 comments

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.

TheWilley avatar Feb 23 '24 10:02 TheWilley

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.

github-actions[bot] avatar Feb 23 '24 10:02 github-actions[bot]

I think I may have found something after some further research. It seems like the button uses bg-neutral: https://github.com/saadeghi/daisyui/blob/32ce5dd500e6518689901e3918ab6b0e7eadeb9f/src/components/styled/button.css#L336

while the input uses border-base-200 and bg-base-200: https://github.com/saadeghi/daisyui/blob/32ce5dd500e6518689901e3918ab6b0e7eadeb9f/src/components/styled/input.css#L80

And therefore the color differences.

TheWilley avatar Feb 23 '24 12:02 TheWilley