Fuji Fox

Two things that I want for my browser:

• I want it to be clean and minimal, clutter-free from things that I barely use.
• I'd love to have that glassmorphism look for my browser. That would be awesome.

So based on those two, I created this customization (purposely) for myself. But if you want to try, feel free to try it yourself.

Unfortunately, I was only able to test it on my Linux, since I don't use either Windows or macOS.
I'm using Arch with Hyprland on top of it. If you're interested, feel free to check them out right here.

Especially since the recent updates, they always try to mess everything up. Yes, I'm looking at you, Mozilla.

Anyway, I'll do my best to keep maintaining this project since I use it as my daily driver as well.

Full-width Tab (Safari Style)

Auto Hide Urlbar and Toolbar

Close Tab on Hover

Hidden Extensions Icon	Compact Extensions Menu

Top Findbar

Gradient URL Bar View

Centered Bookmark

• In the URL bar, enter about:config (Accept the Risk and Continue).
• Adjust the configuration as per the following table:

• In the customize toolbar menu set density to compact (bottom left corner).

• Enable Dark theme in Settings. Ensure it is not the System theme - auto.

• Enter about:profiles in the URL bar.
• Identify your current profile and click on Open Directory in the Root Directory section.
• Create a chrome folder if one doesn't already exist.
• Download the userChrome.css and move it to the chrome folder.

Restart your browser to experience your new comfy browser! 💓🎉

• Increase or decrease the value of --urlbar-height-setting variable in userChrome.css.

Still in the userChrome.css:

• Head to the URL DEBLOAT section, find #star-button line and change display: none to display on.

• Head to the UNIFIED EXTENSIONS BUTTON section, find #unified-extensions-button line and change the opacity to 100%.

• This work took inspiration from Dook97's userChrome.
• Mr.OtherGuy for amazing tweak references.