FF ULTIMA...

. . . A theme with too many options. And a sequel to FF Perfection CSS.

Features

• Windows, Linux and Mac OS Support.

• Vertical Tabs and a One Line Nav Bar.

• Add-on theme support, FF ULTIMA can be used with Firefox add-on themes.

• Color Scheme support, choose from the many options or learn how to create your own.

• Dark or Light mode themes, automatically cycle depending on your systems current Color Mode.

• Multiple Options for Tabs, autohiding, spacing, accessibility and more.

• See more detail on what FF Ultima has to offer through the Wiki.

• Next Release: Autoconfig Integration (optional)

Installation

🚨 Do not skip the installation instructions! Firefox v133+ Required. 🚨

Need help finding your Profile Folder? (Click Me)

userChrome Themes work by communicating with a chrome folder located in your Firefox Profile folder, think of it as your User Interface. This folder typically holds .css files with the purpose of customizing elements of the Browser. There are two easy ways to access this folder:

1. Go to the about:support page

• In the URL Bar, type about:support.
• Look for the Profile Folder row. Open the folder.
• In that folder, create a new folder named chrome (If it doesnt already exist).

2. Go to the about:profiles page

• In the URL Bar, type about:profiles.
• Your profile will say This is the profile in use and....
• Look for the Root Directory row, and click Open Directory.
• In the opened Folder, create a new folder named chrome (if it doesnt already exist).

Have system theme enabled for first install, not firefox dark/light. (Click Me)

⬇️ Choose one of the installation methods below. ⬇️

The Easy Way

ℹ️ Autoconfig Users should download the Source instead of the release Zip ℹ️

1. Download the latest version on the release page.
2. Copy everything in the ffultima.zip into your chrome folder.
3. For first time installation, you need to apply the user.js to firefox to access the theme settings.
4. In the chrome folder, youll see the user.js, move it out the chrome folder and into the Profile Folder.
5. Restart Firefox.
6. Wait for Firefox to open, then delete the user.js file.
7. Go to about:config and search for ultima to see all of your settings.

⚠️ You only need to touch the user.js when installing the theme for the first time. It's function is to enable userChrome and add theme settings to the about:config page. Do not copy the user.js file into the Profile Folder if you are just updating the theme to a new version. Unless you want all of your saved settings to be reset or unless told otherwise :).

The Hard Way

This method involves using Git and the Terminal - allowing easier updates. Harder for the less technical of people.

1. Open a terminal in your Profiles chrome folder.
2. Or in the terminal, navigate to your Profiles chrome folder cd your\profile-folder\chrome.
3. In the terminal, git clone the repo to install/update to the latest version:

# cd your/profile-folder/chrome                            # cd into profile folder
git clone https://github.com/soulhotel/FF-ULTIMA.git       # git clone inside
mv FF-ULTIMA/* FF-ULTIMA/.* .                              # clean up double folder
rmdir FF-ULTIMA                                            # remove the extra folder

5. In your chrome folder you'll have a file named user.js.
6. Move the user.js file OUT of the chrome folder and INTO your Profile Folder.
7. Restart Firefox.
8. Wait for Firefox to open, then delete the user.js file.
9. Go to about:config and search for ultima to see all of your settings.

⚠️ You only need to touch the user.js when installing the theme for the first time. It's function is to enable userChrome and add theme settings to the about:config page. Do not copy the user.js file into the Profile Folder if you are just updating the theme to a new version. Unless you want all of your saved settings to be reset :).

Reading the release page is always recommended. When new versions of the theme come out - and they include new preferences in the about:config page, you may want to open the new user.js file and compare it to your current settings. You can either add the settings manually in the about:config page... or load your own editted user.js file to add the new settings and keep your old the same way.

Documentation

Wiki

• FAQ
• Theme settings overview
• Sidebery config
• List of Color schemes
• Color scheme creation
• Spreadsheets

Enjoy