Phoenix

A simplified single bar theme for Firefox.

Features

• Simplified and minimized single bar theme.

• Feel native to Firefox, with supporting addon theme & colors.

• Multiple alternative options available.

• Support Windows & macOS (Linux support on the roadmap).

Optional Addons

• Adaptive Tab Bar Color

• Firefox Color

Installation

Enable userChrome.css

1. Go to about:config page.
2. Click "Accept the Risk and Continue" and search toolkit.legacyUserProfileCustomizations.stylesheets.
3. Change the value to true.

Find Firefox Profile Folder

1. Go to about:support page.
2. Look for the Profile Folder row, and click Open Folder.
3. In that folder, create a new folder named chrome if it doesn't exist.

The Easy Way

1. Download the latest version on the release page.
2. Copy everything in the phoenix_<version>.zip into your chrome folder under Firefox profile folder.
3. Copy userChrome.example.css to userChrome.css.
4. Edit newly copied userChrome.css to add more customization if you want.
5. Restart Firefox.

The Hard Way

1. Navigate to chrome folder of your Firefox profile folder.

cd your/profile-folder/chrome

2. In the terminal, use git clone to clone the repository:

# cd your/profile-folder/chrome
git clone https://github.com/progamesigner/phoenix.git .
cp userChrome.example.css userChrome.css

3. Restart Firefox.

Options

Disable Default Stylings

• phoenix.browser.always-show-fullscreen-toolbars
• phoenix.navbar.always-show-navigation-buttons
• phoenix.navbar.always-show-navigator-border
• phoenix.navbar.hide-unified-extensions-button
• phoenix.navbar.hide-window-dragging-area
• phoenix.tabbar.always-show-all-tabs-button
• phoenix.tabbar.always-show-tabs
• phoenix.urlbar.always-show-icons
• phoenix.urlbar.hide-leftmost-menu-button

Enable Extra & Alternative Stylings

• phoenix.browser.use-acrylic-window (only available on macOS)
• phoenix.browser.use-rounded-ui
• phoenix.navbar.use-alternative-navigation-buttons
• phoenix.navbar.use-conditional-navigation-buttons
• phoenix.navbar.use-fade-window-on-inactive
• phoenix.navbar.use-grayscale-extension-icons
• phoenix.navbar.use-menu-as-private-mode-indicator
• phoenix.tabbar.use-more-visible-favicon
• phoenix.tabbar.use-tab-loading-indicator
• phoenix.tabbar.use-tab-loading-progress-bar
• phoenix.urlbar.use-centered-urlbar
• phoenix.urlbar.use-connection-type-color-urlbar
• phoenix.urlbar.use-container-color-urlbar
• phoenix.urlbar.use-dynamic-urlbar-icons
• phoenix.urlbar.use-proton-urlbar
• phoenix.urlbar.use-transparent-urlbar

Compatibility

Currently tested on Windows & macOS with Firefox 133+