Mozilla dark reader how to#

This will enable the dark theme on the browser alone. Finally, tap the enable button located under the dark theme. This page shows the themes that are enabled and disabled on your browser. Under the extensions section, you can see the themes icon on the left side screen. Both actions will redirects you to the Addons page that you have already installed or disabled. Next, you can either use the shortcut key Ctrl+Shift+ A or hit the Add-ons menu. On the current page, you can see the hamburger icon located at the top right corner. However, you may change them according to your liking.At first, open your Firefox web browser. The colors #222 and #eee do work very well for me. So in the chrome/userContent.css file, in your Firefox profile directory just add input, textarea Īs mentioned in the answer you linked to. But as you're already at it you may also set the text color.

fallback) behavior of Firefox.Īs text is almost never white but dark-grayish on websites, it would suffice to set background or background-color to some brighter value for dark gtk-themes. But what you actually want is to override the default (resp. With the !important keyword, all of the inputs and textareas of almost all sites would have this same (background-)color. background-color css style tags so Firefox inserts default values. The problem from your question arises on sites, that do not specifically set values for background resp. IMHO they are well aware of this behavior and after finding a solution, I'm assuming that it is desired as you obviously can choose a theme you want it to have.Īctually, it is better to leave the !important keywords out. Then you may remove or rename the chrome/userContent.css You could probably use any other theme that targets both, GTK-2 and GTK-3. So now, for version 57.0.4, I tried both and it worked beautifully: > GTK2_RC_FILES=/usr/share/themes/Adwaita/gtk-2.0/gtkrc GTK_THEME=Adwaita:light firefox Which hasn't been working anymore since version 57. Since version 46.0 it required GTK-3: > GTK_THEME=Adwaita:light firefox Here's an example, to see the buttons select 'new program' on the left, paste this example program there, and this example query in the bottom right panel, then hit 'Run!'.īefore Firefox version 46.0 you could set a theme by starting it like so: > GTK2_RC_FILES=/usr/share/themes/Adwaita/gtk-2.0/gtkrc firefox It looks like even buttons are black-on-black on some websites. I'm gonna edit my own answer if I have time to find it out myself. The way to fix it is probably similar to the ones provided below, only with a different entry in userContent.css, but it'd be nice if someone provided it here. While in the answers you can find a temporary workaround for the input boxes, the same dark text on dark background issue seems to happen in dropdown menus (not all of them though, which is weird, may be related to different HTML/CSS techniques to create them), and since it's not much discussed but the two issues are most likely linked, I'm adding it to this question.

Mozilla dark reader how to#

Is there a temporary fix for this? And could someone who knows how to properly do it report the issue to Mozilla or to the Gnome project (dunno what would be more appropriate)? Now the script doesn't work anymore, and I was thinking about reporting it to Mozilla, but they don't really have a GitHub repo for Firefox itself, only for separate components, so I don't really know where I should open the issue. I use Arc-Dark theme on Ubuntu Gnome, and I know this issue existed on older Firefox versions too but it could be fixed with this Stylish script (which wasn't a great fix in itself as it screwed up the Downloads button). Original Question (only about input boxes):