Skip to content

Native Vertical Tabs, keep your sidebar, no extensions needed. No overthinking. a 100% CSS Theme. FF Ultima.

Notifications You must be signed in to change notification settings

Kaedriz/FF-ULTIMA

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

FF ULTIMA...

. . . a sequel to Perfection FF CSS Theme

Beautiful. light-weight. a 100% CSS theme. and a 100% over-the-top name to break the fourth wall!

GitHub Release GitHub Downloads (all assets, all releases) GitHub Repo stars

prev1

Features

  • NO extensions used, NO sidebar extensions needed
  • Vertical Tabs and a One Line Nav Bar
  • Can create your own color schemes, or just go to the addon store
  • Full Moon (Dark) and Dusky (Light) automatically change depending on your systems current Color Mode
(NEW) New Tab Overhaul.
Beautiful-newtab-Firefox is implemented into the theme. So MAJOR Thank You to @hachikoharuno (check out their theme!)
For full compatibility: go to about:config -> search for svg.context-properties.content.enabled -> set it to true

newtab

(Click me) choose size of tabs (Optional - 3 Options)
Picture only shows two, but there are three options.

prevsize

(Click me) autohide tabs (Optional - 2 Options)
Move content to the side, or tabs overlay content.

prevautohide

(Click me) the Mini Button Bar
pin/unpin up to 15 buttons, drag and drop functional, easily disable by dragging all buttons out. works with the following buttons:

prevautohide

Installation

Firefox 120+ | Win11/Lin/Mac ✅ | User Chrome ✅ Need help? | Follow every step!

There are 2 ways of installing this theme, they have their drawbacks and strengths. Choose one.

The easy way, get it and go:

  1. Download the latest version of the theme. You can click this button at the top, or scroll down to assets.

Button to download latest version

  1. You will now have a zip file named ffultimaX.X.X.zip.
  2. Locate your firefox profile folder.
  3. The easiest way is to go to about:support in the URL BAR.
  4. At about:support there will be a list option pointing to your current firefox profile, open the folder.

alt text

  1. In that folder create a new folder named chrome (if you don't have the folder already).
  2. Extract the downloaded theme ffultimaX.X.X.zip. And paste the files inside the ffultimaX.X.X folder into the chrome folder.
  3. Restart Firefox.

The hard way, using Git:

⚠️ To use this method you should be accustomed to the basic of Git and Terminal usage, and have Git installed.

  1. Locate your firefox profile folder.
    1. Go to about:profiles
    2. If the paragraph above profile says This is the profile in use and it cannot be deleted., then that's your actual profile.
    3. Click on Open Directory button just right to the side of Root Directory row.
    4. It will take you to your firefox profile folder.

alt text

  1. In that location, there should be folder called chrome, if not, just create it.
  2. Open terminal in that chrome folder.
    1. Copy location from address bar in your file manager.
    2. Open terminal.
    3. In the terminal write cd XXX, where in the place of XXX, you should paste that copied address.
    4. You should be now in the chrome folder in the terminal.
  3. Copy and paste into your terminal git clone https://github.com/soulhotel/FF-ULTIMA.git .
  4. Press Enter, and cloning should begin.
  5. After cloning is completed, restart Firefox.

This way enables you easier updates, although is harder to set up for less technical people.

Additional instructions

(Click me) Have system theme enabled for first install, not firefox dark/light, they are different

install1 install2

(Click me) Reset toolbar to default buttons

install1

Update and customization instructions

⚠️ Work In Progress

Previews

install1 install1 install1 install1 install1 install1

Enjoy

About

Native Vertical Tabs, keep your sidebar, no extensions needed. No overthinking. a 100% CSS Theme. FF Ultima.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • CSS 100.0%