Themes were introduced in 1.0 Beta 10.

Overview

Themes allow dramatic changes of the look and feel of a website. A "theme" describes the layout, the style, and the color scheme.

A layout is how a page presents its information. Example layouts include one column, two columns (generally content takes up most of the page with a sidebar of information), and three columns (sidebars on both sides).

The style is typically controlled by CSS (Cascading Style Sheets). This controls background images, fonts, font sizes, margins, widths of the columns, etc.

Finally, the color scheme controls the colors used by the style sheet. A color scheme consists of five colors. How those colors are used on the page is controlled by the style sheet.

Setting the Theme

A default installation starts with the two-column theme. This is a sidebar on the left containing menus and content on the right. You can add content to the sidebar as well as the primary content area. To change a theme, you must be an Administrator.

To change the Theme, first start by clicking the edit icon to edit the page. On the left of the popup window will be tabs for editing the space, theme, and site. Click on the site tab to display actions for the site (displayed along the bottom of the window). Click the "Set Theme" action. This will display a form for selecting the theme. Radio buttons will be displayed next to each theme. Select the desired theme, and then save changes.

The page will now refresh and will have the desired layout. The default style sheet and color scheme for this layout will be selected. To change the style, click the edit icon to edit the page. On the left of the window will be a tab for the theme (labeled "Theme"). Click this to display actions for the theme.

If the theme support style sheets, then an action labeled "Set Style" will be available. Selecting this action will display a form for selecting the style. Radio buttons will be displayed next to each style. Select the desired style, and then save changes.

If the theme supports color schemes, then an action labeled "Set Colors" will be available. Selecting this action will display a form for selecting the color scheme. Radio buttons will be displayed next to each color scheme. Select the desired colors, and then save changes.