Atheme changes the appearance of Firefox, such as the color scheme and background image of the toolbars. The color scheme of menus and built-in pages will follow, based on whether the text color on your toolbar is light or dark. Some websites also will follow the same color scheme.
I downloaded the custom theme "CatNip_Cosmo" a few weeks, and it worked fine for a couple days. Now, it loads as soon as I open Firefox, but as soon as "Top Sites" and search bar loads, it reverts back to default 'theme', which is the grey grid. I'm using a new Dell PC running Windows 10. I haven't done anything different to Firefox homepage, changed any settings, or added any other extensions. It was fine one day and broken the next. I'm a little bummed because I really like having custom theme. Does anyone have any ideas as to why custom themes would suddenly stop working?Thank You! : )
Is the problem that Firefox is changing the theme selected on the Add-ons page as it's loading? Does it help to switch themes once or twice back to the one you like? You can do that on the Add-ons page. Either:
Thank you for responding, Jscher. Yes, Firefox changes the theme back to default upon loading. And the first thing I did was try other themes: same thing happened. I tried disabling then enabling each theme. Each new theme I tried stayed on as long as I didn't open a new tab. And when I closed Firefox and reopened it, the same thing happened. I only recently installed Firefox on this PC, so I haven't added any bling. And I went into settings and checked add-ons and extensions to make sure all settings were correct.
I Googled how to disable "Firefox Color", followed instructions, then restarted Firefox. There was no theme at all, only black, and my "Top Sites" disappeared and only the Firefox search box was there. So I went back into settings and enabled "Top Sites", and the custom theme, and VOILA! The custom theme loads and stays there even in new tabs, and so do all my top sites! Thank You SO much!!!! : )
I had a better experience with tab differentiation when I switched to the built-in Firefox Aplenglow theme. You might want to try it out, or see if one of the themes available on
addons.mozilla.org is a better fit.
And why no ability to create and test a static theme locally ( or if there is why is it nearly impossible to figure out )? Until I hit these glitches, or bad design choices, whatever the case may be, I was on my way back to Firefox from Chrome.
This was done recently by Mozilla in Firefox v114, by removing native theming of contextual menu and forcing some ugly GTK4 Adwaita theme inside their browser without caring about other desktops. 1837651 - Contextual menu doesn't follow system theme
This was reported four years ago and was fixed, but seems to have regressed again. Firefox doesn't respect my mouse cursor theme, instead reverting to the default (Adwaita). My theme works fine in other applications. After Firefox is open, I can specifically reset the cursor theme in KDE Plasma 5's system settings, and Firefox temporarily respects the new setting. However, as soon as I restart Firefox, it's back to the default.
As to why it only happens for me - well, maybe our firefox builds are different in this regard? For example I built my firefox 46.0 without the "force-gtk2" option (it's called a "USE flag" in gentoo), so it's using gtk3 - which explains why I had to tweak the gtk3 settings.ini. Maybe your firefox build uses gtk2, which sidesteps this issue?
This problem has been around intermittently since at least 2012, and has resurfaced in April 2024. In some circumstances Firefox ignores customised mouse pointers and reverts to Adwaita (or maybe some other system default). I know this is an Arch form and my problem occurred on Mint with XFCE but it seems universal.
I solved this by renaming /etc/usr/share/icons/Adwaita/cursors to .../cursors.orig and replacing it with a link to the customised icons in the directory 'cursors' in the directory containing my preferred setup.
IMHO, at least for add-ons, this is not so good, because actually it looks as awkward, when the website and system is light, but the popup of the add-on that originates from the dark Firefox UI is light:
BTW if you only care about detecting the system dark/light design, you can alternatively (without an extra theme permission), also prefers-color-scheme. It allows you to detect whether the system/user wants a dark website, so you can adjust your CSS. You can check that with JS, too.
I'm quite new to Linux and Xfce. For my 2k monitor and I already have increased the size of most Xfce UI elements succesfully. But there are a few applications I wasn't able to increase the windows title bar and its min/max/close buttons which is typically done by changing the theme in Xfce "Window-Manager" settings.
For example Firefox only reacts to changes in Xfce "Appearance" settings where the main theme is selected. But doesn't respond to theme changes in Xfce "Window-Manager", whereas 90% of all other applications do change the window border theme fine.
By default (?), firefox uses Client Side Decorations. These cannot be managed by the window manager because CSD window decorations are drawn by the application. Fortunately, you can revert firefox to regular titlebars (in Customize, select the "Title Bar" option).
I like to use Firefox without titlebar - so that's no option in my case.
Firefox also doesn't respond to CSS changes in UserChrome.css. Firefox min/max/close buttons only react to theme changes in "Appearance" settings. Meanwhile I found a Xfce hidpi Arc theme fork that does increase the Firefox buttons a bit. I think I can live with that: -theme-xfwm4-hidpi
If Firefox is set not use a Titlebar, then you can change the border using the Settings Manager->Window Manager preferences.
If Firefox is set to use a Titlebar, then the Style selected in Settings Manager->Appearance will take effect.
For both options, the layout of window controls (min,max,close) can be configured in Settings Manager->Window Manager.
Applications using CSD will use the GTK Style selected in Settings Manager->Appearance for their window border (gnome-disks, evince, lollypop, lutris, etc.).
Applications written in gtk2 or explicitly set to use a window border will use Window Manager aka xfwm4-settings (parole, gimp, thunar, libreoffice, etc.).
You can usually find a firefox theme in the add-ons to match. I am using one of the new manjaro themes matcha-dark-aliz including the gtk theme and the default firefox theme on firefox 81 picks up the theme colours ok.
The problem is that Firefox is using my dark GTK theme for items like buttons and text fields on common web pages, and this commonly creates unreadable menus, text areas, and buttons. (white text on white backgrounds, or black text on black buttons).
I don't want to change either theme, because they look great in every other application, and I don't want to have to do something crazy to my Firefox install like use custom user scripts or CSS overrides.
You can specify a light GTK theme to use for rendering webpages in about:config. This is great because your system theme will still apply for menus etc. but the webpages will be rendered as they are with light themes.
This will launch Firefox using the Simple/Adwaita:light theme, which is pretty basic and should blend with your Persona. You can try other themes, by replacing Simple with the theme name, but this doesn't work with all themes.
There is a very simple way to get the default color scheme back for web pages while still keeping your GTK theme for Firefox elements. I know it's not exactly what was asked, but it may help people coming here from a Google search.
I'm using the Adwaita dark theme with Ubuntu 18. I'm using the default theme in firefox 63.0.The best solution in my case, with no side effects at all, was to force firefox to use a light theme (Adwaita in my case) for web content rendering only :
Personally, I like to use a dark theme for Firefox but I do not want a dark theme for websites. Recently, Google and other websites like archwiki started using prefers-color-scheme in their css to automatically switch to your browser's dark or light theme.
It should be noted that this applies to Google search and other pages when the user is not signed in. You may also have to adjust your individual user settings for websites like Twitter, Facebook, and Google that also use an independent dark setting for each user as these settings are independent of your GTK and/or browser theme.
I came to this question wondering the same thing, after getting tired of bugs with Firefox's GTK implementation, however since none of the answers right now truly get rid of GTK integration, I decided to try removing as much of Firefox's GTK integration as possible myself.
I have had so many requests for making the home page dark or at least to match the Firefox theme a person is using. Is there a possibility that a designer may be able to choose the Home Page color for a theme soon or in the future?
At some point Mozilla added a functionality which allows Firefox's default theme to adapt to whichever theme Windows 10 is using. For example, if I am using the dark theme for Windows, then Firefox's default theme changes to dark. So if I choose the default Firefox theme and my Windows theme is dark, then Firefox switches to its Dark theme. If I choose the default Firefox theme and my Windows theme is light, then Firefox switches to its Light theme.
Past few years i used FT Deep Dark Theme. Today FF updated and that theme become outdated, like dozens of other full themes. New FF look, for me, is awful and unpractical. Everything is too big and moved.
3a8082e126