> For the complete documentation index, see [llms.txt](https://ztrust.gitbook.io/ztrust-documentation/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://ztrust.gitbook.io/ztrust-documentation/user-manual-ztrust-v4.2/4.-admin-manual/4.33-ztrust-theme-preview.md).

# 4.33 ZTrust Theme Preview

ZTrust offers multiple **preconfigured themes for the Realm interface**. Administrators can instantly preview these themes before applying them, with the changes reflected in both **desktop and mobile views**. The preview feature works without requiring a page reload, enabling quick personalization and providing immediate visual feedback.

ZTrust provides two types of **theme preview and customization options**:

1. Login Theme Preview:

   Administrators can select and preview multiple themes for the user login page before applying the desired theme.
2. Account Theme Preview:

   Administrators can select and preview multiple themes for the User Self-Service Portal to customize its appearance.

Follow the steps below to access and preview the personalized Realm Theme.

**Step 1: Log in to the ZTrust Admin Console**

Open the ZTrust Admin Console in your browser and log in using your administrator credentials.

<figure><img src="/files/AgCW849epCJXTkg3tbwA" alt=""><figcaption></figcaption></figure>

**Step 2: Select the Desired Realm**

After logging in:

1. Click on Manage Realm.

   <figure><img src="/files/d1gb6oJDXAs7ww9AcxXu" alt=""><figcaption></figcaption></figure>
2. Select the realm for which you want to personalize or change the theme.

   <figure><img src="/files/jZkQito2aZKKVAZTjrjA" alt=""><figcaption></figcaption></figure>

**Step 3: Navigate to the Realm theme Setting Section**

From the left-side navigation panel:

1. Click on Realm Setting.

   <figure><img src="/files/ojP3ToPAkX4Q7zYku7EE" alt=""><figcaption></figcaption></figure>
2. Click on Theme tab.

   <figure><img src="/files/2GwL9s2w5PpvmrBHyfkm" alt=""><figcaption></figcaption></figure>

**Step 4: Personalization or change of Theme**

If the administrator wants to change the login page theme:

1. Click on the Login Theme drop-down option. (By default, the Default Theme is preselected.)

   <figure><img src="/files/w1cCviiYhr1gXbhGe157" alt=""><figcaption></figcaption></figure>
2. Select the desired login theme from the drop-down menu. The administrator can preview the changes in the desktop and mobile views.

   <figure><img src="/files/Wiqv1U5GLEj1umI3Fwij" alt=""><figcaption></figcaption></figure>
3. After selecting the preferred theme, Click Save to apply and implement the change

<figure><img src="/files/ogvooaB0vF5Opltv8Nca" alt=""><figcaption></figcaption></figure>

After saving, the selected theme will appear on the login page for all users of the application.

If the administrator wants to change the Self Service Portal (SSP) theme:

1. Click on the Account Theme drop-down option

<figure><img src="/files/UbiixD3k9maKtaNGJmvD" alt=""><figcaption></figcaption></figure>

2. Select the desired Account theme from the drop-down menu. The administrator can preview the changes in the desktop and mobile views. <br>

   <figure><img src="/files/c54kQQCSYSIy3W4frxMw" alt=""><figcaption></figcaption></figure>
3. After selecting the preferred theme, Click Save to apply and  implement the change.

<figure><img src="/files/HgebSa3Ej8X7flCcr2H3" alt=""><figcaption></figcaption></figure>

After saving, the selected theme will appear on the SSP for all users of the application.
