I love the first two themes. I think we should use UI Orange glass as the default in svn and UI website demos (call it default) and Corporate blue (maybe call it classic?) on the jQuery UI wiki docs demos. Or if you wanted to do a different one to match the jquery.com colors more closely...

Also, what about more color in the dialog and progressbar?

I just added 2 more ideas. The colors in the dialog and progress bar are all based on the TR states so you'd need to use more colors on these in your theme to make them more colorful. The bar fill is mapped to % opacity of the default state (this is an oddball) and the header for the dialog is the content area class (see my idea above about using a new class for this called titlebar of something like that).

Should we change ".ui-component-" to ".ui-widget-" ?

+1 for changing .ui-component- to .ui-widget-

sounds like a good idea.
also .ui-widget-content

I think a disabled state would also be useful, such as for prev/next links in datepicker when they don't apply due to minimum/maximum date restrictions.

Stuardo -StR- Rodríguez commented:
Just an idea, now that ajax is so common, the need for a "loading" image is always needed. I saw ajaxload.info and thought that the themeroller could do the same, generate the same images (all of them to be included in the zip file) using the theme colors.
The themeroller should also create required icons, like the calendar for the datepicker.

Response from Todd P. : The Ajaxload functionality is a good idea and we've discussed the need for a loader image generator and wonderedif they had an API we could use for this. We'll need to look into this in more detail. On big consideration is that most spinners are animated Gifs that are anti-aliased against a specific background color. This makes it really hard in the UI widgets because we have such an open theming architecture, it's not possible to easily know what color (or texture) the spinner will be sitting on. So we either need to create a simpler, aliased spinner that would work ok on any color or develop a PNG-24 based spinner with alpha transparency that uses a sprite that is shifted to produce an animation.

Re: icons for the datepicker, the new CSS framework and ThemeRoller app has a very extensive set of dynamically colored icons in a sprite, including a calendar icon. That just needs to be added to the datepicker demo. See them here: http://jqueryui.pbwiki.com/jQuery-UI-CSS-Framework

Mike Robinson said:
I would second that, great idea and would be really useful. A couple of things I could do with in Themeroller are:

1) Styles for odd & even rows
2) A general background image/color

Response from Todd P. : The color for odd and even rows is tricky because it doesn't easily map to a broader purpose or state like the current TR levers which can be used across a broad range of other widgets like button hover, titlebar, and error. If there is a color or texture that only makes sense for a single widget, it may need to be set within that plugin to keep the themes from becomes too complex to configure (too many levers is overwhelming). It's a good idea though. One option would be to try and use a TR class like ui-widget-header but calculate a color value that is only 10% of the color or something like that so it is themeable. The issue with this approach is if the header is a light color, the color may not be visible and we also need to worry about text color and contrast levels. Any ideas on the topic appreciated :).

The ui-widget-content is meant to be a good general purpose background color. We use it for the main content area for accordions, tabs, menus, dialogs, etc. Give that class a try.

<blockquote>The ideal situation would be to have animated spinners that are created with multiple levels of alpha transparency so one loader would work on any background automatically. This would require using the PNG-24 format which doesn't support animation and does not work in IE6 and would require a hack.
</blockquote>

Or you could set the color in the theme creation step, just like ajaxload.info does

Hi Todd, Thanks for the reply about table rows. I have actually tried to use the existing ui-widget-header class color and apply a transparency to it (eg. odd = 30%, even = 20%) this works ok for a single theme but when using the theme switcher I am struggling to get the new color from the theme. Anyway, in the longer term I would suggest having a seperate stylesheet for table styles within the theme ie. ui.tables.css. I see there is work being done on a grid widget so I guess some of this will be covered there, I will wait and see what happens with that and let you know if I can get a hack that will work.

Hi,
Firstly, thank you for making such a great themeroller that makes our job so easy for theming a site. I do have a few questions.
1. I do not see any updates to this page since about 6 months back. Can we have an idea what is going to be the upcoming strategy for the themeroller?
2. I can see a lot of plugins coming up. Will the themeroller support them and by when?
3. I tried using portlets under sortable plugin. Some classes are shown in the source code in the demo page. How can I make it compatible to the available themes? Do I have to do it manually?
4. How can I extend the themerolling capability to my custom plugins.

Any guidelines will be greatly appreciated.

Thanks in advance! :)