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 cavab
  • 1 has this problem
  • 2 views
  • Last reply by 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>

Modified by pf100

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.

Modified by pf100