MozillaZine

Is there a way to get beck the win8 titlebar color in win10

User Help for Mozilla Firefox
avada
 
Posts: 1789
Joined: February 10th, 2008, 6:30 am
Location: Hungary

Post Posted August 3rd, 2015, 3:19 am

Hello!

Win10 has this ugly white titlebar. Now there's a few ways to add back color, such as this theme or this app. But none of them have an effect on the Firefox GUI anymore. I rather liked that the theme color changed with the wallpaper/titlebar.
Win8:
Image
Win10:
Image

avada
 
Posts: 1789
Joined: February 10th, 2008, 6:30 am
Location: Hungary

Post Posted August 4th, 2015, 12:23 am

By the way. Is firefox aware of what OS it runs on? If the skin is adapted to win10 that might explain why I don't have color anymore even if the titlebar is colored.

avada
 
Posts: 1789
Joined: February 10th, 2008, 6:30 am
Location: Hungary

Post Posted August 4th, 2015, 12:50 am

Hah!

Apparently this is the case as this code brings back color to most elements:

Code: Select all
#main-window {
  background: #FFFFFF !important
}


Only the sidebar remains mostly the same. It became strangely hybridized, with only the search bar re-gaining the color. Weirdly the sidebar background is still colored, which I see because there's a delay before showing the list of history items.
Image

Apparently I have to set transparency to some other element too. Anyone knows which?

avada
 
Posts: 1789
Joined: February 10th, 2008, 6:30 am
Location: Hungary

Post Posted August 9th, 2015, 1:51 am

There's a weird thing: If I go back to win10 default theme the main gui looses the color, but unexpectedly the sidebar gets the color back. And even more weirdly also the part of the window that's above the sidebar:
Image
Does anyone know what's happening?
(Also the page properties window is transparen't. Obviously because of the crude CSS I used)

Aris

User avatar
 
Posts: 3203
Joined: February 27th, 2011, 10:14 am

Post Posted August 9th, 2015, 2:45 am

Yes, Firefox knows the OS it runs on.

You have to exclude page properties from your css code as they also use the #main-window node.

Code: Select all
@-moz-document url(chrome://browser/content/browser.xul) {
  #main-window{
    //your code
  }
}

Return to Firefox Support


Who is online

Users browsing this forum: Bing [Bot] and 5 guests