Important Notice: We're experiencing email notification issues. If you've posted a question in the community forums recently, please check your profile manually for responses while we're working to fix this.

On Monday the 3rd of March, around 5pm UTC (9am PT) users may experience a brief period of downtime while one of our underlying services is under maintenance.

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