From 0f2df2c1d78fdf5e0737aa2519b6b1e32eb3b9b8 Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Tue, 1 Jan 2019 11:40:44 +0200 Subject: [PATCH] Add instructions on how to correctly load user*.css files --- README.md | 27 +++++++++++++++++++++++++++ 1 file changed, 27 insertions(+) diff --git a/README.md b/README.md index e95aa8a..5e95486 100644 --- a/README.md +++ b/README.md @@ -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. +# 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: + +``` + +|_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 +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 "content" in userContent.css