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

Transparency on Browser Window

  • 2 replies
  • 1 has this problem
  • 9 views
  • Last reply by runner105

more options

I have a program installed on Windows 10 that allows me to have transparent window borders like Windows Vista/7, but it doesn't seem to work on Firefox when set to the "Default" theme. Firefox instead shows my system color [shown in image]. Firefox handles transparency correctly on an actual installation of Vista/7, so is it possible to achieve the same effect? Maybe it's located somewhere in about:config or I would need to have a custom "userChrome.css" file to make it register?

I have a program installed on Windows 10 that allows me to have transparent window borders like Windows Vista/7, but it doesn't seem to work on Firefox when set to the "Default" theme. Firefox instead shows my system color [shown in image]. Firefox handles transparency correctly on an actual installation of Vista/7, so is it possible to achieve the same effect? Maybe it's located somewhere in about:config or I would need to have a custom "userChrome.css" file to make it register?
Attached screenshots

All Replies (3)

more options

I tried inputting the following CSS code into the userChrome file, but it only duplicated the window's color, not it's transparency:

:root{
  --titlebar-text-color:#fff!important;
}
#main-window:root:not(:-moz-window-inactive):not(:-moz-lwtheme){
  background-color:-moz-win-accentcolor!important;
}
.tabbrowser-tab:hover .tab-background:not([selected="true"]){
  background-color:rgba(255,255,255,.1)!important;
}
.tabbrowser-tab:hover .tab-line:not([selected="true"]){
  background-color:rgba(255,255,255,.2)!important;
}

I really am at a loss here. Is there any way to achieve this affect on a Win10 system?

Modified by cor-el

more options

Turns out, you have to use a program called ResourceHacker [or some alternative] and remove the line of the text in the executable file that specifies Windows 10. The instructions are linked below:

https://msfn.org/board/topic/177620-aeroglass-and-firefox/ https://msfn.org/board/topic/176089-aero-glass-for-win81-151/page/16/?tab=comments#comment-1135709

more options

Turns out, I had to use a program called ResourceHacker [there may be alternatives] to modify the part of the executable that specifies a Windows 10 system. The guides I followed are listed here:

https://msfn.org/board/topic/177620-aeroglass-and-firefox/ https://msfn.org/board/topic/176089-aero-glass-for-win81-151/page/16/?tab=comments#comment-1135709