How to add a new theme in version 8.1.1.11 Open UI

Here are the suggested steps to add a new theme in Siebel client running in Open UI mode.

1. Create the custom css file and place it in \public\enu\files.

For example - "theme-blue-tab.css" with the following contents:
#s_sctrl #s_sctrl_tabScreen.ui-tabs ul.ui-tabs-nav li a {
color: white;
font-size: 14px;
font-weight: normal;
height: 24px;
font-style: italic;
background: #99CCFF;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,#99CCFF 0,#dfdfdf 100%);
background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#99CCFF),color-stop(100%,#dfdfdf));
background: -webkit-linear-gradient(top,steelblue 0,steelblue 100%);
background: -o-linear-gradient(top,#99CCFF 0,#dfdfdf 100%);
background: -ms-linear-gradient(top,#99CCFF 0,#dfdfdf 100%);
background: linear-gradient(to bottom,#99CCFF 0,#dfdfdf 100%);
}

2. Add an entry in “theme.js” file in \public\enu\\scripts\siebel\custom.

SiebelApp.ThemeManager.addTheme(
              "BLUE_TAB", {
              css : {
                              sb_theme : "files/theme-base.css",
                              sc_theme : "files/theme-gray.css",
                              sn_theme : "files/theme-nav-tab.css",
                              sca_theme : "files/theme-calendar.css",
                             blue_theme : "files/theme-blue-tab.css",
                              sd_theme : IE8inc
              },
              objList : []
});

3. Add the a new LOV record in Administration – Data > List of Values.
Type: OUI_THEME_SELECTION
Display Value: Blue Tab
Language Independent Code: BLUE_TAB
Parent LIC: NAVIGATION_TAB
Order: 3

4. Clear LOV Cache.

5. Go to Tools > User Preferences > Behavior and set the following:
Navigation Control: Tab
Theme: Blue Tab

6. Go to Administration - Application > Manifest Files and add a new entry with the following value:

Name: siebel/custom/theme.js

7. Go to Administration Application > Manifest Administration and add the following :

In UI Objects:
Type: Application
Usage Type: Common
Name: PLATFORM DEPENDENT

In Object Expression:
Expression: Desktop
Level : 1

In Files:
Name: siebel/custom/theme.js

8. For Siebel web client, restart the web server.

9. Clear browser cache.

10. Restart Siebel application. The tab colours should be showing in blue colour.