❄️ scifox

A Minimalist Firefox userStyle

I have switched to using a more immersive version of this config which is on the immersive branch.

You can clone it by: git clone -b immersive https://github.com/scientiac/scifox

Screenshots

Homepage

During Usage

Sidebar

Adaptive Color

⚙️ Installation

[!IMPORTANT] If you have not used other user.js or chrome files (a fresh Firefox install), you can install the chrome using the installation script ./install.sh but I recommend you to do it manually if you are using other user.js or chrome files.

1. In the searchbar type about:config. A dialog will be shown to you. Press the I accept the risk button.
2. Search for toolkit.legacyUserProfileCustomizations.stylesheets, layers.acceleration.force-enabled, gfx.webrender.all, and svg.context-properties.content.enabled. Change them to True
3. Go to your Firefox profile:
   • If you're on Linux: $HOME/.mozilla/firefox/XXXXXXX.default-release/
   • If you're on Windows: C:\Users\<USERNAME>\AppData\Roaming\Mozilla\Firefox\Profiles\XXXXXXX.default-XXXXXX
   • If you're on MacOS: Users/<USERNAME>/Library/Application Support/Firefox/Profiles/XXXXXXX.default-XXXXXXX
4. Move the chrome folder into the directory.
5. Install the sidebery addon and go to sidebery settings > Help > Import addon data then pick sidebery.json and apply everything.
6. Make all the customizations you want.
7. Enjoy!

I am using FantasqueSansM Nerd Font in this configuration as a preferred font (you might want to download it) but you can change it easily in the 'FONTS' section in userChrome and userContent css files.

🚀 Usage

This userstyle has a keyboard centered usage:

• Alt You can access to the global menu for an extended options you need
• Alt + Left Arrow You can go Back
• Alt + Right Arrow You can go Forward
• Ctrl + L focuses the Navbar
• Ctrl + T Opens a new Tab
• Ctrl + W Closes a Tab
• Ctrl + Shift + T Re-opens a tab that you just closed
• Ctrl + R Refresh the page you're on
• Ctrl + Shift + A Quick open for Add-Ons

🔧 Recommended settings

• Right click on toolbar -> Customize.
• Remove and Organize (as you want) all the removable elements including extensions, drag space and buttons.
• Install the Adaptive Tab Bar Color add on for a cleaner UI.

Tips

• In about:config set browser.newtabpage.activity-stream.improvesearch.handoffToAwesomebar to false to use the homepage search bar without jumping to the url bar.
• In Settings > Search > Search Shortcuts untick everything to get a minimal look in search suggestions.

🎉 Credit

• The simple design is heavily inspired by simplefox. Additionally, this repository includes content reproduced or adapted from their userStyle.
• The single bar UI was inspired by cascade.
• The sidebar UI is possible due to sidebery.