How-to implement darkreader using css?

I want to use userChrome.css / userContent.css solution to bring complete dark mode as currently goal of darkreader. I find darkreader glitchy as report in this issue: https://github.com/darkreader/darkreader/issues/2095 - especially when slow pages load or opening firefox (I have restore previous session enabled) (it can be how firefox engine load pages)

I only have uBlock Origin add-on and darkreader. I believe the glitch issue still happens even using darkreader only.

Archlinux and firefox latest.

What’s complexity to use css solution? and how to implement that way?

[Gusted]

Hello!

In the next update of Dark Reader 4.9.16 you can export it to CSS File 🎉 This can trough the following steps:

• Click Dark Reader icon.
• Click Dev tools (in the bottom-right corner).
• Click Preview new design.
• Click on settings in the popup
• Click on Manage Settings
• Click on Export Dynamic Theme

Regards, Gusted

[Gusted]

No not really as each <style> in the DOM structure is being computed to be which color etc. For all elements for the remaning css property’s making this into a CSS will be a big mess and with current code not possible as their isn’t a console.log(theAlmightyStyleVariable) Their are splitted up in a lot of stylesheets. A possible solution is to open a site with firefox and open the Styles or CSS tab in the devtools