Join the AMA (Ask Me Anything) with the Firefox leadership team to celebrate Firefox 20th anniversary and discuss Firefox’s future on Mozilla Connect. Mark your calendar on Thursday, November 14, 18:00 - 20:00 UTC!

This site will have limited functionality while we undergo maintenance to improve your experience. If an article doesn't solve your issue and you want to ask a question, we have our support community waiting to help you at @FirefoxSupport on Twitter and/r/firefox on Reddit.

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 replies
  • 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