Theming is based on the highly popular ThemeRoller, which is the standard for developing jQuery UI widgets. This means that you have access to 25 ready-to-use themes created by professional designers, plus a unique free web-based tool allowing you to create your own theme. You can also customize a theme starting from an existing one.

The list of currently available themes is:

  • base
  • black-tie
  • blitzer
  • cupertino (Apple-like UI)
  • dark-hive
  • dot-luv
  • eggplantz
  • flick
  • hot-sneks
  • humanity
  • le-frog
  • mint-choc
  • overcast
  • pepper-grinder
  • redmond (Windows-like UI)
  • smoothness
  • south-street
  • start
  • sunny
  • swanky-purse
  • trontastic
  • ui-darkness
  • ui-lightness
  • vader

The install package of jqSuite for PHP comes with just the default Redmond theme. It is available in the [themes] folder of the install package. You can download any additional themes directly from jQuery UI's ThemeRoller site available here:

http://jqueryui.com/themeroller/

You can also create a new theme (either from scratch or based on another theme).

Just add reference to the ThemeRoller theme in your PHP file.

Example:

<head> 
<link rel="stylesheet" type="text/css" href="themes/redmond/jquery-ui.custom.css" />
...
</head>

If you wish to use one of the other 25 themes ThemeRoller offers or your own theme, just replace the Redmond css file with the CSS file of the respective theme.