---
schema_version: "1"
id: 898d619c60d868479cd8ee77452ed6816c83d9417adf7cb042b755d4783cb827
title: Customize SLDS Design Tokens in Omniscript (Managed Package)
collection: admin
version: current
locale: en-us
portal_url: https://docs.salesforce.com/admin/current/en-us/xcloud/264-0-0/os_customize_slds_design_tokens_in_omniscript.md
canonical_url: https://help.salesforce.com/s/articleView?id=xcloud.os_customize_slds_design_tokens_in_omniscript.htm&release=264.0.0&type=5
source_site: help.salesforce.com
content_type: documentation
content_hash: f234a094174ebdfb3bf0cb40c90440bdd23b2f3bbcc90c0f2e342806a88d16e2
description: 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.
products:
  - Omnistudio
release: "264"
---
# 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.

![Managed Package app icon](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-xcloud-omnistudio_for_managed_packages-264-0-0-production-enus/aa2554ec-624a-4ee6-8da4-6435670e6e62/resources-global/_corporate/images/managedpackageicon.png) This information is for Omnistudio for Managed Packages. For Omnistudio on standard runtime, see [Omnistudio Help](https://help.salesforce.com/s/articleView?id=xcloud.os_omnistudio_standard.htm&language=en_US).

Design Tokens are not supported in Safari browsers, the classic Omniscript designer, and Community pages.

<table class="slds-table slds-table_bordered slds-max-medium-table_stacked slds-m-bottom_small ">
        <colgroup>
          <col>
        </colgroup>
        <thead class="slds-text-title_caps ">
          <tr class="">
            <th scope="col" class="slds-cell-wrap" style="vertical-align:top;" id="d185312e52">
              <p style="margin-bottom:0;">Required Versions</p>
            </th>
          </tr>
        </thead>
        <tbody>
          <tr class="">
            <td data-label="Required Versions" class="slds-cell-wrap" style="vertical-align:top;" headers="d185312e52 ">
              <p style="margin-bottom:0;">Available beginning with Vlocity Insurance and Health Spring '20 and CME
                Fall '20.</p>
            </td>

          </tr>
        </tbody>
      </table>

- View the Design Tokens that have global access.
- Preview and inspect an Omniscript in a developer console to view the current tokens present in the Omniscript.

1. In your Omniscript's **Setup** panel, click the **Styling Options** section or **Lightning Design System Design Tokens** section.
    
    ![image](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-xcloud-omnistudio_for_managed_packages-264-0-0-production-enus/aa2554ec-624a-4ee6-8da4-6435670e6e62/omnistudio_for_managed_packages/images/lwc_designer_slds_tokens.png)
2. In the **Lightning Design System Design Tokens** field, enter tokens by applying these changes:
    
    1. Remove the dashes and apply camelcase to the token. For example, the token `$spacing-xx-small` must be `$spacingXxSmall`.
    2. Replace the token's $ symbol with \--lwc-.
        
        ```
        --lwc-spacingXxSmall
        ```
    3. Set the token's value, and end the line for each token using a ;.
        
        ```
        --lwc-spacingXxSmall: 10rem; 
        --lwc-spacingSmall: 5rem;
        --lwc-spacingMedium: 2rem;
        ```
        
        ![image](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-xcloud-omnistudio_for_managed_packages-264-0-0-production-enus/aa2554ec-624a-4ee6-8da4-6435670e6e62/omnistudio_for_managed_packages/images/lwc_owc_slds_tokens.png)

- **[Customizing SLDS Design Tokens in the Classic Omniscript Designer (Managed Package)](https://help.salesforce.com/s/articleView?id=xcloud.os_customizing_slds_design_tokens_in_the_classic_omniscript_designer.htm&release=264.0.0&type=5)**  
    For the managed package runtime, to override a token in the classic Omniscript designer: