1558194 - Restyle audit progress bar screen for Dark Devtools theme

Status: VERIFIED FIXED

(DevTools :: Accessibility Tools, enhancement)

Description

[Timea Cernea [:tbabos][inactive]]

Attachment: Video of the issue

Affected versions
Nightly 69.0a1 (2019-06-09)
Beta 68.0b8 (64-bit)

Affected platforms
Windows 10 x64
Mac OS 10.13
Ubuntu 18.04

Steps to reproduce

• Go to twitter.com (or any other page)
• Enable a11y
• Set Devtools Dark theme
• Perform a full page contrast audit

Expected result
The audit progress bar screen should be of a dark color that would match the Dark theme

Actual Result
The default (white) progress bar is displayed. This is slightly disturbing for those who prefer and already set up the Dark devtools theme.

Comment 1

[Yura Zenevich [:yzen] (please use "needinfo")]

Attachment: Bug 1558194 - fix background styling for audit overlay in dark mode. r=mtigley

Comment 2

[Pulsebot]

Pushed by [e-mail]:
https://hg.mozilla.org/integration/autoland/rev/10ef7c0ed049
fix background styling for audit overlay in dark mode. r=mtigley

Comment 3

[Noemi Erli[:noemi_erli]]

https://hg.mozilla.org/mozilla-central/rev/10ef7c0ed049

Comment 4

[Yura Zenevich [:yzen] (please use "needinfo")]

Comment on attachment 9070966 [details]
Bug 1558194 - fix background styling for audit overlay in dark mode. r=mtigley

Beta/Release Uplift Approval Request

• User impact if declined: Progress bar in the dark scheme will look very bright as if for a light scheme.
• Is this code covered by automated tests?: No
• Has the fix been verified in Nightly?: Yes
• Needs manual test from QE?: No
• If yes, steps to reproduce:
• List of other uplifts needed: None
• Risk to taking this patch: Low
• Why is the change risky/not risky? (and alternatives if risky): Just changed a background colour to match the dark scheme. 1 line in CSS
• String changes made/needed: No

Comment 5

[Timea Cernea [:tbabos][inactive]]

Verified - Fixed on latest Nightly 69.0a1 (2019-06-11) (64-bit) on Windows 10 x64, Ubuntu 18.04 and MacOS 10.13.
The background color of the progress bar will match the devtools dark theme.
Thanks for the fix!

Waiting for uplift to beta before closing the bug.

Comment 6

[Julien Cristau [:jcristau]]

Comment on attachment 9070966 [details]
Bug 1558194 - fix background styling for audit overlay in dark mode. r=mtigley

devtools style fix, approved for 68.0b10

Comment 7

[Julien Cristau [:jcristau]]

https://hg.mozilla.org/releases/mozilla-beta/rev/39fccba8099b

Comment 8

[Timea Cernea [:tbabos][inactive]]

Verified - Fixed on latest Beta 68.0b10 on Windows 10 x64, Ubuntu 18.04 and MacOS 10.14.