views:

5403

answers:

4

I'm using Google-hosted jQuery and jQueryUI, but I'm wondering if there are hosted jQueryUI themes anywhere? I'd like to just point to a hosted CSS file (the same way I do with the hosted JS file), so that I don't have to worry about setting up directories for the widget images or the CSS files or anything like that.

Update

I've found this, referenced by the jqueryui.com source code:

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/themes/ui-lightness/jquery-ui.css" type="text/css" media="all" />

Substituting the name of other themes from the themeroller page seems to work, but I'd love it if someone could find where on Google they list all the available themes that they are hosting. I'm not finding anything about this (maybe it is very recent?).

+30  A: 

I could not find it on the Google site, but they are listed on the jQueryUI blog and updated with every release.

In general, the URL of each theme CSS file is:

http://ajax.googleapis.com/ajax/libs/jqueryui/[UI.VERSION]/themes/[THEME-NAME]/jquery-ui.css

I have listed the current (UI version 1.8.5) themes below:

81bronco
Refer to this post to see a preview of the themes with the links included http://encosia.com/2009/10/11/do-you-know-about-this-undocumented-google-cdn-feature/
Eduardo Molteni
BTW, google also hosts CSS [themes for jquery ui 1.8.2](http://the-xavi.com/articles/jquery-ui-css-themes-hosted-on-cdn)
Xavi
+1  A: 

The jQueryUI demo pages (e.g., http://jqueryui.com/demos/tabs/) show about 22 themes, a few more than 81bronco's list. All of them are available under ajax.googleapis.com.

But that's a heck of way to find out what is available.

+1  A: 

It looks like you can also use

http://ajax.googleapis.com/ajax/libs/jqueryui/1/themes/ui-lightness/jquery-ui.css

in order to get the latest version 1.

cf_PhillipSenn
A: 

On the jQueryUI-ThemeGallery - Homepage (http://jqueryuithemegallery.just-page.de) you can edit and store your own custom jQueryUI-Theme or you can choose a custom-theme (or standard-theme) from the gallery and download it.

Erik