What can it do?

|

|

Installation

NOTES: Currently, this has only been tested on Gnome Linux. However, it does seem to work fine for others. It is also possible to install with Firefox UI Fix

In Firefox

• Firstly, make sure you are on the latest firefox stable version. ESR & other editions may not work as intended.

1. Visit about:config
   • Search for toolkit.legacyUserProfileCustomizations.stylesheets, set it to true
   • While you're here, you can enable other customizations you may want here
2. Visit about:support
3. In the Profile Directory row, copy the full path
   • May look something like: /home/{username}/.mozilla/firefox/...

Then, in a Terminal

cd #paste the path you copied before here

git clone https://codeberg.org/Freeplay/firefox-onebar.git chrome

OR, to add it manually:

1. Go to the path you copied before in your file explorer
2. If there is no chrome folder, create one
3. Then, inside the chrome folder, create a file called userChrome.css
   • Copy & Paste the contents of userChrome.css into the file

Restart Firefox, and enjoy :)

Updating

If you used the Terminal Method:

cd #the path you copied before

cd chrome && git pull

If you've added it manually:

1. Go to the path you copied before
2. Enter the chrome folder
3. Copy & paste the contents of userChrome.css into the file

Then, restart Firefox.

Customizations

1. Copy the preference name of the customization you want to enable from the table below
2. Visit about:config
3. Paste the preference name into the search bar
4. Click the plus button at the bottom right

Then, restart Firefox.

Customization	Preference Name
Autohide all URLbar icons until hover	onebar.hide-all-URLbar-icons
Disable autohiding of URLbar icons (prevents movement of URLbar)	onebar.disable-autohide-of-URLbar-icons
Disable truncating of https://	onebar.disable-https-truncate
Disable centering of URLbar on focus	onebar.disable-centering-of-URLbar
Disable single-tab styling	onebar.disable-single-tab
Hide navigation buttons	onebar.hide-navigation-buttons

Use with Firefox UI Fix:

1. Install the Proton-style version of the Firefox UI fix first
2. Once that is done, visit about:support
3. In the Profile Directory row, click "Open Directory"
4. Enter the chrome folder
5. Locate & open the userChrome.css file
6. Copy & paste the contents of userChrome.css at the end of the file

Then, restart Firefox.

Attribution

If you modify this style or use it in your own work, please make sure to at least credit me somewhere visible with a link to my website or to this style's repository :)

Make sure to see the license below for more details:

This work is licensed under a Creative Commons Attribution-ShareAlike 4.0 International License.

🍓

Although I'm definitely lower priority than some others...
If you support my work and can actually afford to,

you can donate to me here :)