CODEWITHSUNDEEP
jquerycssjquery-ui
pentarim
pentarim

Reputation: 463

jQuery UI Themes which are totally different than what ThemeRoller gives

Is anybody aware of a project/url that shares jQuery UI compatible themes, that you can't tell at first glance are from ThemeRoller. Difference: different icons, styling of tabs, dialogs etc, not just color palette. I think you got what I mean. ThemeRoller is nice but would be even nicer to have some visual alternatives. Even 1 would make a difference :) Thanks in advance.

Upvotes: 12

Views: 4327

Answers (5)

Kirk Ross
Kirk Ross

Reputation: 7163

Color palette... I have found it's fairly easy to create a custom theme to get the basic colors in place and then just tweak the css to change elements the theme builder doesn't address, i.e. padding, margins, border thickness, etc..

Icons... I looked around for some "plug and play" alternative icons for jquery-ui have found it easier to alter the original icon sprite in Photoshop. Jjust open one of the ui-icon_xxxxxx sprites and manually modify the icons to look how you want. You'll probably only want to tweak a few -- the arrows and check marks and maybe a few others -- so it's not a lot of work. Just keep each new icon centered within the 16 x 16 zone that each icon occupies on the icon sprite. They each take up far less than the full 16 x 16 pixels so you can make them much larger (relatively speaking). After you have all the icons looking how you want, erase the old icon underneath each one (obviously) then create an empty bg layer and merge your new layers with the original icon layer. Then create a solid color overlay layer and mask it to the icon layer. Then all you have to do is change the overlay color to 222222 and 454545 and 888888 (or whatever colors you want) and save-for-web each one over the old ones. Upload and BAM, they all work perfectly.

Upvotes: 0

Kirk Olson
Kirk Olson

Reputation: 564

Another jQuery UI theme with a more professional look, as opposed to the (still!) goofy themeroller themes:

Absolution theme : http://www.michaelvanderheeren.be/?p=382

Upvotes: 0

Dan Esparza
Dan Esparza

Reputation: 28385

There's the 'Aristo' JQuery UI theme: http://taitems.tumblr.com/post/482577430/introducing-aristo-a-jquery-ui-theme

Online demo here: http://www.warfuric.com/taitems/demo.html

In a nutshell, the author was fed up with the 'goofiness' of the Themeroller themes and wanted something closer to SproutCore and Cappuccino.

Upvotes: 7

Dustin Laine
Dustin Laine

Reputation: 38543

The link below is a theme plugin, seems to have some user updated themes.

http://keith-wood.name/themes.html

Upvotes: 0

Cryophallion
Cryophallion

Reputation: 704

No, as all the above items are customizable in the ui css file. I usually get it close, then make the necessary changes to the code.

The easiest way I have found to do this is by using firebug, and tweaking the css rules until I get what I am looking for. I then save those changes to the actual file (really easy as firebug gives you line numbers and class names).

EDIT: According to this forum posting, in order to work with ie6, the icons have to be in a very specific format. The forum lists the format.

The good news is that it seems you can likely develop some customized icons in grayscale, and just dump them into the theme you are working on, or even perhaps replace a few of the icons.

Upvotes: 3

Related Questions