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

1. install userChromeJS manager from xiaoxiaoflood

1. copy to your chrome folder in your profile folder

There are two ways

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

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”.

• profile-indicator.uc.js

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

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

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

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.

• 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

• 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