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.stylesheetsin about:config. - 📁 Go to about:support and copy the profile directory path.
- ⌨️ Clone this repository into a directory called
chromeinside 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 pullin thechromefolder:
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.