
The userChrome.css file is a plain text file you can create as follows: After the folder appears (often at the bottom of the list), double-click into it. Name the new folder chrome (all lower case).
click the New Folder button on the Windows Explorer toolbar. right-click a blank area and choose New then Folder. If you do not have the folder, either (not sure about Mac) If you have the folder already, double-click into it. Firefox doesn't create this folder, so you most likely need to create it yourself. The userChrome.css file needs to be created in a folder named chrome in your profile folder. It is important to show them to make sure the files are named correctly. Windows: Turn on display of file extensionsīy default, Windows hides the. This should launch a new window listing various files and folders in Finder / Windows Explorer. In the first table on the page, click the "Show in Finder" / "Open Folder" button. type or paste about:support in the address bar and press Enter. (menu bar) Help > Troubleshooting Information. "3-bar" menu button > "?" button > Troubleshooting Information. Open your current Firefox profile folder using either Okay, so how do you do it? Apologies that the rest of this is based on my knowledge of Windows Explorer and lack of knowledge of Finder. But I'll put links at the end of this post if #1 is too much work for you at this time. This "Legacy" extension is expected to lose its ability to restyle the browser UI in Firefox 57, so although this method is easier, I'm now recommending #1. This is an optional file Firefox reads at startup, so no add-on is needed. You can apply custom style rules to Firefox's user interface using either of the following methods: * Reduce the "white flash" in new tabs */ I use a dark slate blue, and this is the rule:
However, you can use a custom style rule to fill that empty space with a dark color. I'm not aware of any built-in way to do it.