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

Hierdie gesprek is in die argief. Vra asseblief 'n nuwe vraag as jy hulp nodig het.

Transparency on Browser Window

  • 2 antwoorde
  • 1 het hierdie probleem
  • 9 views
  • Laaste antwoord deur 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?
Aangehegde skermkiekies

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?

Gewysig op deur 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