# UI Theme

The **UI Theme** tab in Platform Settings allows administrators to customize the **look and feel of the Nexus Management Portal**. This feature is useful for organizations that want to white-label Nexus with their own branding, ensuring a consistent visual identity across internal tools and platforms.

These settings require the [Administrator Role](https://docs.tricloudnexus.io/platform-architecture/security-architecture/user-roles-and-permissions) to access and modify.

***

## Customize UI Theme

<figure><img src="https://570593659-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FYMGRODsc2QD3N3wmfwTl%2Fuploads%2F79ge5w9pLgkZI0Fhwbpm%2Fimage.png?alt=media&#x26;token=c8f1ee57-fbe7-43b5-949e-06de206c01ca" alt=""><figcaption><p>White labelling Managment Portal with own branding using UI Theme</p></figcaption></figure>

* **Custom Colors**\
  Administrators can configure the primary, secondary, header, and label colors of the Nexus interface. By aligning these with company brand guidelines, the Management Portal can better reflect the organization’s identity.
* **Custom Logo**\
  Administrators can upload a company logo that replaces the default Nexus logo in the **top-left corner** of the portal.
  * The uploaded logo must be **≤ 1 MB**.
  * Supported formats: `.png`, `.jpg`, `.svg`.
* **Save and Refresh**\
  Once changes to colors or logos have been made, click **Save**. The Management Portal will automatically **reload** in the browser, applying the new theme.

{% hint style="warning" %}

* After saving changes, it may be necessary to **clear the browser cache** for the new theme and logo to take full effect.
* This ensures that any cached styling files or images from the previous theme do not override the new configuration.
  {% endhint %}

### Resetting to Default

If needed, administrators can restore the **default Nexus colors and logo** by clicking the **Reset Default Settings** button. This action will reset the Management Portal theme back to its original state.

***

## Clearing Browser Cache

### Google Chrome

You have several methods to clear the Cache:

1. Make sure the Site is active in the current tab, then press **F5** as described above.&#x20;
2. You can also try press **Shift+F5** which will reload the page ignoring the Cache.
3. Finally you can clear Chrome entire Cache by pressing **Shift+Control+Delete**. This will open a Dialog letting you delete the Cache (and other Data).

### Microsoft Edge

1. Open Edge.
2. Click the **three-dot menu** in the top-right corner.
3. Select **Settings → Privacy, search, and services**.
4. Under **Clear browsing data**, click **Choose what to clear**.
5. Select **Cached images and files**.
6. Choose a time range and click **Clear now**.
7. Reload the Nexus portal.