FirefoxUX / photon

Firefox’s Photon Design System.
https://design.firefox.com/photon/
Mozilla Public License 2.0
273 stars 74 forks source link

Warning message button text contrast #363

Open DPX-designer opened 5 years ago

DPX-designer commented 5 years ago

warning message contrast

The default state of the warning message button provides super contrast and is very clear, the hover and pressed states however are a little trickier to see (Figure A).

Changing these states to white text (Figure B) improves visibility but I don't think we change text color on hover anywhere else and likely isn't very Photon.

Figure C, attempts to nudge the button yellow darker for all states so that we can stick with white text, similar to the Error message, however we see that the default button state contrast suffers here.

Maybe as the default state is clearly the most important that what we currently have is the best option?