Add Custom Style Sheets to Your OmniOut Application (Managed Package)

For the managed package runtime, include custom styling in your OmniOut project by using style sheets. Custom stylesheets aren’t included in the Omniscript or Flexcard off-platform download metadata. You must add them to your application before building the dist folder.

Managed Package app icon This information is for Omnistudio for Managed Packages. For Omnistudio on standard runtime, see Omnistudio Help.

Custom styling done without using a style sheet for a custom LWC is included automatically in the downloaded off-platform LWC.

Before You Begin

For Omniscripts, create, then add a custom style sheet to your Omniscript. See Apply Custom Styling to Omniscripts with Static Resources (Managed Package).
Build an OmniOut dist folder and move the folder's contents into your app. See Move OmniOut into Your App (Managed Package).

In Salesforce Setup's Quick Find box, enter Static Resources, and click Static Resources.
Locate and click the static resource that contains your CSS style sheet.
To download the static resource, click View File.
Copy the downloaded file into your app's primary styles folder.
To load the custom style sheet, add a reference to that file in your app's index.html file.
Example
```
<link rel="stylesheet" type="text/css" href=".../styles/my-custom-styles.css">
```

What’s next: Connect Your OmniOut App (Managed Package).