# UI Customisation

# How to display users profile pictures

Starting with version 1.1.0 of Sandbox Studio, users' profile pictures can be displayed in the interface:

[![image.png](https://docs.sandboxstudiosoftware.com/uploads/images/gallery/2026-04/scaled-1680-/2sQimage.png)](https://docs.sandboxstudiosoftware.com/uploads/images/gallery/2026-04/2sQimage.png)

#### IAM Identity Center

IAM IdC has a specific attribute for profile picture URL:

[![image.png](https://docs.sandboxstudiosoftware.com/uploads/images/gallery/2026-02/scaled-1680-/7n3image.png)](https://docs.sandboxstudiosoftware.com/uploads/images/gallery/2026-02/7n3image.png)

This is the field that you need to map from your IdP in order to show the profile picture.

- "Type" will be ignored by Sandbox Studio.
- The URL will be used to display the image.
- Only the **Primary** photo will be displayed in Sandbox Studio

# Display Settings - Change default language

To change the default language of your Sandbox Studio installation, go to "**Settings**" > "**Display Settings**" (1) and click on "**Update**" in the "Language Settings" section (2):

[![image.png](https://docs.sandboxstudiosoftware.com/uploads/images/gallery/2026-04/scaled-1680-/AQYimage.png)](https://docs.sandboxstudiosoftware.com/uploads/images/gallery/2026-04/AQYimage.png)

Then select the language and "**Update**":

[![image.png](https://docs.sandboxstudiosoftware.com/uploads/images/gallery/2026-04/scaled-1680-/JD3image.png)](https://docs.sandboxstudiosoftware.com/uploads/images/gallery/2026-04/JD3image.png)

<p class="callout info">Default language will be used if users have not selected their default language.</p>

# Display Settings - Change header logo

To change the default language of your Sandbox Studio installation, go to "**Settings**" &gt; "**Display Settings**" (1) and click on "**Update**" in the "**Header Logo**" section (2):

[![image.png](https://docs.sandboxstudiosoftware.com/uploads/images/gallery/2026-04/scaled-1680-/sUtimage.png)](https://docs.sandboxstudiosoftware.com/uploads/images/gallery/2026-04/sUtimage.png)

You can now select your custom header image:

[![image.png](https://docs.sandboxstudiosoftware.com/uploads/images/gallery/2026-04/scaled-1680-/UDHimage.png)](https://docs.sandboxstudiosoftware.com/uploads/images/gallery/2026-04/UDHimage.png)

1. **Upload your image file**. We recommend using transparent background so the logo displays flawlessly.
2. You can choose to have a **different logo for dark mode**. If this option is left unticked, the same logo as the first one is used.

[![image.png](https://docs.sandboxstudiosoftware.com/uploads/images/gallery/2026-04/scaled-1680-/oSvimage.png)](https://docs.sandboxstudiosoftware.com/uploads/images/gallery/2026-04/oSvimage.png)

# Display Settings - Change theme colour

To change the theme colour of your Sandbox Studio installation, go to "**Settings**" &gt; "**Display Settings**" (1) and click on "**Update**" in the "**Colour Settings**" section (2):

[![image.png](https://docs.sandboxstudiosoftware.com/uploads/images/gallery/2026-04/scaled-1680-/KoVimage.png)](https://docs.sandboxstudiosoftware.com/uploads/images/gallery/2026-04/KoVimage.png)

You can now select your custom colours:

[![image.png](https://docs.sandboxstudiosoftware.com/uploads/images/gallery/2026-04/scaled-1680-/FtWimage.png)](https://docs.sandboxstudiosoftware.com/uploads/images/gallery/2026-04/FtWimage.png)

1. **Primary Colour**. This colour is used for buttons, menu items, etc.
2. **Navigation Bar**. This colour is used for the top bar of Sandbox Studio

[![image.png](https://docs.sandboxstudiosoftware.com/uploads/images/gallery/2026-04/scaled-1680-/6MBimage.png)](https://docs.sandboxstudiosoftware.com/uploads/images/gallery/2026-04/6MBimage.png)

You can also change the colours that display for the dark mode. For instance:

[![image.png](https://docs.sandboxstudiosoftware.com/uploads/images/gallery/2026-04/scaled-1680-/j7kimage.png)](https://docs.sandboxstudiosoftware.com/uploads/images/gallery/2026-04/j7kimage.png)

[![image.png](https://docs.sandboxstudiosoftware.com/uploads/images/gallery/2026-04/scaled-1680-/03jimage.png)](https://docs.sandboxstudiosoftware.com/uploads/images/gallery/2026-04/03jimage.png)