Style Omniscripts (Managed Package)

For the managed package runtime, add custom styling to Omniscripts by using static resources, extending an Element's Lightning web component, overriding global stylesheets, or using SLDS design tokens. View the behavior of each customization option in this page's table, and choose the solution that meets your requirements.

Styling Option	Description	Supported Design Systems
	Add custom styles to Omniscript using a custom style sheet.	SLDS, NDS
	Create a custom LWC that extends an Omniscript to add custom HTML, JS, and CSS.	SLDS, NDS
	Override the Newport Design System with custom styles for an entire Salesforce org.	NDS
	Add customizations to SLDS Design Tokens that exist in the Omniscript.	SLDS

• Apply Custom Styling to Omniscripts with Static Resources (Managed Package)
  For the managed package runtime, to apply CSS changes to an Omniscript using SLDS or Newport styling, refer to a CSS file static resource in the Styling Options section of the LWC Omniscript Designer. For example, a CSS sheet can change the text color for every Number element in an Omniscript without using a custom Lightning web component to override the Number element.
• Reference Stylesheet Names in an Omniscript's JSON (Managed Package)
  For the managed package runtime, apply CSS changes to an Omniscript using SLDS or Newport styling by referencing a CSS file static resource in your Omniscript's JSON properties. For example, a CSS sheet can change the text color for every Number element in an Omniscript without using custom Lightning web components to override the Number element.
• Apply Global Branding to Omniscripts (Managed Package)
  For the managed package runtime, apply global style changes to Omniscripts by using the Newport Design System, which you can download and use to edit and override existing Newport CSS styling.
• Customize SLDS Design Tokens in Omniscript (Managed Package)
  For the managed package runtime, modify the appearance of an Omniscript by overriding Salesforce's SLDS Design tokens. Omniscript elements use SLDS Design Tokens for styling. Override tokens that have global access to modify the appearance of your Omniscript.