github.com - design is broken

[webcompat-bot]

URL: https://github.com/microsoft/PowerToys

Browser / Version: Firefox 105.0
Operating System: Windows 10
Tested Another Browser: Yes Chrome

Problem type: Design is broken
Description: Items not fully visible
Steps to Reproduce:
When the website is viewed in dark mode, most of the text are wrongly colored in black which renders invisible on a dark background. Many other websites exhibits the same rendering issues with the latest version of Firefox.

View the screenshot

Browser Configuration

• gfx.webrender.all: false
• gfx.webrender.blob-images: true
• gfx.webrender.enabled: false
• image.mem.shared: true
• buildID: 20220906185728
• channel: aurora
• hasTouchScreen: false
• mixed active content blocked: false
• mixed passive content blocked: false
• tracking content blocked: false

View console log messages

From webcompat.com with ❤️

[softvision-raul-bucata]

It seems this is due to the Facebook container add-on and the "Dark" theme, an issue signaled on multiple sites.

Note: The issue does not occur with "Light" mode, or with Firefox Dark/Light theme.

Tested with:
Browser / Version: Firefox Nightly 106.0a1 (2022-09-08) /Firefox Release 104.0
Operating System: Windows 10 Pro

For more info follow the issues:

• https://bugzilla.mozilla.org/show_bug.cgi?id=1789822
• CSS fonts rules overrides website ones mozilla/contain-facebook#857

[qa_36/2022]