MozillaZine

[Firefox] Lebreeze

Discuss application theming and theme development.
springofdark

User avatar
 
Posts: 197
Joined: March 20th, 2004, 6:14 pm
Location: Northern Wisconsin

Post Posted March 20th, 2004, 6:33 pm

I was encouraged to post information about a new theme I am working on. I have it available for installation, but be warned that it is still not complete.

<img src="http://alazanto.org/lebreeze/lebreeze-large.gif" alt="preview lebreeze theme"/>

As the name implies, I started out with Flyson's Breeze theme when building this, so some credit should certainly go towards his work.

The information page is located here:

<a href="http://alazanto.org/lebreeze/">http://alazanto.org/lebreeze/</a>

If you are interested in the theme, or might have recommendations about its development, I would encourage comments. Also, people seem interested in me producing a Thunderbird theme. I will have a look at the CSS to see how large of a project this would be. Hopefully tonight I can add a mail icon to the mix.

-Kevin Davis
Last edited by springofdark on April 11th, 2004, 9:56 pm, edited 8 times in total.

GrailKnight

User avatar
 
Posts: 2359
Joined: January 5th, 2004, 5:40 am
Location: Pennsylvania, USA

Post Posted March 20th, 2004, 6:49 pm

Working great so far so.
It’s a keeper as far as I am concerned.
I will have to keep an eye out for your final draft of it.

Any chance of a TB mate for it in the future?

Thanks a lot for a nice utility type theme.
Now that Lynchknot is closing his site there are slim pickings for this
type of theme which I personally like best of all.
"There is nothing more deceptive than an obvious fact". - Sherlock Holmes

parsec
 
Posts: 180
Joined: October 22nd, 2003, 7:05 am
Location: USA alas

Post Posted March 20th, 2004, 8:37 pm

Looks good, but the menu bar should be narrow - like Breeze.

f4lc0n

User avatar
 
Posts: 270
Joined: March 21st, 2003, 12:36 am
Location: Vancouver, BC Canada

Post Posted March 20th, 2004, 8:55 pm

I think the nav buttons should be smaller like breeze so that all the buttons can be put on the menu bar. The beauty of breeze is that it is so compact, perfect for people like me who have a resolution of 1024x768.
Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.7.6) Gecko/20050226 Firefox/1.0.1 (stipe)

banjobacon!
 
Posts: 1922
Joined: April 5th, 2003, 3:34 pm

Post Posted March 20th, 2004, 9:00 pm

I don't dig the double-wide borders.

But I dig the overall look. Good icons, color, tabs.

scratch

User avatar
 
Posts: 4942
Joined: November 6th, 2002, 1:27 am
Location: Massachusetts

Post Posted March 21st, 2004, 2:17 am

excellent! add support for the trivial new tab button and this will be my favorite theme ever.

parsec
 
Posts: 180
Joined: October 22nd, 2003, 7:05 am
Location: USA alas

Post Posted March 21st, 2004, 5:47 am

The mail button isn't quite right.

springofdark

User avatar
 
Posts: 197
Joined: March 20th, 2004, 6:14 pm
Location: Northern Wisconsin

Post Posted March 21st, 2004, 7:32 am

f4lc0n wrote:I think the nav buttons should be smaller like breeze so that all the buttons can be put on the menu bar. The beauty of breeze is that it is so compact, perfect for people like me who have a resolution of 1024x768.


The screenshot shows the "large icons" which are sized at 20 x 20 pixels. I also have smaller icons at 16 x 16 pixels just for this reason.

I'm still going through the code to see how the new mail button is different. I just downloaded the latest build, however, I am still unsure as to whether I have the time to support nightly builds.

I will also fool around with the menu bar a little, but I am still more interested in usability than compactness. This theme has different goals than breeze - its aimed at web developers looking for a usable, but color neutral theme for viewing their work.

Thank you everyone for the comments!

springofdark

User avatar
 
Posts: 197
Joined: March 20th, 2004, 6:14 pm
Location: Northern Wisconsin

Post Posted March 21st, 2004, 11:05 am

<img src="http://www.alazanto.org/lebreeze/lebreeze-smalltoolbar.gif"/>

The theme now supports the latest nightly build (with the bindings update and mail icon). In addition, I drew icons for the web developer toolbar.

f4lc0n

User avatar
 
Posts: 270
Joined: March 21st, 2003, 12:36 am
Location: Vancouver, BC Canada

Post Posted March 21st, 2004, 11:17 am

adding
Code: Select all
#toolbar-menubar #page-proxy-deck,
#toolbar-menubar #search-proxy-button {
  margin: 0px;
}


will give a much smaller appearance when the nav stuff is on the menu bar :)
Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.7.6) Gecko/20050226 Firefox/1.0.1 (stipe)

aaron

User avatar
 
Posts: 3130
Joined: November 4th, 2002, 8:49 pm
Location: Texas

Post Posted March 21st, 2004, 11:32 am

springofdark wrote:The theme now supports the latest nightly build (with the bindings update and mail icon).


Two questions:
1.) For you, does the text for the mail button still appear to the right of the icon, or does the text appear underneath the icon like all other toolbar buttons?

2.) What bindings update was necessary for the latest nightly builds? I use milestone releases... Do my themes (Apollo, iCandy Junior, Neptune, Playground, and Smoke) work well with the latest nightly builds???

springofdark

User avatar
 
Posts: 197
Joined: March 20th, 2004, 6:14 pm
Location: Northern Wisconsin

Post Posted March 21st, 2004, 11:40 am

Hi F3lc0n, I just made the recommended modification. The menu bar is a little bit smaller, and I actually like the change.

Thank you.

springofdark

User avatar
 
Posts: 197
Joined: March 20th, 2004, 6:14 pm
Location: Northern Wisconsin

Post Posted March 21st, 2004, 11:48 am

Hello Aaron,

Using my current build (post 3/20), the only issue I ran into (while testing smoke) was that the icons I had placed by the bookmarks toolbar didn't quite fit - as if the toobar had an absolute height with no overflow specified.

As for the bindings, I just made sure that (for instance):

.menulist-compact {
-moz-binding: url("chrome://global/content/widgets/menulist.xml#menulist-compact");
}

was turned into

.menulist-compact {
-moz-binding: url("chrome://global/content/bindings/menulist.xml#menulist-compact");
}

As for the mail icon, the text still appears to the right... The button seems to be a real odd ball when compared with the others. The "button" is a toolbarbutton-menu rather than a normal toobarbutton[type="menu-button"] (like the forward and back buttons)

My guess is that one would need to specify that any element with a class selector of "toolbarbutton-menu" with an id of "mail-button" would need a -moz-box-orient: veritical;

Now I just need to figure out how to implement that.
Last edited by springofdark on March 21st, 2004, 11:50 am, edited 1 time in total.

frease

User avatar
 
Posts: 3981
Joined: September 16th, 2003, 1:17 pm

Post Posted March 21st, 2004, 11:49 am

Beautilful! Does it have a cutemenus theme and does it support toolbar enhancements? Thanks :)

aaron

User avatar
 
Posts: 3130
Joined: November 4th, 2002, 8:49 pm
Location: Texas

Post Posted March 21st, 2004, 11:53 am

Oh yeah, the /bindings/ & /widgets/ game from the 0.7 to 0.8 transition, gotcha.

I will look into the bookmark toolbar height problem you said. If you figure out how to -moz-box-orient: vertical the mail-button, let me know. I tried to specify it with the !important flag for the code I used to skin the button, but no luck with that.

Return to Theme Development


Who is online

Users browsing this forum: No registered users and 0 guests