My Firefox CSS

One Liner Fox

A few prerequisites:

• Search about:config on FIrefox and toggle this option to true if you haven't already.
  toolkitLegacyUserProfile
  Customizations.stylesheets
• Search about:profiles on Firefox, find your profile and head over to the Root directory.
• Search for a certain Chrome directory containing files userChrome.css & userContent.css.
  If you cannot find one then create the directory and the files manually.

Installation:

• Open the userChrome.css & userContent.css in your text editor. Copy the raw code from my repo and paste them and save them.
• Alternatively, you can download the files and replace them in your directory.

You will have a clean, blank FireFox such as this. Now you can keep on that or go ahead by placing a minimal clock, greeting and weather widgets. You can either create these widgets using CSS but since I'm lazy, I will install another homepage instead and customize the userContent.css a bit to give it my desired look.

---

[Extra]For the widgets:

• Install Tabliss homepage from Firefox extensions and addons store.
• Change the background to solid color and put your desired color code. For me it is #1c1b22.
• Choose your desired widgets from the extension settings menu. Customize them accordingly.
• Paste these lines in your userContent.css file. Don't bother if they are already there.

---

And BOOM!
Now you have a clean, minimal Firefox like I do.

A huge thanks to Eric Murphy for his video on how to create a clean Firefox. Further more this has been inspired by Cascade CSS. You can also visit Eric's repo for more information. If you don't know CSS much like me, you can also head over to MrOtherGuy's CSS Hacks repo or to r/FirefoxCSS subreddit for more help.