Customizing JQuery UI Theme

Question

I have downloaded the Jquery UI with "Start" theme. Demo is here:

http://jqueryui.com/demos/datepicker/

I want to change the color of datepicker background from light blue to dark blue.

How can I customize it. Please tell step by step.

Thanks.

Answer 1

Go to http://jqueryui.com/themeroller/ -> Gallery tab -> Select "Start" theme -> click "edit" -> make changes -> when ready click "Download theme"

You will have a URL in the theme CSS file (Look for To view and modify this theme) , when you go to this URL you could see the modified theme and you can do some more changes until you are happy with the result.

Answer 2

You can make your own themes using the jQuery UI ThemeRoller.

Answer 3

Go to http://jqueryui.com/themeroller/, it a web application to customize the themes. It's very intuitive.