https://github.com/rollecode/minimalistic-firefox-theme

userChrome.css theme for Firefox Developer Edition.
https://github.com/rollecode/minimalistic-firefox-theme

Last synced: 27 days ago
JSON representation

userChrome.css theme for Firefox Developer Edition.

• Host: GitHub
• URL: https://github.com/rollecode/minimalistic-firefox-theme
• Owner: rollecode
• Created: 2017-11-14T10:56:54.000Z (over 8 years ago)
• Default Branch: master
• Last Pushed: 2018-04-09T08:45:55.000Z (about 8 years ago)
• Last Synced: 2026-05-02T13:33:31.466Z (28 days ago)
• Language: CSS
• Size: 21.5 KB
• Stars: 27
• Watchers: 1
• Forks: 6
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
## Minimalistic Firefox userChrome.css tweak/theme for OS X

[CustomCSSforFX](https://github.com/Aris-t2/CustomCSSforFx) has a good tutorial on how to tweak Firefox with pure CSS only. This is my "theme" for Firefox Developer Edition. By enabling, you will be able to get Firefox to look like this:

**Tested:** [Firefox Quantum: Developer Edition](https://www.mozilla.org/en-US/firefox/developer/), Firefox 58.0b1 (64-bit)

### Installation

1. Go to Library/Application Support/Firefox, find your profile folder and create folder "chrome" (lowercase) under it

2. Create userChrome.css file to that folder and paste contents of [userChrome.css](https://github.com/ronilaukkarinen/minimalistic-firefox-theme/blob/master/userChrome.css) or [userChrome-safaristyle.css](https://github.com/ronilaukkarinen/minimalistic-firefox-theme/blob/master/userChrome-safaristyle.css) if you prefer Safari UI

3. Restart Firefox

4. **Note:** If you use dark theme or FirefoxDeveloperEdition, you should change the base theme to Light first (**Tools** > **Add-ons** > *Themes*).

More tweaking tips in [CustomCSSforFX](https://github.com/Aris-t2/CustomCSSforFx) repository.

![Screenshot](https://rolle.wtf/ff-safari.png "Screenshot")

Screenshot of Safari styled Firefox 58.