zonnev / elementaryos5-firefox-theme

This theme for Firefox supports all the window buttons layouts from Tweaks and it blends into the elementary OS 5 (Hera) user interface.

An elementary OS 5 (Hera) theme for Firefox

Credits

Credits to Harvey Cabaguio for setting the theme up, Surendrajat, DRHAX34 and sempasha for the install script and the elementary team for the UI design and icons.

Install

Firefox does not support userChrome.css by default. Here are the steps to make it work:

1. Load about:config in the Firefox address bar.
2. Confirm that you will be careful.
3. Search for toolkit.legacyUserProfileCustomizations.stylesheets using the search at the top.
4. Toggle the preference by double clicking. True means Firefox supports the CSS files, False that it ignores them.

Follow this step to install the userChrome.css:

You can set 8 different window buttons layouts with elementary Tweaks. Now it's possible to install this theme to match these window button layouts.

Use this one line install script which let you select the window buttons layout you like:

curl -s -o- https://raw.githubusercontent.com/Zonnev/elementaryos5-firefox-theme/master/install.sh | bash

Just copy the line to your terminal and press enter. Then it lets you choose which window buttons layout you need (1-8) and press enter again. If you don't want to install elementary Tweaks, then you select the default layout (option 1 in the installer).

After installation

1. Disable Title bar in the customization panel in Firefox.
2. In the customization panel in Firefox you can move the new tab button to the left if you wish and use the dark mode option as well, in combination with Tweaks.

elementaryos5-firefox-theme's Issues

The dropdown menu color stands out from the overall theme

This is the only drop-down menu where the title color stands out from the overall theme.

Change the light of the loading indicator in private mode

In private mode, the page loading indicator is difficult to see

Change the look of the scrollbar

Hello!

Can you change the scroll bar's appearance and behavior (hide, reduce size) in Firefox?

When moving, the title of the adjacent tab is visible

Hey.

When moved, the main tab becomes transparent and you can see the title of the adjacent tab.

When moving in the opposite direction, this problem is not.

This is also the case in the previous version.

Font is not visible in the address bar

The latest update caused an issue with font display in private mode.

Enlarge icons in the bookmark menu

Poorly visible due to small size

It looks better

.subviewbutton > .menu-right {
    width: 1.2em !important;
    height: 1.2em !important;
}

Theme not applying with photon layout

I'm using eOS 5.1.7 and the flatpak Firefox which is at version 89.0 and when I opened it at first with the theme applied it looked a it off so I ran the command from the readme and restarted Firefox. Now I have proton tabs below an elementary looking address bar but the menu and other icons are no themed. Not sure what step I missed.

Buttons in the library have no borders

Plus, when I hover over them, the text shifts a little to the side.