Firefox.userChrome

<img src="preview_classic.png" width="100%"> <img src="preview_dark.png" width="100%">

Changelog

<strong>14/08/22 :</strong>

<ol> <li>Re-add min/max/restore buttons in the titlebar;</li> <li>Change the hovering effects in the search suggestions box, in the history/bookmark/library sidebar and in the download popup;</li> <li>Change the position of the actions buttons of the urlbar.</li> </ol>

About

<p>Several css scripts for <i>Mozilla Firefox</i>.</p> <p>There are two themes available : <i>Classic</i> and <i>Dark</i>.</p>

Instruction

<strong>Step 0 : Select a default theme for Firefox</strong>

<p>Use a pre-existing theme for Firefox which won't clash with the theme you want to get.</p> <p>If you want the classic look, choose the default clear theme, and if you want the dark look, choose one of the dark themes available.</p>

<strong>Step 1 : Create the files</strong>

<ol> <li>Create a file called <i>userchrome.css</i>, then choose a file (<a href="https://raw.githubusercontent.com/Catgrills/Firefox.userChrome/master/userchrome_classic.css">userchrome_classic.css</a> or <a href="https://raw.githubusercontent.com/Catgrills/Firefox.userChrome/master/userchrome_dark.css">userchrome_dark.css</a>) and copy/paste all the content.</li> <li>Create a file called <i>userContent.css</i>, then choose a file (<a href="https://raw.githubusercontent.com/Catgrills/Firefox.userChrome/master/userContent_classic.css">userContent_classic.css</a> or <a href="https://raw.githubusercontent.com/Catgrills/Firefox.userChrome/master/userContent_dark.css">userContent_dark.css</a>) and copy/paste all the content.</li> </ol>

<strong>Step 2 : Move the files to a specific directory</strong>

<ol> <li> Go to C:\Users\[NAME]\AppData\Roaming\Mozilla\Firefox\Profiles\[SOMETHING].default"</li> <li> Create a new folder and name it <i>chrome</i>.</li> <li> Move the files in this folder.</li> </ol>

<strong>Step 3 : Install the fonts </strong>

I use several fonts for my userchrome.

<ol> <li> <a href="http://www.freejapanesefont.com/bokutachi-gothic-2-bold/">Bokutachi no Gothic 2 </a></li> <li> <a href="https://www.fontsquirrel.com/fonts/roboto">Roboto</a></li> </ol>

Report

Don't hesitate to report any issues you find while using this userchrome.