question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

[Bug] Dark Reader broken on Firefox Nightly (not able to transition between CSS)

See original GitHub issue

Bug Report

Website Address

Bug Description

Firefox Nightly 101.0a

When page initially loads, Dark Reader fails to properly select and transition light css to dark css.

Steps To Reproduce

Dark Reader configs:

{ "enabled": true, "fetchNews": false, "theme": { "mode": 1, "brightness": 100, "contrast": 100, "grayscale": 0, "sepia": 0, "useFont": false, "fontFamily": "Segoe UI", "textStroke": 0, "engine": "dynamicTheme", "stylesheet": "", "darkSchemeBackgroundColor": "#272727", "darkSchemeTextColor": "#e8e6e3", "lightSchemeBackgroundColor": "#dcdad7", "lightSchemeTextColor": "#181a1b", "scrollbarColor": "auto", "selectionColor": "auto", "styleSystemControls": false, "lightColorScheme": "Default", "darkColorScheme": "Default", "immediateModify": false }, "presets": [], "customThemes": [], "siteList": [ "www.reddit.com", "www.samsungebiz.com" ], "siteListEnabled": [ "imgur.com", "www.epicgames.com", "www.base64decode.org", ], "applyToListedOnly": false, "changeBrowserTheme": false, "syncSettings": true, "syncSitesFixes": true, "automation": "", "automationBehaviour": "OnOff", "time": { "activation": "18:00", "deactivation": "9:00" }, "location": { "latitude": null, "longitude": null }, "previewNewDesign": true, "enableForPDF": true, "enableForProtectedPages": false, "enableContextMenus": false, "detectDarkTheme": false, "notifyOfNews": false, "readNews": [ "v4-9-16", "v4-9", "attention", "dr-5-announcement", "2m-users", "automation", "product-hunt-golden-kitty-2018", "time-settings", "safari", "500k-users", "stylish", "product-hunt", "custom-site-settings", "thanks-for-contribution", "dynamic-theme" ] }

Sites were chosen at random. All sites are like this.

Go to Bloomberg or Fluent Reader and let Dark Reader load (without altering Dark Reader configs)

Observe site

Expected Behavior

Screenshot 2022-04-30 at 16-01-28 Bloomberg Markets - Bloomberg

Screenshot 2022-04-30 at 16-01-06 Fluent Reader

Actual Behavior

Screenshot 2022-04-30 at 16-01-20 Bloomberg Markets - Bloomberg

Screenshot 2022-04-30 at 16-00-46 Fluent Reader

If I manually turn off Dark Reader and turn it on again, it loads properly. (Expected Behavior)

Screenshots

Attached above

System Information

  • OS: Windows 10
  • Browser: Firefox Nightly 101
  • Dark Reader Version: 4.9.48

Additional Context

Issue Analytics

  • State:closed
  • Created a year ago
  • Reactions:4
  • Comments:9 (3 by maintainers)

github_iconTop GitHub Comments

5reactions
Gustedcommented, May 2, 2022

Dark Reader v4.9.50(which includes the fix) has been released

2reactions
emiliocommented, May 1, 2022

Yeah this is an issue with adopted stylesheets not working from extensions on Firefox (it’s tricky due to our security wrappers), and is being tracked in https://bugzilla.mozilla.org/show_bug.cgi?id=1766909.

As a workaround on darkreader’s side, try / catching in handleAdoptedStyleSheets would do.

That workaround would be appreciated, though the patch in that bug should also address the issue.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Dark mode in all firefox browsing sites do not work now
The dark mode is enabled and dark reader was there, but the browsing pages only shows in white. Has firefox changed anything recently...
Read more >
Dark Reader not working on all websites : r/firefox - Reddit
It's an extension that turns on dark mode on any page - regardless of if it has dark mode or not.
Read more >
Help – Dark Reader
Use Invert listed only if you wish Dark Reader to work only on listed websites. · Not invert listed will prevent the extension...
Read more >
How to Enable Dark Mode in Firefox Completely - It's FOSS
Step 1: In Firefox, go to the top-right corner and open the menu by clicking the hamburger menu and then click on the...
Read more >
Dark Reader extension – Dark mode for every website
Bad performance in Firefox is a known issue and I'm working on improving it. It's not an issue in Chrome and Safari. Low...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found