Customizing Theme Synergy in 15.1 Siebel Open UI

Customizing Theme Synergy in 15.1

Starting Siebel Release 15.1 (IP2015 Patchset 1), theme 'SUI' has be renamed to theme 'Synergy'. Theme 'Synergy' implements the Cloud applications Dark Blue Theme, which is the default theme for Oracle Cloud R10 applications. There are 6 additional variants:
  • Crisp Green Theme
  • Bright Blue Theme
  • Dark Gray Theme
  • Light Blue Theme
  • Steel Gray Theme
  • Vanilla Theme
These additional themes are not available in Siebel CRM out-of-the-box, but you can add any of them with the steps below.
  • Create <install_dir>/eappweb/PUBLIC/enu/files/custom/theme-green-synergy.css with the following content:
  • #_sweclient {
      background-color: #d7ebc5;
    }
    #_sweclient > div {
      background-color: #d7ebc5;
      background-image: url("../images/bkgd_watermarkfoliage.png");
    }
    .siebui-logo {
      background-image: url("../images/fuse-brand-oracle-black.png") !important;
    }
    .siebui-button-toolbar {
      background-image: url("../images/menu_ena.png") !important;
    }
    .siebui-toolbar-enable,
    .siebui-search-tb-btn,
    .siebui-msgbar {
      color: #38535a !important;
    }
    .siebui-nav-tab.siebui-view-navs .siebui-nav-tabScreen ul li a,
    .siebui-nav-tab.siebui-view-navs .siebui-nav-tabScreen .siebui-active-navtab a {
      color: #147c80 !important;
    }
    .siebui-landing #_sweview,
    .siebui-landing .siebui-applet {
      border-radius: 3px;
    }
  • Add a new LOV in Administration – Data -> List of values:
    • Type: OUI_THEME_SELECTION
    • Display Value: Green Synergy
    • Translate: False
    • Language-Independent Code:  SUI_THEME_GREEN_SYNERGY (Note: The SUI_THEME_ prefix is required)
    • Parent LIC: NAVIGATION_TAB
  • Clear cache from applet menu
  • Create a new Manifest Expression:
    • Name: Green Synergy Theme
    • Expression: LookupName (OUI_THEME_SELECTION, Preference ("Behavior", "DefaultTheme")) = "SUI_THEME_GREEN_SYNERGY"
  • Create a record in Manifest File
    • Name: files/custom/theme-green-synergy.css
  • Go to Manifest Administration and select a record in UI Objects with below details and make a copy of it and its child (Object Expression and Files)
    • Type: Application
    • Usage Type: Theme
    • Name: PLATFORM DEPENDENT
  • For the newly created UI Object, create a new record in Object Expression with below details and reorder the level reflect below
    • Create a new record in Object Expression with expression Green Synergy Theme and set the level as 2
    • Add files/custom/theme-green-synergy.css in Files applet with sequence 2
Theme Registration











  • Logoff and Login again
Follow the same steps and the CSS below to add the themes you need:

ThemeUI & CSS
Bright Blue
Theme Synergy Crisp Green
#_sweclient {
  background-color: #6ec1ef;
}
#_sweclient > div {
  background-color: #6ec1ef;
  background-image: url("../images/bkgd_watermarkdandelions.png");
}
.siebui-toolbar-enable,
.siebui-search-tb-btn,
.siebui-msgbar {
  color: #0e4973 !important;
}
.siebui-nav-tab.siebui-view-navs .siebui-nav-tabScreen ul li a,
.siebui-nav-tab.siebui-view-navs .siebui-nav-tabScreen .siebui-active-navtab a {
  color: #0e4973 !important;
}
.siebui-landing #_sweview,
.siebui-landing .siebui-applet {
  border-radius: 0;
}
Crisp Green
Theme Synergy Crisp Green
#_sweclient {
  background-color: #d7ebc5;
}
#_sweclient > div {
  background-color: #d7ebc5;
  background-image: url("../images/bkgd_watermarkfoliage.png");
}
.siebui-logo {
  background-image: url("../images/fuse-brand-oracle-black.png") !important;
}
.siebui-button-toolbar {
  background-image: url("../images/menu_ena.png") !important;
}
.siebui-toolbar-enable,
.siebui-search-tb-btn,
.siebui-msgbar {
  color: #38535a !important;
}
.siebui-nav-tab.siebui-view-navs .siebui-nav-tabScreen ul li a,
.siebui-nav-tab.siebui-view-navs .siebui-nav-tabScreen .siebui-active-navtab a {
  color: #147c80 !important;
}
.siebui-landing #_sweview,
.siebui-landing .siebui-applet {
  border-radius: 3px;
}
Dark Gray
Theme Synergy Dark Gray
#_sweclient {
  background-color: #424345;
}
#_sweclient > div {
  background-color: #424345;
  background-image: url("../images/bkgd_watermarkdots.png");
  background-repeat: repeat !important;
}
.siebui-toolbar-enable,
.siebui-search-tb-btn,
.siebui-msgbar {
  color: #fff !important;
}
.siebui-nav-tab.siebui-view-navs .siebui-nav-tabScreen ul li a,
.siebui-nav-tab.siebui-view-navs .siebui-nav-tabScreen .siebui-active-navtab a {
  color: #fff !important;
}
.siebui-nav-tab.siebui-view-navs .siebui-nav-tabScreen ul li a:hover,
.siebui-nav-tab.siebui-view-navs .siebui-nav-tabScreen .siebui-active-navtab a:hover {
  color: #206398 !important;
}
.siebui-landing #_sweview,
.siebui-landing .siebui-applet {
  border-radius: 0;
}
Light Blue
Theme Synergy Light Blue
#_sweclient {
  background-color: #d2e9f9;
}
#_sweclient > div {
  background-color: #d2e9f9;
  background-image: url("../images/bkgd_watermarkdunes.png");
}
.siebui-logo {
  background-image: url("../images/fuse-brand-oracle-red.png") !important;
}
.siebui-button-toolbar {
  background-image: url("../images/menu_ena.png") !important;
}
.siebui-toolbar-enable,
.siebui-search-tb-btn,
.siebui-msgbar {
  color: #1b4d7f !important;
}
.siebui-nav-tab.siebui-view-navs .siebui-nav-tabScreen ul li a,
.siebui-nav-tab.siebui-view-navs .siebui-nav-tabScreen .siebui-active-navtab a {
  color: #2d5c8b !important;
}
.siebui-landing #_sweview,
.siebui-landing .siebui-applet {
  border-radius: 3px;
}
Steel Gray
Theme Synergy Steel Gray
#_sweclient {
  background-color: #4c6890;
}
#_sweclient > div {
  background-color: #4c6890;
  background-image: url("../images/bkgd_watermarkfacets.png");
  background-repeat: repeat !important;
}
.siebui-toolbar-enable,
.siebui-search-tb-btn,
.siebui-msgbar {
  color: #fff !important;
}
.siebui-nav-tab.siebui-view-navs .siebui-nav-tabScreen ul li a,
.siebui-nav-tab.siebui-view-navs .siebui-nav-tabScreen .siebui-active-navtab a {
  color: #fff !important;
}
.siebui-nav-tab.siebui-view-navs .siebui-nav-tabScreen ul li a:hover,
.siebui-nav-tab.siebui-view-navs .siebui-nav-tabScreen .siebui-active-navtab a:hover {
  color: #252525 !important;
}
Vanilla
Theme Synergy Vanilla
#_sweclient {
  background-color: #fafafa;
}
#_sweclient > div {
  background-color: #fafafa;
  background-image: url("../images/bkgd_watermarkdiagonals.png");
  background-repeat: repeat !important;
}
.siebui-logo {
  background-image: url("../images/fuse-brand-oracle-red.png") !important;
}
.siebui-button-toolbar {
  background-image: url("../images/menu_ena.png") !important;
}
.siebui-toolbar-enable,
.siebui-search-tb-btn,
.siebui-msgbar {
  color: #000 !important;
}
.siebui-nav-tab.siebui-view-navs .siebui-nav-tabScreen ul li a,
.siebui-nav-tab.siebui-view-navs .siebui-nav-tabScreen .siebui-active-navtab a {
  color: #000 !important;
}
.siebui-nav-tab.siebui-view-navs .siebui-nav-tabScreen ul li a:hover,
.siebui-nav-tab.siebui-view-navs .siebui-nav-tabScreen .siebui-active-navtab a:hover {
  color: #145c9e !important;
}
.siebui-landing #_sweview,
.siebui-landing .siebui-applet {
  border-radius: 3px;
}
Note: The above steps requires IP2015 Patchset 1 (15.1) or above 

תגובות

הוסף רשומת תגובה

פוסטים פופולריים מהבלוג הזה

Profile Attributes and Open UI

SBL-BPR-00191: The rowId of the active row of the primary buscomp '%1', '%2', does not match the Primary Id

SBL-SVC-00150