Update Styles/Firefox/README.md

This commit is contained in:
Octo Andri 2022-06-19 17:41:43 +00:00
parent a4350d6b86
commit ca0c61c601
1 changed files with 7 additions and 3 deletions

View File

@ -3,13 +3,17 @@ Note: Download your desired CSS file from this repo and rename it as `userChrome
## How to use a userChrome.css theme
1. Type `about:config` into your URL bar. Click on the **I accept the risk** button if you're shown a warning.
2. Seach for **`toolkit.legacyUserProfileCustomizations.stylesheets`**, **`layers.acceleration.force-enabled`**, **`gfx.webrender.all`** and **`svg.context-properties.content.enabled`** and set them to **`true`**.
2. Seach for the following values and set them to **`true`**:
- **`toolkit.legacyUserProfileCustomizations.stylesheets`**
- **`layers.acceleration.force-enabled`**
- **`gfx.webrender.all`**
- **`svg.context-properties.content.enabled`**
- **`browser.compactmode.show`**
3. Go to your profile folder:
- Linux: `$HOME/.mozilla/firefox/######.default-release/`
- MacOS: `Users/[USERNAME]/Library/Application Support/Firefox/Profiles/######.default-release`
- Windows: `C:\Users\[USERNAME]\AppData\Roaming\Mozilla\Firefox\Profiles\######.default-release`
4. If it doesn't exist already create a folder called `chrome`.
5. Copy your desired `userChrome.css` into that folder.
6. *optional* Customise everything to your liking.
_This guide is borrowed from Cascade repo. Credits: [github.com/andreasgrafen/cascade](https://github.com/andreasgrafen/cascade/blob/main/README.md#how-to-use-a-userchromecss-theme)_
_This guide is borrowed from the Cascade repo. Credits: [github.com/andreasgrafen/cascade](https://github.com/andreasgrafen/cascade/blob/main/README.md#how-to-use-a-userchromecss-theme)_