Welcome to the Power Users community on Codidact!
Power Users is a Q&A site for questions about the usage of computer software and hardware. We are still a small site and would like to grow, so please consider joining our community. We are looking forward to your questions and answers; they are the building blocks of a repository of knowledge we are building together.
Control whether Firefox renders web pages in dark or light mode
It has been reported that, if on a dark theme in KDE, Firefox automatically renders some websites that support it (e.g. Duckduckgo does, but Codidact doesn't) in dark mode.
How can I better control how Firefox behaves in respect to that?
1 answer
According to this support answer to "Home page is black",
-
Enter
about:configin the address bar. -
Edit the value of "layout.css.prefers-color-scheme.content-override" to
0 to use a dark background 1 to use a light background 2 to follow the system GTK theme 3 to follow the browser toolbar theme
Some notes:
-
It doesn't work if "privacy.resistFingerprinting" is true.
-
Since few web pages offer a dark mode, don't expect this to affect many of them. If you want to force a dark background for any page, there are several add-ons for that, for example Dark Reader and Midnight Lizard.
-
If you choose
2and use a global dark theme on KDE, you also need to set a dark GTK theme in the settings manager (Application style > GNOME/GTK application style). Choosing only the global theme as dark will have no effect on Firefox, because the former is Qt based and the latter GTK based.
1 comment thread
1 comment thread