Now I don't know how to code but I like to mess around and I found this code https://userstyles.org/styles/97962/firefox-with-windows-8-windows-10-colors in userstyles.org and I tweaked it to apply only to titlebar like this:
Code: Select all
/*
By Ben-Kaniobi
https://gist.github.com/Ben-Kaniobi
Versions:
0.1.3 Updated for Firefox 40 on Windows 10
0.1.2 Added info on how to make it work on Windows 10
0.1.1 Update for Firefox 29 (Australis)
0.1.0 First release
Install:
- Save to "(Firefox profile directory)/chrome/userChrome.css"
or
- Use Stylish addon (https://addons.mozilla.org/de/firefox/addon/stylish/) and install this style at
http://userstyles.org/styles/97962/firefox-with-windows-8-colors
For Windows 10, you may first do this:
http://www.windowscentral.com/replace-those-white-title-bars-windows-10-colors-theme
*/
@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
/* Bars on top and bottom transparent and borderless */
#TabsToolbar {
background: transparent !important;
border: none !important;
box-shadow: none !important;
}
/* Only for Windows 10 */
@media (-moz-os-version: windows-win10) {
/* Change the appearance to glass */
#main-window:not([customizing]){
-moz-appearance: -moz-win-glass !important;
background: transparent !important;
}
/* Fix colors of buttons in title bar */
.titlebar-button {
opacity: 0 !important;
background: black !important;
}
#titlebar-close {
background: #e81123 !important;
}
.titlebar-button:not(#titlebar-close) > .toolbarbutton-icon {
opacity: 0 !important;
}
.titlebar-button:hover {
opacity: 0.1 !important;
}
#titlebar-close:hover {
opacity: 1 !important;
}
}
Now it looks like this:
I am using default dpi,in a 1366/768 monitor(don't know if that matters) and captionheight in registry must be at least -330 otherwise the shadows for min/max buttons when hovering are off.
Maybe you can improve it for all dpi settings because as I told I don't know how to code.
Thanx for the great addon.