Firefox Tweaks

Only tested on macOS with latest Firefox Developer Edition and some works on Windows.

How to use

1. install userChromeJS manager from xiaoxiaoflood

How to use uc.js files in ucjs folder

1. copy to your chrome folder in your profile folder

How to use CSS in UserStyles folder

There are two ways

1. install StyloaiX addon in userChromeJS manager from xiaoxiaoflood (recommended)
2. put the content in userChrome.css

Showcase

Profile Indicator

Show your current profile name in the search bar. It also badge your APP Icon with profile name on macOS. Only shows when the profile name is not “default”.

requirement

• profile-indicator.uc.js

screenshots

Window Indicator

requirement

• window-indicator.uc.js
• An addon that will change document.titlepreface. I use winger personally.

screenshot

Sidebar related

Only test on macOS, welcome PR for other OS. I use Sidebery personally.

hide tab bar when sidebar is enabled

requirement

• window_control_placeholder_support.css
• hide_tabs_toolbar_osx.css or hide_tabs_toolbar_windows.css based on your operating systems

sidebar switch

switch between normal tab bar, always-on sidebar, and auto-hidden sidebar.

It creates a new toolbar button (it looks like the normal sidebar button because I don’t have the creativity for a new one).

Left click: normal rotation.

Right/Middle click: switch between always-on and auto-hidden.

requirement

• window_control_placeholder_support.css
• hide_tabs_toolbar_osx.css or hide_tabs_toolbar_windows.css based on your operating systems
• sidebar_attribute.uc.js
• sidebar_autohide.uc.js

screenshot

Reference

• userChromeJS manager from xiaoxiaoflood
• https://github.com/benzBrake/FirefoxCustomize
• https://github.com/arkenfox/user.js
• https://github.com/MrOtherGuy/firefox-csshacks
• https://github.com/Timvde/UserChrome-Tweaks