We're calling on all EU-based Mozillians with iOS or iPadOS devices to help us monitor Apple’s new browser choice screens. Join the effort to hold Big Tech to account!

Search Support

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

Fix for Firefox 40 and Windows 10 window colors/aero glass

  • 2 ŋuɖoɖowo
  • 1 masɔmasɔ sia le esi
  • 2 views
  • Nuɖoɖo mlɔetɔ pf100

more options

Go to this URL: about:support

Click "Show Folder"

Once there, you should see a "chrome" folder with a file named "userChrome.css" in it. If not, make a "chrome" folder and make a "userChrome.css" file inside.

Make a backup copy of your userChrome.css if you already have one.

Using Notepad, paste the following code into userChrome.css:

Has slight double minimize/restore/close buttons without titlebar. Any improvements on this css would be welcomed.

@-moz-document url(chrome://browser/content/browser.xul) {
@media (-moz-os-version: windows-win10) {  
#main-window:not([customizing]) {-moz-appearance: -moz-win-glass !important; background-color: transparent !important;  } 
#titlebar-buttonbox .titlebar-button{background-color: transparent !important; padding-top:7px !important;}
#titlebar-buttonbox .titlebar-button:hover{background-color: highlight !important;}
#titlebar-buttonbox #titlebar-close:hover {background-color: hsl(355, 86%, 49%) !important;}
#titlebar-buttonbox #titlebar-close:hover:active {background-color: hsl(355, 82%, 69%) !important;}
#TabsToolbar { margin-top: 0px !important; }}}
Go to this URL: about:support Click "Show Folder" Once there, you should see a "chrome" folder with a file named "userChrome.css" in it. If not, make a "chrome" folder and make a "userChrome.css" file inside. Make a backup copy of your userChrome.css if you already have one. Using Notepad, paste the following code into userChrome.css: Has slight double minimize/restore/close buttons without titlebar. Any improvements on this css would be welcomed. <pre><nowiki> @-moz-document url(chrome://browser/content/browser.xul) { @media (-moz-os-version: windows-win10) { #main-window:not([customizing]) {-moz-appearance: -moz-win-glass !important; background-color: transparent !important; } #titlebar-buttonbox .titlebar-button{background-color: transparent !important; padding-top:7px !important;} #titlebar-buttonbox .titlebar-button:hover{background-color: highlight !important;} #titlebar-buttonbox #titlebar-close:hover {background-color: hsl(355, 86%, 49%) !important;} #titlebar-buttonbox #titlebar-close:hover:active {background-color: hsl(355, 82%, 69%) !important;} #TabsToolbar { margin-top: 0px !important; }}} </nowiki></pre>

pf100 trɔe

All Replies (2)

more options

Hi

Many thanks for that. Have you considered building that as a theme for Firefox?

You can see more details as to how to do that here.

more options

It's not a theme. It just shows your window colors and transparency in windows 10 like firefox 39 did.

pf100 trɔe