[Windows] Fix Firefox window controls

FF Broken Window Controls.md

Wha ?

Firefox window controls just break when you theme your windows OS. The snippet below is a fix for it

Before

After

How ?

1. Navigate to about:config, accept the risks
2. Search for toolkit.legacyUserProfileCustomizations.stylesheets and enable it (value should be true)
3. Navigate to about:profiles and open the root directory of the current profile you are using
4. Create a folder named Chrome in your "root directory"
5. Download the following file i.e userChrome.css into the Chrome folder you just created
6. Re-Open Firefox

userChrome.css

.titlebar-button{
  background-color: transparent !important;
  stroke: currentColor !important;
}
.titlebar-button:hover{ background-color: hsla(0,0%,100%,.32) !important }
.titlebar-close:hover{ background-color: hsl(355,86%,49%) !important }

.titlebar-close{ list-style-image: url(chrome://browser/skin/window-controls/close.svg) !important }
.titlebar-min{ list-style-image: url(chrome://browser/skin/window-controls/minimize.svg) !important }
.titlebar-max{ list-style-image: url(chrome://browser/skin/window-controls/maximize.svg) !important }
.titlebar-restore{ list-style-image: url(chrome://browser/skin/window-controls/restore.svg) !important }