A minimal Firefox theme with a hidden URL bar and satisfying animations.
animatedfox.mp4
- 🦊 An up-to-date version of Firefox or LibreWolf. Other Firefox derivatives might work but I haven't tested them.
- 🔤 JetBrains Mono installed on your system. (If it's not installed, it will default to the default monospace font for Firefox.)
- ✅ Make sure you have everything listed in Requirements.
- ⚙️ Enable
toolkit.legacyUserProfileCustomizations.stylesheets
in about:config. - 📁 Go to about:support and copy the profile directory path.
- ⌨️ Clone this repository into a directory called
chrome
inside the profile directory you just copied:
cd the/path/you/just/copied
git clone https://github.com/RemyIsCool/AnimatedFox chrome
-
📑 Hide the bookmarks toolbar by pressing Ctrl+Shift+B or right clicking and selecting "Never Show."
-
❌ Right click the toolbar and select "Customize Toolbar." If you want it to look like it does in the screenshot, make it look like this: Make sure to set the titlebar density to normal and not touch.
-
📎 Click this link to install the Firefox Color theme. (Optional)
-
🔄 Restart your browser for the theme to be applied.
The following options can be set in about:config:
Option | Preference |
---|---|
Centered Tabs | animatedFox.centeredTabs |
Centered URL | animatedFox.centeredUrl |
Square Corners (All browser elements have square corners) | animatedFox.squareCorners |
Rounded Corners (Rounded corners around page content. Not compatible with square corners) | animatedFox.roundedCorners |
Hide Single Tab | animatedFox.hideSingleTab |
Show Tab Close Button (on hover) | animatedFox.showTabCloseButton |
If you want the same colors as the screenshot, install Firefox Color, then click this link. This theme also works very well with the Adaptive Tab Bar Color extension.
- 📁 Go to about:support and copy the profile directory path.
- ⌨️ Run
git pull
in thechrome
folder:
cd the/path/you/just/copied/chrome
git pull
- 🎨 Re-install the Firefox Color theme if you installed it.
- Moving around tabs is very buggy. You should instead use the keyboard shortcuts ctrl+shift+page up/down.
- Customizing the toolbar doesn't work with the theme applied. You'll need to disable it, make your changes, and enable it again.
- Color themes with transparency usually don't work well.
If anyone knows how to fix these issues, feel free to submit a pull request.
For the new tab page, see https://github.com/RemyIsCool/New-Tab-Page.