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.

Avatar for Username

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

Wo archive tread sia. Meɖekuku bia biabia yeye ne ehia kpeɖeŋu.

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

pf100
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)

Paul
Paul
  • Top 25 Contributor
  • Moderator
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.

pf100
pf100 Biabia la
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