After developing a new widget using the base theme, we may decide that we want to switch to a fancier theme or one that fits in better with our site when we deploy it. People might want to use a different theme than the one we chose when downloading the library if we wrote and released a new plugin. Thankfully, the CSS framework makes switching themes a painless task. Looking at the previous example, all we need to do to change the skin of the widget is choose a new theme using ThemeRoller, and then download the new theme (we can download just the new theme by deselecting all of the components in the download builder).
Within the downloaded archive there would be a directory with the name of the chosen theme, such as dot-luv
. We drag the theme folder out of the archive and into the development-bundle\themes
folder and link the new theme file from our page, giving our form a completely new look as shown in the following figure:
The theme I used to obtain...