Applying jquery ui themes to the whole site

Applying jquery ui themes to the whole site


I don't think this is a very good question because I can't even form
one... but oh well!
Basically I do in house apps and first looked at jquery ui for the
widgets but now the themes have me really excited. I am not much of a
designer so having colors that look good together seems promising.
Using the demo site:
http://jqueryui.com/demos/accordion/
You have the theme selector in the top right. It changes the jquery
UI demo, but not the rest of the site (I know, it isn't designed
to!). If I wanted to make a site where even non-jquery ui stuff was
using the same themes how would I go about doing that? Jquery ui
exposes the widget containers and interaction states, but those aren't
really a fit for all things.
For instance on the same demo page you have the right and left
sidebars -- Interactions (draggable, droppable, etc...) and Examples
(Default, fill space, etc). If it was desired that these selectors /
menus match the jquery UI theme what is a good plan of action to
take? Is there a way to just take the color from a css class for
instance? Or is this a terrible idea?
Thanks.
ps. I have read this link and it is fantastic:
http://www.filamentgroup.com/lab/styling_buttons_and_toolbars_with_the_jquery_ui_css_framework/