From 30660543e018df0cd824ebcd6cb8afa90d536717 Mon Sep 17 00:00:00 2001 From: Cameron Redmore Date: Fri, 13 Dec 2024 20:12:42 +0000 Subject: [PATCH] Updated README to explain this repository. --- README.md | 29 +++++++++++++++++++++++++++-- 1 file changed, 27 insertions(+), 2 deletions(-) diff --git a/README.md b/README.md index 64f572c..bff44b4 100644 --- a/README.md +++ b/README.md @@ -1,2 +1,27 @@ -# firefox-userchrome -Custom userChrome mods for Firefox +# Cameron's Custom userChrome for Firefox +This is a collection of random `userChrome.css` mods which I have created to my liking for Firefox. + +These are all based on my preferences, but some files have basic editable properties. +I have no idea if editing these properties will break anything, I have written these for my own use, and made them available for others who may be interested in hacking around with them. + +# Using these Mods +## Expected Firefox Setup +These mods are intended to be used on Firefox, with the new Sidebar, and Vertical Tabs enabled (some mods may work regardless, some may look odd, others may not work at all). + +To enable the new Sidebar and Vertical Tabs, please visit [about:config](about:config) in Firefox, and enable `sidebar.revamp` and `sidebar.verticalTabs`. + +Additionally, the Sidebar is intended to be set to *collapsed* by Firefox for the Sidebar mods. + +## Installing the userChrome.css +To allow selectively enabling and disabling different mods, along with combining with other userChrome.css you may have, I have left each mod as a separate .css file. + +I recommend cloning this repository into the `chrome` directory your Firefox user directory (accessible from [about:profiles](about:profiles)) + +Once this is done, you can modify your userChrome.css and include `@import` statements for as many or as few mods as you wish. An example (for all current mods) could be: +```css +@import url(firefox-userchrome/sidebar-hover-reveal.css); +@import url(firefox-userchrome/sidebar-remove-bottom-buttons.css); +@import url(firefox-userchrome/sidebar-remove-browser-outline.css); +@import url(firefox-userchrome/rounded-url-searchbar.css); +@import url(firefox-userchrome/custom-browser-pane-margin-and-rounding.css); +``` \ No newline at end of file