git pull won't replace your userChrome.css file so you can safely put your own custom rules into userChrome.css directly and those won't be overwritten when you update. Check userChrome_example.css for how it uses If Firefox is running, restart Firefox so that the changes take effectĪfterwards, you can just use git pull in the "chrome" folder and it will replace your copies with up-to-date versions.Notice tha any must be placed before anything else in whatever file you are using them.individual style files into your userChrome.css.(Optional) Make a copy of userChrome_example.css and rename the copy to userChrome.css.After clone is complete, just copy the contents of the old folder into the new chrome folder) ( NOTE: if you already have "chrome" folder, then rename it before cloning.This should create a new folder "chrome" into your profile folder with the contents of this repository.Clone this repository into the profile folder.Open a command prompt / console / terminal and cd into the profile folder.Set up files using git Preferred way to do things, since it makes updates easier and makes organizing multiple styles easier.Īssumes that you have a git client installed, and that you do not already have a chrome folder in your profile. In the end you should have a folder structure like this: css and if your file manager is hiding file extensions then you might accidentally create a file named and Firefox will not load that. Pay attention to the filename of userChrome.css - the file extension must be. If Firefox is running, restart Firefox so that the changes take effect.css files from this repository into your userChrome.css file (and save it of course!) Create userChrome.css inside that newly created chrome-folder.Create a new folder into the profile folder and name it chrome.Set up files manually Manually copying individual styles directly into userChrome.css is a simple way to do things for better and for worse. That chrome-folder or the stylesheet files do not exist by default. Note: only userChrome.css is mentioned in this section for brevity, but everything regarding that will also apply to userContent.cssįirefox loads userChrome.css from /chrome/userChrome.css. The real profile folder should have files like prefs.js and places.sqlite If you see those two files in the folder, then great! You found the profile folder! Now lets actually create those stylesheet files. about:support should still show the correct folder name so refer to that if you need to figure out the what folder you need to open.
In that case, navigate into the specific folder you wish to modify. NOTE: On some Firefox versions clicking that button may open the profiles folder which houses all your profiles. Clicking that button should open the folder in your file manager. While Firefox is running, go to about:support and find a Profile folder row near the top - there should also be a button labeled "Open folder" next to it. Setting up files Find the profile folderįirst, find your profile folder. Go to about:config and set the pref to trueĪfter you set this pref, Firefox will try to load userChrome.css and userContent.css - but those files don't exist yet so now let's create them.
The setup is quite straightforward with the exception of how to find the profile folder so pay attention to that.
Doing so requires setting a specific preference (see below) and then creating those files inside your Firefox user profile. SetupĪs an overview, you will make Firefox load two special stylesheets - userChrome.css and userContent.css. Most of them should also work on OSX and Windows7, but there may be wrong behavior especially when native widgets such as window titlebar or window control buttons are being styled.
Stylesheets in this repository are tested only on Windows 10 and to a lesser amount on Linux. In the case that a particular style relies on another style, the fact will be noted at the start of the file that requires so. These stylesheets are mostly self-contained and can be mixed with each other somewhat freely, but there are no promises about compatibility with third-party styles. This repository contains various styles to modify appearance of Mozilla Firefox. Collection of random CSS hacks for Firefox