Firefox DesModder CSS Incompatible with Dark Reader

[PowerUser64]

trafficstars

Dark Reader is a browser extension that automatically converts webpages to dark theme. Unfortunately, DesModder does not play nice with it. As you can see from the screenshots below, the background color in the intelisense menu isn't inverted, and the main text color in the menu isn't inverted. The rest of desmos looks just fine with Dark Reader enabled, so I'm pretty sure the problem isn't Dark Reader.

Dark Reader On	Dark Reader Off

[jared-hughes]

I use Dark Reader personally and even contributed a fix that helps with Text Mode.

I occasionally run into the problem you're describing but can normally fix it by reloading the page or toggling Dark Reader off-then-on-again (Alt-Shift-D twice).

Two questions for you:

• Does this problem occur every time you open Desmos with DesModder enabled?
• Does the workaround (reload page or toggle off-then-on) work consistently?

[PowerUser64]

1. Yes, it happens every time I load desmos with desmodder enabled
2. No, although I have experienced the problem you're talking about before (where you have to toggle dark reader), I haven't ever been able to fix this case by toggling dark reader.

[SlimRunner]

I was checking on this and realized this issue only happens on Firefox. Chrome renders all the components just fine.

It seems to be an issue with Dark Reader most likely.

[jared-hughes]

Glad to see this is easily reproducible on Firefox (I can reproduce it too).

My guess of what's happening is that Firefox doesn't allow Dark Reader access the styles injected by DesModder.