Seven - Firefox 4 theme

[SoapyHamHocks Member]

Update time.

2.0

Started mostly from scratch on this version. Redesigned the tabs, added some new icons, added better support for Aero Basic. Works with Firefox 9+. Should hopefully work well with multi tab row add-ons.

Download

[CGar]

Looks nice :)

I'm not the biggest fan of glass tabs but that's just my personal taste, great job as always!

[furyshinobi]

Very nice (Y)

[Sub_Zero_Alchemist]

Great Job. :D

[SoapyHamHocks Member]

Looks nice :)

I'm not the biggest fan of glass tabs but that's just my personal taste, great job as always!

Very nice (Y)

The inactive tabs are something I really have a hard time with. If I make it too grey it just looks bad, too transparent and it makes it hard to read. You can however easily change it to a color you like:

.tabbrowser-tab:not([selected]) .tab-background-middle {
  -moz-box-flex: 1 !important;
  background-color: rgba(255,255,255,.35) !important;
}

Thank you :)

[Brandon H Supervisor]

great work as always Soapy :)

between you and Zain you two are my favorite designers

[xeleraph]

Is it possible to change the tab height? I'd like to reduce it slightly.

Thanks in advance.

[SoapyHamHocks Member]

Great Job. :D

great work as always Soapy :)

between you and Zain you two are my favorite designers

Thanks a lot :D

Is it possible to change the tab height? I'd like to reduce it slightly.

Thanks in advance.

Sure, try this:

.tab-content {
  height: 22px !important;
  min-height: 22px !important;
  max-height: 22px !important;
}

.tabbrowser-tab[selected] .tab-content {
  height: 23px !important;
  max-height: 23px !important;
  max-height: 23px !important;
}

[xeleraph]

Thanks for the quick reply.

I've mostly made all the customizations I want/need, but there's one last thing I can't seem to get right: I'm trying to get rid of the blue color in the appmenu and style it like how it looks like by default, but I can't seem to figure out how to get rid of the blue border around the button itself:

Any ideas? Thanks in advance again!

EDIT: Just realized I forgot to compliment you on your work, by the way. You're one of the reasons I continue using Firefox in Linux instead of switching over to Chrome, thanks!

EDIT2: Bug report, this is what happens when the AOM is launched.

[SoapyHamHocks Member]

Thanks for the quick reply.

I've mostly made all the customizations I want/need, but there's one last thing I can't seem to get right: I'm trying to get rid of the blue color in the appmenu and style it like how it looks like by default, but I can't seem to figure out how to get rid of the blue border around the button itself:

Any ideas? Thanks in advance again!

EDIT: Just realized I forgot to compliment you on your work, by the way. You're one of the reasons I continue using Firefox in Linux instead of switching over to Chrome, thanks!

EDIT2: Bug report, this is what happens when the AOM is launched.

#appmenu-button {
  -moz-border-left-colors: hsla(0,0%,100%,.5) hsla(210,59%,13%,.9) !important;
  -moz-border-bottom-colors: hsla(0,0%,100%,.5) hsla(210,59%,13%,.9) !important;
  -moz-border-right-colors: hsla(0,0%,100%,.5) hsla(210,59%,13%,.9) !important;
}

Should fix the border color.

Not sure why the tab text is doing that, very odd.

[xeleraph]

Should fix the border color.

Yes, it does. What I did wrong was using border-color instead; thanks again.

[bgjerlow]

I am really liking the look of this. Looking forward to the future updates :)

[Jub]

It looks really, really good. Torn between Australis and this one now. :) I'll try it out for a while for sure, loving it!

[Genocide121]

IMAGe HEre

There is some problem with the Theme................

Plz take notice of that............

Thanks

[SoapyHamHocks Member]

This should fix the tab-text bug, however the text will be less sharp.

.tabbrowser-tab .tab-text {
   opacity: 1 !important;
}

[TCA]

how do i change the FF button to the original size? don't like the small one.

[SoapyHamHocks Member]

how do i change the FF button to the original size? don't like the small one.

Add to userChrome.css or Stylish:

#appmenu-button .button-icon {
list-style-image: none !important;
}

#appmenu-button {
padding: 0 1.5em .05em !important;
min-width: 0 !important;
width: auto !important;
}

#appmenu-button .button-text {
visibility: visible !important;
}

[Genocide121]

ur theme not showing bookmark icon next to reload button..........

using Australis 1.1

[SoapyHamHocks Member]

ur theme not showing bookmark icon next to reload button..........

using Australis 1.1

I'm not really sure what you mean, this theme has nothing to do with my Australis theme.

[xeleraph]

This should fix the tab-text bug, however the text will be less sharp.

.tabbrowser-tab .tab-text {
   opacity: 1 !important;
}

Yes, it does indeed. Can't say I notice any decrease in font sharpness on my end though.

[Genocide121]

I'm not really sure what you mean, this theme has nothing to do with my Australis theme.

i m saying that.

Australis 1.1 theme is not showing me bookmark button next to reload...

there is no bookmark star button so i use ctrl+D to bookmark

can u solve that problem

[SoapyHamHocks Member]

Yes, it does indeed. Can't say I notice any decrease in font sharpness on my end though.

It's not a huge difference. It's just something I notice because I zoom in really close when developing themes. It seems that the Windows font rendering adds some "fuzz" to the letters, the opacity hack just makes it a bit sharper by removing that.

i m saying that.

Australis 1.1 theme is not showing me bookmark button next to reload...

there is no bookmark star button so i use ctrl+D to bookmark

can u solve that problem

Can you please post a screenshot of your issue in the Australis thread http://www.neowin.ne...is-for-firefox/

[c3ntury]

I quite like the look of it. :)

[SoapyHamHocks Member]

2.0.1

Change log:

Fixed in some cases where active tab text was clipped

Reduced tab text shadow on Aero Basic and Windows Classic

Fixed toolbar backgrounds and borders on Aero Basic and Windows Classic

Add one or more of the following lines to userChrome.css or Stylish:

Normal appmenu size :

@import url("chrome://browser/skin/_mods/normal-appmenu.css");

Home tab, add home to the left of the tabs :

@import url("chrome://browser/skin/_mods/home-tab.css");

Download

[xeleraph]

2.0.1

Change log:

Add one or more of the following lines to userChrome.css or Stylish:

Normal appmenu size :

@import url("chrome://browser/skin/_mods/normal-appmenu.css");

Home tab, add home to the left of the tabs :

@import url("chrome://browser/skin/_mods/home-tab.css");

Download

SHH, the nav-bar sees to have double borders at the bottom; one of them a light-blue, the other darker in shade.

I'd like to remove the lighter one; is that possible?