Skip to main content

Create & Edit Custom Skins

How to configure custom skins in Zuant Cloud

Charlotte Rimmer avatar
Written by Charlotte Rimmer
Updated over a week ago

Customise your Zuant Account with your company brand images and colors. If you do not see the Custom Skins section within Account Settings, please contact your CSM to enable this for you.

1. Within Account Settings, scroll down to Custom Skins, then click 'Manage'

2. Click the blue ‘+’ button at the bottom right and enter a theme name. This could be your company name and the date you created the Skin. Hit ‘save’

3. To change the color of the blocks on the home screen of the Zuant App, update fields in the Block colors section with your desired hex codes

4. Modify the transparency of the blocks and the block container by moving the sliders in the Background transparency % section

5. Once you have made your changes, you will need to activate the Custom Skin

Apply your Skin

1. Once you’re happy with your changes, you will need to apply the Skin to your account. To do this, scroll to the top of the page and click on the 3 dots on the far right (opposite your Skin title)

2. Click 'Make this the primary skin' to apply your Skin. Then, resync your devices to see the updates. In this dropdown, you can also delete the Skin


Device Specific Background Images

​TIP: You can preview your changes in the iPad screen below these sections. Remember to save your changes using the save button at the bottom right of the screen!

Ensure your background images display correctly on all devices by specifying different image sizes for different devices sizes/orientations.

When adding background images to the Zuant app, , you will need to upload a separate image for each of the following device sizes and orientations:

  • iPad Portrait

  • iPad Landscape

  • iPhone 5 to 8 plus (portrait)

  • iPhone X to iPhone Pro Max (portrait)

Review the required dimensions for each device type and ensure your image is properly scaled. Once your image meets these specifications, click 'SELECT IMAGE' to start your upload; your images can be added direct from your desktop or via a URL. Once uploaded, select your desired image and click ‘apply’. You can preview how the image will look on the device display in each section.

Please note: Android phones will use the images provided in the iPhone portrait sections and the app will choose the image that best fits the aspect ratio of the device being used.


Cloud Theme Settings

Set a dashboard background image and pick a color palette for Zuant Cloud.

Select two colors from the palette shown below to customize the Zuant Cloud Skin. The first colour that you select will be the primary color, the second will be the accent color.

To add an image to the Zuant Cloud Dashboard, click ‘SELECT IMAGE’ in the Cloud Dashboard Background section. Make sure your image matches the recommended image size, and don’t forget to save your changes!

Did this answer your question?