Open Bug 1546813 Opened 5 years ago Updated 2 years ago

Dark mode "Turn on Accessibility Features" button is unclear

Categories

(DevTools :: Accessibility Tools, defect)

defect

Tracking

(Not tracked)

People

(Reporter: victoria, Unassigned)

Details

Attachments

(3 files)

Attached image image.png

The Turn on Accessibility Features button is a little hard to understand due to the subtle background color. For the background, could we use what dark mode about:preferences#general is doing? Appears to be something like .1 Gray 10 which becomes brighter when hovered and even brighter when clicked.

This will be the style for other large buttons in content/main body areas of DevTools (e.g. Network Reload button, etc). This doesn't change the look of toolbar buttons or mini (Inspector-style) badges.

Attached image about:preferences

I guess we could do the light mode in this bug as well :)

Specs for background colors are here: https://design.firefox.com/photon/components/buttons.html#default-3

And we could follow the Micro button pattern for font size/padding as well. https://design.firefox.com/photon/components/buttons.html#micro

Severity: normal → S3
You need to log in before you can comment on or make changes to this bug.