---
sourceDocument: Xanadu ServiceNow AI Platform user interface
sourceDocumentLink: https://www.servicenow.com/docs/r/xanadu/platform-user-interface

 Release :

    - xanadu

ft:locale :

    - en-US

ft:publication_title :

    - Xanadu ServiceNow AI Platform user interface

ft:clusterId :

    - platux

bundleId :

    - platux

workflow :

    - Platform


---

# Publish your themes with Theme Builder

# Publish your themes with Theme Builder {#ariaid-title1}

* Release version: Xanadu
* 
* Updated August 1, 2024
* 
* ![](https://www.servicenow.com/docs/portal-asset/ico-clock) 2 minutes to read

Publish multiple themes to your web instance or a single theme to your mobile instance to reflect your company's brand.

## Before you begin

Role required: admin

## About this task

Currently, mobile instances can only accommodate one published theme at a time.

## Procedure

1. Navigate to AllNow Experience FrameworkThemesTheme Builder.  
   The Theme Builder landing page appears in the Home page view.
2. From the Home page view, select the Manager page view to see the themes that you have created.
3. Choose the theme that you want to publish from the Unpublished section.  
   Note:  
   When you have selected the theme that you want to publish, verify that you have selected the correct scope for the theme from the application scope picker.
4. To publish your themes, complete any of the following actions.

   | Option | Description |
   | Publish using the List or Grid view More Actions menu | 1. From the Unpublished section, navigate to the theme that you want published. 2. Select the More actions (![More actions.]()) icon from the theme that you want published, and select Publish. Note: A confirmation dialog box appears. {#tb-apply-theme__ol_j12_fj2_fdc} |
   | Publish using the List view drag-and-drop feature (available starting in Xanadu version 4.1) | 1. From the Unpublished section, navigate to the theme that you want published. 2. Hover over your chosen theme and drag the theme into the Published section. Note: A confirmation dialog box appears. {#tb-apply-theme__ol_qyj_sm2_fdc} |
   |-|-|

   {#tb-apply-theme__choicetable_ahh_ch2_fdc}
5. Select Publish.  
   The theme appears in the Published section of the Manager page.  
   Note:  
   After you have published your theme to your instance, the theme is available for selection in the user's Theme preferences. For more information, see [Select a theme in Next Experience](https://www.servicenow.com/docs/OnH2moSo8XClY~bPHT9zqg "Personalize your Next Experience instance by selecting a theme variant or alternate color palette in the user preferences menu.").

   If you want to publish a theme to specific mobile applications, you can use [Mobile App Builder](https://www.servicenow.com/docs/access?context=mab-concept&version=xanadu&pubname=xanadu-mobile&ft:locale=en-US). Any themes that are created using Theme Builder are available for applying in [Mobile App Builder](https://www.servicenow.com/docs/access?context=mab-concept&version=xanadu&pubname=xanadu-mobile&ft:locale=en-US).
6. **Optional:** Select one theme as the default if you have published multiple themes to your web instance.  
   For more information, see [Set the default theme](https://www.servicenow.com/docs/Ze~TSBy5LY0D~t4a_mUszw "Set a preferred Theme Builder theme as the default for your web experiences when multiple themes are published.").

   If you have published only one theme to your web instance, that theme is the default theme. The default theme appears first in the user's Theme preference.
7. **Optional:** Set the presentation order of your themes if you have published multiple themes to your web instance.  
   Note:  
   The presentation order determines how the themes appear in the user's Theme preference.

   For more information on setting order using the List view drag-and-drop feature, see [Set the presentation order of your Theme Builder themes](https://www.servicenow.com/docs/1xY9wO43NU1rpHwmIDF2Ag "Set the order of your Theme Builder themes to configure how they’re displayed in the user's Theme preferences.").

   For information on setting order using the Next Experience, see [Publish multiple themes in Next Experience](https://www.servicenow.com/docs/Ao5nSlkmePyzd2joBuuSQw "Publish multiple themes and set the order of your Next Experience custom and Theme Builder themes to configure how they’re displayed in the user's Theme preferences.").
8. Refresh your browser to view the new theme.  
   Note:  
   Only themes that are created in Theme Builder can be edited and published using Theme Builder. Web and mobile themes you may have created outside of Next Experience (for example, in the mobile legacy UI or Core UI) can't be viewed or edited within Theme Builder. To reuse these legacy themes, you must re-create them in Theme Builder.

   Additionally, if you created and published themes outside of Theme Builder, and you want to revert them, you must navigate to the tables that they're stored in and reapply them. If, however, you want to change themes in individual mobile applications, you can do
   so using [Mobile App Builder](https://www.servicenow.com/docs/access?context=mab-concept&version=xanadu&pubname=xanadu-mobile&ft:locale=en-US).
* **[Set the default theme](https://www.servicenow.com/docs/Ze~TSBy5LY0D~t4a_mUszw)**   
  Set a preferred Theme Builder theme as the default for your web experiences when multiple themes are published.
* **[Set the presentation order of your Theme Builder themes](https://www.servicenow.com/docs/1xY9wO43NU1rpHwmIDF2Ag)**   
  Set the order of your Theme Builder themes to configure how they're displayed in the user's Theme preferences.
* **[Upload a logo while publishing a theme with Theme Builder](https://www.servicenow.com/docs/gngpt1iFohjrnPcVD9AMTw)**   
  Upload your logo while publishing a theme to your instance using the Editor view. If you previously applied a logo to your theme, you can upload a new one in Theme Builder.

*[\>]: and then