[Ext] Glasser 3.5.2 - Add Vista Glass to Firefox 3.5 and 3.6

[aelfwyne]

Not quite sure why, but the entire navigation bar background is solid black on my firefox 3 beta 5.

Hmm, turns out this doesn't work if you're using windowblinds - even if you exclude firefox from skinning.

[bjbinc]

It seems to use the address and search bars from the default aero theme, but if you use a custom theme with different bars, it doesn't match. is there a way to use the current themes address bar?

[AntiTrust]

Hey, 6XGate. You have a great addon there. It is making fans on the Firefox Theme Discussion thread (me included).

I'm using it on Minefield 3.0pre and I figured how to fix some things. For instance, I figured how to make the addon look ok on classic theme (but not on Vista basic though), trough some lines on UserChrome.css.
Have in mind that most of this CSS will only work from Firefox 3.0pre nightly that has theme recognition and up.

Code: Select all

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);

/* ----------Make toolbars Look ok on Classic---------- */
#main-window:not(:-moz-system-metric(windows-default-theme)) #navigator-toolbox {
  -moz-appearance: toolbox !important;
  background-color: -moz-Dialog !important;
  border-top: 2px solid !important;
  -moz-border-top-colors: ThreeDShadow ThreeDHighlight !important;
}

#main-window:not(:-moz-system-metric(windows-default-theme)) #navigator-toolbox toolbar {
  -moz-appearance: toolbar !important;
  border-top: 2px solid !important;
  -moz-border-top-colors: ThreeDShadow ThreeDHighlight !important;
}

#main-window:not(:-moz-system-metric(windows-default-theme)) #navigator-toolbox #toolbar-menubar {
  border: none !important;
}

#main-window:not(:-moz-system-metric(windows-default-theme)) #navigator-toolbox #toolbar-menubar,
#main-window:not(:-moz-system-metric(windows-default-theme)) #navigator-toolbox #PersonalToolbar {
  -moz-opacity: 1 !important;
}

#main-window:not(:-moz-system-metric(windows-default-theme)) #navigator-toolbox #toolbar-menubar,
#main-window:not(:-moz-system-metric(windows-default-theme)) #navigator-toolbox #toolbar-menubar menubar,
#main-window:not(:-moz-system-metric(windows-default-theme)) #navigator-toolbox #nav-bar {
  -moz-appearance: toolbar !important;
}

#main-window:not(:-moz-system-metric(windows-default-theme)) #navigator-toolbox #toolbar-menubar {
   background: none !important;
}

#main-window:not(:-moz-system-metric(windows-default-theme)) #navigator-toolbox {
   background-color: -moz-Dialog !important;
}

/* ----------Fix Address Bar---------- */
#urlbar {
  padding-left: 1px !important;
}

/* code from kliu0x52  */
#urlbar:not(:-moz-system-metric(windows-default-theme)) {
   -moz-appearance: TextField ! important;
}

#urlbar[chromedir="ltr"]:not(:-moz-system-metric(windows-default-theme)) {
   -moz-margin-start: 4px ! important;
}

#urlbar[chromedir="ltr"]:not(:-moz-system-metric(windows-default-theme)) > #identity-box {
   -moz-margin-start: 0px ! important;
}

#urlbar[chromedir="ltr"]:not(:-moz-system-metric(windows-default-theme)) > #identity-box > hbox {
   border-left-style: none ! important;
   padding-left: 2px ! important;
   -moz-border-radius: 0px ! important;
}

.searchbar-textbox:not(:-moz-system-metric(windows-default-theme)) {
   -moz-appearance: TextField ! important;
}
/* end of code from kliu0x52  */

/* ----------Remove withe background from menubar---------- */
#toolbar-menubar {
  background: none !important;
}

#main-window[sizemode="maximized"] #file-menu,
#main-window[sizemode="maximized"] #edit-menu,
#main-window[sizemode="maximized"] #view-menu,
#main-window[sizemode="maximized"] #history-menu,
#main-window[sizemode="maximized"] #bookmarksMenu,
#main-window[sizemode="maximized"] #tools-menu,
#main-window[sizemode="maximized"] #helpMenu {
  color: #ffffff !important;
}

/* ----------Make bookmarks toolbar blue---------- */
#PersonalToolbar:-moz-system-metric(windows-default-theme) {
  -moz-appearance: communications-toolbox !important;
  padding: 2px 2px 3px 2px !important;
}

#PersonalToolbar .toolbarbutton-text:-moz-system-metric(windows-default-theme) {
color: #fff !important;
margin-bottom: 1px !important;
}

toolbarbutton.bookmark-item:-moz-system-metric(windows-default-theme) {
padding: 2px 6px !important;
}

Beyond that, this makes the bookmarks bar nativelly blue with withe text when on aero. There are some glitches though, as I seem to be unable to make the menubar text with while maximized and still haven't got how to make the toolbar opaque while on fullscreen.
Use the part of code made at will.

The result of the above CSS is this:

(click on thumbnail for higher resolution)

(click on thumbnail for higher resolution)

BTW, You can make any toolbar blue natively by using the following:

Code: Select all

  -moz-appearance: communications-toolbox;

Or black using this:

Code: Select all

  -moz-appearance: media-toolbox;

Where is the code you are using to extend glass into the Menu Bar?

[bjbinc]

/* ----------Remove withe background from menubar---------- */
#toolbar-menubar {
background: none !important;
}

#main-window[sizemode="maximized"] #file-menu,
#main-window[sizemode="maximized"] #edit-menu,
#main-window[sizemode="maximized"] #view-menu,
#main-window[sizemode="maximized"] #history-menu,
#main-window[sizemode="maximized"] #bookmarksMenu,
#main-window[sizemode="maximized"] #tools-menu,
#main-window[sizemode="maximized"] #helpMenu {
color: #ffffff !important;
}

[ptmb]

Where is the code you are using to extend glass into the Menu Bar?

It's this part:

Code: Select all

/* ... */

/* ----------Remove withe background from menubar---------- */
#toolbar-menubar {
  background: none !important;
}

#main-window[sizemode="maximized"] #file-menu,
#main-window[sizemode="maximized"] #edit-menu,
#main-window[sizemode="maximized"] #view-menu,
#main-window[sizemode="maximized"] #history-menu,
#main-window[sizemode="maximized"] #bookmarksMenu,
#main-window[sizemode="maximized"] #tools-menu,
#main-window[sizemode="maximized"] #helpMenu {
  color: #ffffff !important;
}

/* ... */

Actually the background was put by 6XGate, and I now understand why. When maximized, the text is on the dark background from aero and it is black, unless forced white, like in the CSS, but the maximized option does not work very well and doesn't change the text color when it should.

But you can always use the code if you want (although it looks better with the Hide Menubar Addon).

[JoopE]

Looks great! Very nice work!

Any suggestions on getting the tab bar to have a style/color that fits whith this? I dont like the light blue it has now. I've been experimenting a bit with changing the tab colors via userChrome.css but did not manage to get something that looked much better. I'm using the Explorer style Bookmark Toolbar look.

[AntiTrust]

Where is the code you are using to extend glass into the Menu Bar?

It's this part:

Code: Select all

/* ... */

/* ----------Remove withe background from menubar---------- */
#toolbar-menubar {
  background: none !important;
}

#main-window[sizemode="maximized"] #file-menu,
#main-window[sizemode="maximized"] #edit-menu,
#main-window[sizemode="maximized"] #view-menu,
#main-window[sizemode="maximized"] #history-menu,
#main-window[sizemode="maximized"] #bookmarksMenu,
#main-window[sizemode="maximized"] #tools-menu,
#main-window[sizemode="maximized"] #helpMenu {
  color: #ffffff !important;
}

/* ... */

Actually the background was put by 6XGate, and I now understand why. When maximized, the text is on the dark background from aero and it is black, unless forced white, like in the CSS, but the maximized option does not work very well and doesn't change the text color when it should.

But you can always use the code if you want (although it looks better with the Hide Menubar Addon).

Most Excellent Thank You!

I altered this Vista Black Theme
http://userstyles.org/styles/5189

So now text in menu looks good Maximized or Normal and Bookmarks-Tab bar all Black and Blue-Excellent!

[forinec]

Just awesome,I'm geeting too sick of the old style toolbar

[Drakonen]

Is there anyway to preserve the rounded larry/favicon? I mean, it did compliment the rounded etch on the navigation buttons... But now wiith the amazing work done to get aero glass working, we might actually be able to pull of a better feel than the native explorer icons by using animations by ways of APNG icon, albeit, probably as a theme working ontop of the glasser extension.... now to only read through all the apng documentation and grab GIMP

[KennS]

Would it work with Win XP pro???

[elktea]

Yeah, leave the rounded address bar alone. It looks way better rounded.

[theechap]

I'm probably being too picky but it looks like the "e" in File and the "p" in Help is slightly cut off in the menu. Otherwise, it is looking really good.

[UrbenLegend]

In full-screen mode, the upper toolbar is too transparent. You can see right through to the background. It needs to be black like when firefox is maximized.

[6XGate]

New release version 1.0.10

This version for enables and disables the Glasser styleSheet when the compositor is enabled or disabled on the OS. This will fix the black navigation and menu bar.

[sauronreaver]

I'm probably being too picky but it looks like the "e" in File and the "p" in Help is slightly cut off in the menu. Otherwise, it is looking really good.

This is also bugging me a lot. At first I thought it was only me this was happening to, but then I realized that it is even in the screen shots posted in the first post. It also shows up in the search box, address bar and bookmark toolbar.

Is there maybe a way to fix this "cut-off" effect with a style sheet and Stylish, or is it hard coded?

PS: With every update I hold my breath for this to be fixed :0