What is the best way to use jquery ui themeroller themes

Question

I only first downloaded jquery and jquery-ui to use / learn last night.

I figured out how to make it work, and now I play with downloadable / custom themes on themeroller ... (a good tool).

Question about the best way to maximize the use of these tools:

I integrate jquery/jqueryUI into existing asp.net , which I already "themed" with colors / fonts that I like using my own custom CSS, I used the themeroller application to get jquery user interface elements or less that match my existing ones css color / font schemes.

The real question is: am I doing this in the opposite direction? Will it be better to develop my themes in themeroller and then use this generated CSS for ALL of my application? as opposed to using themeroller to simulate css, which I already have for jQuery elements without jquery?

I could see that it would be nice to be able to use a themeroller, load CSS, and then base the CSS without jqueryUI around the generated CSS, but I don't want to try it if this is not an accepted approach at all, which will eventually cause me problems in the future .

Answer 1

I usually create a theme for jQuery using ThemeRoller, which uses colors from my CSS website. I do not use ThemeRoller theme for my website, although I usually keep these 2 separate.

Answer 2

I personally use the full jquery theme for my entire site. ui-widget , ui-widget-content , ui-widget-header , ui-state-default , and ui-state-active , among others. I create my own menus with these tags. I think it’s good to fit into this model, because if I want to change themes on the fly or change the theme later, I will not have much resistance.

Of course, there are always exceptions. So, I always put my global.css file after my ui.all.css file in my header.