udemy.com - design is broken

[anna-yeddi]

URL: https://udemy.com/

Browser / Version: Firefox 133.0
Operating System: Mac OS X 10.15
Tested Another Browser: Yes Chrome

Problem type: Design is broken
Description: Items not fully visible
Steps to Reproduce:
When the macOS Dark theme is on and the Fx apperance is set to Auto in settings, the background of the main area of the Udemy page appears black but the text remains dark gray and black, making it unusable in Firefox. Works well with mac Chrome and Safari. The same issue has been happening for LinkedIn and Zoom redirection pages too (this is @ayeddi if you'd need any further details or debugging)

View the screenshot

Browser Configuration

• gfx.webrender.software: false
• blockList: basic
• channel: nightly
• defaultUserAgent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.15; rv:133.0) Gecko/20100101 Firefox/133.0
• hasTouchScreen: false
• frameworks: {'fastclick': False, 'mobify': False, 'marfeel': False}
• mixed active content blocked: false
• mixed passive content blocked: false
• tracking content blocked: false

View console log messages

From webcompat.com with ❤️

[anna-yeddi]

Same with LinkedIn - and their inner pages too

View the screenshot

[anna-yeddi]

Also tested with Safari on the same machine. Both Chrome and Safari are releases. Firefox release 131 works as expected too.