Add instructions on how to correctly load user*.css files

This commit is contained in:
MrOtherGuy 2019-01-01 11:40:44 +02:00
parent a82dfbfe70
commit 0f2df2c1d7

View file

@ -2,8 +2,35 @@
Stylesheets in this repository are tested only on Windows 10. They should work on current Nightlies but also generally on latest release Firefox unless otherwise noted. Stylesheets in this repository are tested only on Windows 10. They should work on current Nightlies but also generally on latest release Firefox unless otherwise noted.
# Loading user*.css files
1. Find your profile folder, if Firefox is running you can find by going to about:support and there should be a button with label "Open Folder" under application basics
2. Create a new folder to the profile folder and name it "chrome"
3. userChrome.css and userContent.css files should be created inside this chrome-folder.
Clone this repository or individual files inside that newly created chrome-folder.
In the end you should have a folder structure like this:
```
<profile_folder>
|_chrome
| |_chrome
| |_content
| |_userChrome.css
| |_userContent.css
|_extensions
|_prefs.js
...
all other profile folders and files
...
```
In short, create a parent chrome folder to the same directory where prefs.js is - the main profile folder. Firefox loads userContent.css and userChrome.css files only from that non-default chrome-folder.
# Usage # Usage
Stylesheets are divided in to chrome and content folders. The difference is that styles inside "content" affect web-pages whereas styles inside "chrome" affect browser UI.
Use stylesheets under "chrome" in userChrome.css Use stylesheets under "chrome" in userChrome.css
Use stylesheets under "content" in userContent.css Use stylesheets under "content" in userContent.css