1507701 - Make disabled color inputs more distinguishable from enabled ones

Status: NEW

(Core :: Layout: Form Controls, defect, P4)

Description

[Sebastian Zartner [:sebo]]

Attachment: Current display of enabled and disabled color inputs on Windows 10

Disabled color inputs (<input type="color" disabled>) are barely distinguishable from non-disabled ones, only the button face and the borders of the buttons have a little different color (at least on Windows).

Therefore I suggest to also change the display of the color sample when the element is disabled, e.g. make it semi-transparent or gray.

Sebastian

Comment 1

[Mats Palmgren (inactive)]

Attachment: Testcase #1

Comment 2

[Mats Palmgren (inactive)]

I agree that it's nearly impossible to tell if a color control
is disabled or not.  Setting 'opacity' though makes it look like
a different color is selected, which is also undesirable.  (I'm
guessing that's why we don't do that.)  I also note that Chrome
renders the testcase pretty much the same as we do currently,
at least on Linux.  So I don't see any easy solutions to this
if we want to display the selected color unchanged.  We can't
set a background / border because that will disable the theme.
Perhaps we could change the shape / size or stencil it somehow?

Comment 3

[Sebastian Zartner [:sebo]]

(In reply to Mats Palmgren (:mats) from comment #2)
> Perhaps we could change the shape / size or stencil it somehow?

Yes, if working with opacity is not an option, a stencil/groove effect may work. I just realized that this was also what I suggested many years back in bug 427619 comment 10. :-)

Sebastian