Fixing GTK Dark Themes on Firefox

The world is a comedy to those that think; a tragedy to those that feel.

— Horace Walpole.

If your using Linux and run Firefox¹. One thing you will notice on Firefox when on a dark themed GTK² based environment in Linux is the HTML content would adapt to the theme color.

And for some reason I don’t know why Firefox still doesn’t fix this stuff. Here is the link related to the issue: https://bugzilla.mozilla.org/show_bug.cgi?id=1527048

UPDATE: Seems this problem has been fixed in Version 67 of Firefox.

Here is the workaround for it:

1. Open about:config inside Firefox. You should type this in the URL bar.
2. Right click on the content and click New > String with key widget.content.gtk-theme-override and value Arc-Darker.
3. Restart Firefox.

The steps above would set Firefox content to adapt to white based theme while retaining chroma theme dark. You could also use Adwaita as value.

So guys, have you ever encountered this bug specifically in Gnome 3 while using Firefox? Hope you guys enjoyed this article and as always live life!

1. Mozilla Firefox, or simply Firefox, is a free and open-source web browser developed by the Mozilla Foundation and its subsidiary, Mozilla Corporation. Firefox uses the Gecko layout engine to render web pages, which implements current and anticipated web standards. ↩︎
2. GTK is a free and open-source cross-platform widget toolkit for creating graphical user interfaces. It is licensed under the terms of the GNU Lesser General Public License, allowing both free and proprietary software to use it. ↩︎