My smoking hot Firefox rice

Firefox UI customization that does the following:

• replaces the default URL display with hostname / page title (like the AI browsers),
• adds a nice little favicon next to it,
• makes the default interface font Inter in a lot of places,
• gets rid of the search dropdown's border and gives it a box shadow,
• and narrows the address bar space (idk what you call it but the entire toolbar) a bit!

Tested on Firefox 148.0.2, default dark theme with window transparency effects enabled. Works (seemingly) with vertical tabs too.

Installation

1. Enable userChrome.css

Go to:

about:config

Set:

toolkit.legacyUserProfileCustomizations.stylesheets = true

2. Locate your profile folder

Go to:

about:support

Find Profile Folder → Open Folder

Then create:

chrome/

if it doesn’t exist.

3. Install the CSS

Copy:

userChrome.css

into:

<profile>/chrome/userChrome.css

4. Install the script

You'll need a script loader to load custom JS into your Firefox.

fx-autoconfig (recommended)

1. Download fx-autoconfig

Go to https://github.com/MrOtherGuy/fx-autoconfig

• Click Code → Download ZIP
• Extract the ZIP

2. Copy files to Firefox directory

Open your Firefox installation folder:

Windows (default):

C:\Program Files\Mozilla Firefox\

From the extracted zip, copy:

config.js
defaults/

into the Firefox installation directory.

3. Copy chrome folder to your profile

From the extracted zip, copy:

chrome/

into your Firefox profile folder.

To find it:

• Go to about:support
• Click Profile Folder → Open Folder

Final structure should look like:

<profile>/
  chrome/
    JS/
    resources/
    utils/

4. Add this script

Place this project’s script file into:

<profile>/chrome/JS/

Example:

<profile>/chrome/JS/urlbar-title.uc.js

5. Restart Firefox

After restarting, the script will load automatically.

License

MIT