a-merlino/minimal-userchromecss

A one liner interface for Firefox. Compatible with Proton UI overhaul. Also includes some website CSS tweaks.

Minimal-userchromeCSS

A one liner interface for Firefox based on a custom userChrome.css file. Compatible with the Proton UI refresh.

Also includes some website CSS tweaks.

Features

• One line interface to keep the focus on the webiste
• Extraneous icons disabled to mininize clutter
• Options to display:
  • Forward/back button
  • New tab button
  • Close tab button
  • Refresh button
• Configurable text, icon, and bar colors

Screenshots

Installation

1. Download the files; extract "chrome" folder
2. Go to "about:config"
3. Type "userprof" into the page's search bar
4. If "toolkit.legacyUserProfileCustomizations.stylesheets" shows up, set to "true"
5. Go to "about:support"
6. Look for a line saying "Profile Folder" and open that folder (folder name will be letters/numbers followed by .default)
7. Move chrome folder into that folder
8. Restart Firefox

Settings

Inside "settings.css", there are several global variables that you can change. They are all explained inline.

minimal-userchromecss's Issues

Text does not always change color on right-click context menus

Customize window completely broken

Many elements are partially off screen, have to exit by closing tab. Is a pretty large issue but not very important, most people would have already configured everything before installing custom CSS.

Theme context menu and panelUI

Rounded corners, increased margins, white background

New Tab Button Doesn't Work

Appears but can't be pressed. Opening tabs can still be done with ctrl+t.

URL bar is transparent, including results dropdown

If forward/back buttons are enabled, url bar shifts over and collides with tab bar

Can't check if they're disabled with an if statement or anything....move tab bar over with manual offset in settings?

Clunky but it should work.

Newest Firefox Nightly changed tab UI

Tab height is now larger than before, meaning that the tab now bleeds into the content.

Vertical line between URL and tabs

Most noticeable when not fullscreen, but always present. Inspector tool can't select it. Most likely either a border or a separator.

Needs Optimization for tablet use (touch/keyboardless)

-No way to close tabs
-Forward/back/refresh buttons create UI collisions with URL and tabs
-Create a single unified setting to enable every touch optimization at once?