SimplerentFox: 🦊 Minimalist, Simple and Keyboard Centered
Index
Features
- Compressed files
- As simple as you want: Non-Compressed files for custom rules!
- Variables for custom opacity and colors
- Tab bar, URLBar and Sidebar transparent!
- Keyboard Centered Design!
Installation
- In the searchbar type
about:config
- A dialog will be shown to you. Press the
I accept the risk
button. - Search for
toolkit.legacyUserProfileCustomizations.stylesheets
,layers.acceleration.force-enabled
,gfx.webrender.all
, andsvg.context-properties.content.enabled
. Change them to True - 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
- If you're on Linux:
- Create a folder and name it
chrome
(with lowercase) and then paste theuserChrome.css
anduserContent.css
(There should be only oneuserContent.css
) files into it. - (Optional) If you don't know if use a theme or not, you can use the Add-on theme I made for a better experience: Add-on Theme
- E N J O Y 🦊
Customization
- You can choose between both files
userChrome__NoURLBar
anduserChrome__WithURLBar
. Don't forget to delete the rest of the text in the title and just haveuserChrome
! - You can check the sections in the
no-compressed
files and make the changes you want! - You can use the
compressed
files if you want a simpler experience (They also have variables so you can change the colors)
Two Versions
Without URL Bar
With URL Bar
Hiding "This time, search with" URL bar message
Hiding the message can give a more minimalistic URL bar. To hide the message additional search engines need to be removed, which can be done throught the One-Click Search Engines option in the Settings' Search tab.
Your own colors and opacity:
In this section of the code you can change the colors, it's in RGBA so you can easily change the opacity and accent color, by default it's #186efd60
A button you need doesn't show? You can easily add them again
In this section you can comment adding /* */
around the button you want to show.
Usage
This userstyle was made for a keyboard centered usage, like Tilling Window Manager users or just cool people that loves them! 🤖 In this section I show you some cool shortcuts you can use with this theme for a better experience
Alt
You can access to the global menu for an extended options you needAlt + Left Arrow
You can go BackAlt + Right Arrow
You can go ForwardCtrl + L
focuses the URLBar, which is very useful for quick searches and bookmarks usageCtrl + B
shows you the Bookmarks / History BarCtrl + T
Opens a new TabCtrl + W
Closes a TabCtrl + Shift + T
Re-opens a tab that you just closedCtrl + R
Refresh the page you're onCtrl + Shift + A
Quick open for Add-Ons
Startpage
If anyone has the doubt, in almost all of the screenshots you can see a Startpage made for it. It's called Bento 🍱 and It's another project I made. It fits with the Firefox theme because It's done with the same principles: Minimalist, Simple and Elegant.
In the repo I have all the steps for you to use it!
Ports
This userstyle was made in Linux and looking for a simple and clean look for the Firefox Web browser and ports to other OS are on mind.
Windows port
A Simple and Keyboard Centered userstyle for Windows!
In addition to the userChrome.css
and userContent.css
files you'll also need the dark_additional_windows.css
, dark_checkboxes_and_radios.css
and dark_context_menus.css
files in your chrome directory
Transparency Note
Transparency in Windows breakes the window behavior. You can change the colors in the variable section of the code and still add transparency, but the window manager will have some bugs with maximized firefox.