Git Product home page Git Product logo

ff-ultima's Introduction

FF ULTIMA...

. . . a sequel to Perfection FF CSS Theme

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

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

ffu

Features

  • Vertical Tabs and a One Line Nav Bar
  • Support to create color schemes, or just go to the addon store
  • Full Moon (Dark) and Dusky (Light) cycle depending on your Systems current color mode
  • New Tab Page Overhaul. @hachikoharuno
  • Multiple Options - for Tab Size, Autohiding Tabs, Sidebar, Spacing, OS compatibility and More
  • The Mini Button Bar - pin/unpin up to 15 buttons, drag and drop functional. Works with the following buttons:

prevautohide

Requirements

  • ✅ Firefox 120+
  • ✅ Win11/Lin/Mac
(Click me) Have system theme enabled for first install, not firefox dark/light, they are different.

install1 install2

(Click me) Need help finding your Profile Folder?

userChrome Themes work by Having the Firefox Browser read style-sheets .css within a certain directory of your Profile Folder. There are two easy ways to access this folder:

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

aboutsupport

  1. Go to the about:profiles page
  • In the URL Bar, type about:profiles.
  • Your profile will say This is the profile in use and.... Click the Open Directory button in the Root Directory row.
  • In that folder, create a new folder named chrome (if it doesnt already exist).

alt text

Installation

⚠️ There are 2 ways to install this theme, both have their drawbacks and strengths. Choose one.
The Easy Way
  1. Download the latest version by clicking here. Or on the release page. (recommended).
  2. In the theme zip file, copy the files from ffultimax.x.x folder into the chrome folder.
  3. In the chrome folder youll see a file named user.js, move it out of the chrome folder and into the Profile Folder.
  4. Restart Firefox. After Firefox is open again, delete the user.js file.
  5. The user.js enabled userChrome, and adds settings like tab size, autohide, etc, in about:config.
  6. Try it out, go to about:config then search for ultima.
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\path\chrome.
  3. In the terminal: git clone https://github.com/soulhotel/FF-ULTIMA.git to clone/update to the latest version.
  4. In your chrome folder you'll have a file named user.js.
  5. Move the user.js file OUT of the chrome folder and INTO your Profile Folder.
  6. Restart Firefox. After Firefox is open again, delete the user.js file.
  7. The user.js file enabled userChrome, and added theme settings like tab size, autohiding, etc, in the about:config page.
  8. Try it out, go to about:config then search for ultima.

Previews

Click images for a higher resolution
Dusky (Light) Full Moon (Dark)
install1 install1
Catppuccin Edition Add On theme
install1 install1
Sidebery Example Add On theme
install1 install1

Enjoy

ff-ultima's People

Contributors

soulhotel avatar kaedriz avatar frandmb avatar bigshans avatar darkdipper avatar itslogic avatar awwpotato avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.