Adding a Custom Stylesheet to OEM Build

1. Download the genai-ui.css in the package.
2. Add it to oem-enterpriseweb/src/main/webapp/css.

Change the GenAI plugin Header

Edit the genai-ui.css file with your custom styling. In the genai-ui.css file, there is a sample style to change the header and add a logo to it.

The end result will look like the following:

Include the Custom Stylesheet to the App Center

1. Edit the app center in UI Builder.
2. Click on Settings.
3. Go to the Custom CSS property under the theme's Advanced setting.
4. Add the following line to Custom CSS to import the genai-ui.css stylesheet.

   `@import url("#request.baseURL?html#/css/genai-ui.css?build=#platform.build?html#");

   
   CSS 
    

Include the Custom Stylesheet to the Admin Console

1. Edit the console_custom.css under oem-enterpriseweb/src/main/webapp/css.
2. Add the @import url("genai-ui.css"); in the stylesheet.