twitch.tv - see bug description

[webcompat-bot]

URL: https://twitch.tv

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

Problem type: Something else
Description: Font color broken in Dark mode
Steps to Reproduce:
When using Dark Mode on Twitch, the font color for the Title of the Stream, for the bio text, and also for the "Followed Channels" subtitle appear grey-ish instead of white which is very difficult to read. This issue is not present in Google Chrome which seems to indicate that it is an issue with Firefox. Also, this seems to not only affect Twitch.tv but also other websites like google.com and outlook.com.

Note : I cleared my web browser cache to make sure it was not related to that but I still got the same issue.

View the screenshot

Browser Configuration

• None

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]