Define a community theme 

To define a custom theme for Communities, 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.


Before you begin

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.


Procedure

To define a theme...


What to do next

After defining a new theme, you need to add it to the Communities configuration file, communities-config.xml. For more information, see Add a theme to the Communities configuration file.


Parent topic

Add a custom theme to Communities

Related tasks
Add a theme to the Communities configuration file
Remove community themes
Customize the user interface

October 19, 2011 9:43:12 AM
   

 

Oct 19, 2011 9:43:12 AM 2 Jul 13, 2011 8:39:17 PM added d. remove theme.css - keeping this file causes formatting issues... 1 Submitted by William Wise on Jan 30, 2012 3:01:17 PM

Re: Defining a community theme

Hi,

The difference between the defaultTheme and the color themes (for example, the redTheme) is just the color assignments. You might also find this IBM RedBook helpful:

http://www-10.lotus.com/ldd/lcwiki.nsf/xpViewCategories.xsp?lookupName=Redbooks: Customizing IBM Connections 3.0.1

Submitted by Chris Graves on Jan 17, 2012 1:23:09 PM

Re: Defining a community theme

Re: Defining a community theme

The example given above says

"For example, to create a new corporate theme:

a. Copy the defaultTheme directory from /nav/common/styles to the following directory ...etc..."

I would like to see an example for customising say the redTheme. It is not clear from the default example how you would do this having already say customised the default theme (creating a corporate that works outside communities and as the default theme for communities).

So to be clear - I don't want to create a new custom theme for communities - I just want to modify the existing colored option themes so they conform to my new default corporate theme.

Submitted by Chris Graves on Jan 17, 2012 1:19:43 PM

Re: Defining a community theme

The example given above says

"For example, to create a new corporate theme:

a. Copy the defaultTheme directory from /nav/common/styles to the following directory ...etc...)

I would like to see an example for customising say the redTheme. It is not clear from the default example how you would do this having already say customised the default theme (creating a corporate that works outside communities and as the default theme for communities).

So to be clear - I don't want to create a new custom theme for communities - I just want to modify the colored option themes so they conform to my new default corporate theme.

});