Firefox custom CSS : disable audio icon on tabs ; custom scrollbar

firefox.md

userChrome vs. userContent :

• userContent : modify web pages and internal pages like about:newtab and about:home
• userChrome : modify Firefox user interface

---

1. In about:config turn toolkit.legacyUserProfileCustomizations.stylesheets to true

2. Open folder %APPDATA%\Mozilla\Firefox\Profiles\, find one or more folders and go to the folder that has a lot of other folders.

3. Create a new folder named chrome and in that folder create file userChrome.css

.tab-audio-button {
    pointer-events: none !important;
}

This makes Firefox tabs audio icon not clickable.

4. In same folder chrome create file userContent.css

:root{
scrollbar-face-color: rgb(0,0,0);
scrollbar-track-color: rgb(0,0,0);
scrollbar-color: rgb(100,0,0) rgb(0,0,0);
scrollbar-width: thick;
}