Developing and Deploying Siebel Business Applications > Configuring Logos, Banners, and Colors > Process of Configuring Logos, Banners, and Colors >

Modifying Applet Colors

This task is a step in Process of Configuring Logos, Banners, and Colors.

A Siebel application includes the following major applet styles:

• Parent
• Child
• Grandchild

The applet styles define the color of the tab that Siebel CRM displays at the top of the applet and the color of the control bar where Siebel CRM displays applet menus and buttons. The cascading style sheet includes the following items for each applet style:

• AppletStyle1. The selector for the parent applet style.
• AppletStyle3. The selector for the child applet style.
• AppletStyle7. The selector for the grandchild applet style.

Attributes define each applet style. To modify each applet style, you modify the definitions for the following items:

• AppletButtons. The bar where Siebel CRM displays applet buttons.
• AppletBorder. The border around the content of the applet.
• AppletBack. The background color of the applet content.
• AppletTitle. The area where Siebel CRM displays the applet title.

The modification you make for a standard interactivity applet is different from the modification you make for a high interactivity applet.

Modifying Applet Colors for Standard Interactivity Applets

In this topic, you modify applet colors for standard interactivity applets.

To modify applet colors for standard interactivity applets

1. In the dCCmain.css file, locate the following selectors and then modify the attributes using values from the following table.

   Selector	Attribute	Modified Value
   AppletStyle1.AppletButtons	Background-color	#3366CC
   AppletStyle1.AppletBorder	Background-color	#3366CC
   Modify the following selectors: AppletStyle1 .AppletTitle AppletStyle1 TD.AppletTitle A AppletStyle1 TD.AppletTitle A:visited AppletStyle1 TD.AppletTitle A:hover	Background-color	#3366CC
   	Color	#FFFFFF

2. Locate the following selectors and then modify the attributes using values from the following table.

   Selector	Attribute	Modified Value
   AppletStyle3 .AppletButtons	Background-color	#BDD3FF
   AppletStyle3 .AppletBorder	Background-color	#BDD3FF
   Modify the following selectors: AppletStyle3 .AppletTitle AppletStyle3 TD.AppletTitle A AppletStyle3 TD.AppletTitle A:visited AppletStyle3 TD.AppletTitle A:hover	Background-color	#BDD3FF

3. Locate the following selectors and modify the attributes using values from the following table.

   Selector	Attribute	Modified Value
   AppletStyle7 AppletButtons	Background-color	#BDD3FF
   AppletStyle7 AppletBorder	Background-color	#BDD3FF
   Modify the following selectors: AppletStyle7 .AppletTitle AppletStyle7 TD.AppletTitle A AppletStyle7 TD.AppletTitle A:visited AppletStyle7 TD.AppletTitle A:hover	Background-color	#BDD3FF
   	Color	#003399

4. Save your changes.
5. Clear the browser cache and then open the Siebel client.
6. Make sure Siebel CRM displays the custom background color on the parent and child applets.

   Figure 18 illustrates the custom colors.

Modifying Applet Colors for High Interactivity Applets

In this topic, you modify the background color for high interactivity applets.

To modify applet colors for high interactivity applets

1. In the main.css file, locate the following code:

   .Selected TR.AppletButtons {background-color:#658AC3; color:#ffffff;}

   .Selected TR.AppletButtons TD.AppletTitle,

   .Selected TR.AppletButtons TD.AppletTitle A,

   .Selected TR.AppletButtons TD.AppletTitle A:link,

   .Selected TR.AppletButtons TD.AppletTitle A:visited,

2. Change the value in the background-color attribute to the custom color.
3. Save the file, and then test your changes.