Rob Holmes

In the last few days Mozilla have been playing with Photoshop and come up with 2 mockups for what Firefox 3.7 and Firefox 4 might look like! 1 theme developer was very quick of the mark and has made a 3.7 theme for the current version 3.5. So I thought I would try it out, and after and bit of tweaker I got this:

This is my slightly different take on it, I don’t think you need to see the tools menu all the time, so its hidden. I may also yet change the font colour on the tabs, as its too light.

Here is the ‘menu’ bar shown by pressing Alt, I have placed my bookmarks and the bookmarks button and tools button on this tool-bar, nice.

I will post some pictures of the tab colour when I have a bit more of a play!

EDIT: This is all I could do, but its a bit better, I had a play with shadow and colours but a simple blod on the tabs helped most.

Code: (Replace the stylish code)

.tab-text {
color: black !important;
font-weight: bold !important;
text-shadow: white 1px 1px 1px !important; }

#sidebar-title {
background: url(chrome://global/skin/tabactive2.png) !important;
color: black !important;
text-shadow: white 1px 1px 1px !important;
font-weight: bold !important;}

.tabs-newtab-button {
margin-top:  5px  !important;
-moz-border-radius-topleft: 3px !important;
-moz-border-radius-topright: 3px !important;
background: url(chrome://global/skin/tabinactive2.png) !important;
border-top: 1px solid !important;
-moz-border-top-colors: rgba(255, 255, 255, .50) !important;}

.tabs-newtab-button:hover {
background: url(chrome://global/skin/tabhover2.png) !important;}

.tabbrowser-arrowscrollbox > .scrollbutton-up, .tabbrowser-arrowscrollbox > .scrollbutton-down{
border: 0 !important;
background: transparent !important;
height: 21px !important;}

#viewGroup .viewButtonLabel, #BrowserPreferences .paneButtonLabel{
color: black !important;
}
#reload-button,#reload-button:hover {
margin-left: -8px !important;

}
.tabbrowser-tabs tab {
-moz-border-radius-topleft: 4px !important;
-moz-border-radius-topright: 4px !important;
-moz-border-left-colors: #959595 !important;
-moz-border-top-colors: #959595 !important;
-moz-border-right-colors: #959595 !important;
}

#identity-box, .searchbar-engine-button {
-moz-border-radius-topleft: 3px !important;
-moz-border-radius-bottomleft: 3px !important;
}

#urlbar, .searchbar-textbox {
-moz-border-radius-topleft: 3px !important;
-moz-border-radius-bottomleft: 3px !important;
-moz-border-radius-topright: 3px !important;
-moz-border-radius-bottomright: 3px !important;
}

#main-window #PersonalToolbar {
padding-top: 0px !important;
padding-bottom: 0px !important;
}