Changing Firefox interface with userChrome.css and userContent.css.
Latest update was for version 78.0b4.
- centered address in urlbar
- floating centered findbar on the top of the page
- subtle tab separators
- tab close button visible only on hover
- unnecessary buttons removed
- context menus cleaned up
- dark thin scrollbars
- dark JS alerts/prompts
- dark viewsource and error pages
- bookmarks bar on newtab page on hover
- background image on newtab page
- floating navbar in fullscreen mode
- compact addons overflow menu
Some colors might be hardcoded to match the theme I use (ArcDark).
- Open your profile from
about:support > Profile Folder. - Inside create a folder named
chrome. - Copy contents of this repository into this
chromefolder.
Comment out @import lines in userChrome.css and userContent.css to disable certain tweaks. Such as
/*@import url('userContent/about_newtab.css');*/
Min/max/close buttons stand out because on my Windows 8.1 they are controlled by OS and cannot be changed by Firefox.