Skip to content

A minimal Firefox theme with a hidden popup URL bar and satisfying animations

Notifications You must be signed in to change notification settings

M1001-byte/AnimatedFox

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

91 Commits
 
 
 
 
 
 

Repository files navigation

✨ AnimatedFox ✨

A minimal Firefox theme with a hidden URL bar and satisfying animations.

animatedfox.mp4

🖥️ Requirements

  • 🦊 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.)

⬇️ Installation

  1. ✅ Make sure you have everything listed in Requirements.
  2. ⚙️ Enable toolkit.legacyUserProfileCustomizations.stylesheets in about:config.
  3. 📁 Go to about:support and copy the profile directory path.
  4. ⌨️ 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
  1. 📑 Hide the bookmarks toolbar by pressing Ctrl+Shift+B or right clicking and selecting "Never Show."

  2. ❌ 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: what it should look like Make sure to set the titlebar density to normal and not touch.

  3. 📎 Click this link to install the Firefox Color theme. (Optional)

  4. 🔄 Restart your browser for the theme to be applied.

⚙️ Configuration

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.

🔃 Updating

  1. 📁 Go to about:support and copy the profile directory path.
  2. ⌨️ Run git pull in the chrome folder:
cd the/path/you/just/copied/chrome
git pull
  1. 🎨 Re-install the Firefox Color theme if you installed it.

👾 Known Issues

  • 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.

About

A minimal Firefox theme with a hidden popup URL bar and satisfying animations

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • CSS 100.0%