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

This thread was archived. Please ask a new question if you need help.

Transparency on Browser Window

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

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

runner105
runner105 Question owner
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

runner105
runner105 Question owner
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

runner105
runner105 Question owner
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