Home
Define a theme
To define a custom theme, you typically start by copying an existing theme. The stylesheets for Communities are compartmentalized so that the color information is stored separately from the overall structure of the page. This separation makes it easy to change the page's color without disrupting the layout.
To test your style changes, you might find it helpful to use a Web development tool such as the Mozilla Firefox browser extension, Firebug. Firebug allows you to modify colors and styles dynamically on the page so that you can preview what the page looks like when your new style is applied to it.
To define a theme,complete the following steps.
- Create a copy of an existing theme. For example, if you want to create a new corporate theme, to get started, you might make a copy of the defaultTheme and call it corporateTheme. You might then rename the stylesheet defaultTheme.css in this new to corporateTheme.css.
- Make your changes to the new CSS file. For example, you might want to modify the color settings to match your organization's corporate colors.
If you're using a tool such as Firebug to test your changes, be sure to copy the settings that you've modified into your new CSS file.
- Save your new file.
After defining a new theme, you need to add it to the Communities configuration file, communities-config.xml.
Add a custom theme to Communities
Related tasks
Add a theme to the configuration file