Customise your Portals with Design Themes

Design themes allow you to customise the visual design of your Portals to support your branding efforts.

Accessing the design themes dashboard requires permission

If you are an organisation member ask your Organisation manager for permission.
If you are an Organisation Manager you need to grant the "manage design themes" permission to members who want to work with design themes the following way:

Click your avatar on the system bar and select “Experience administration”.
Select the "Experience permissions tab" tab to access the permissions dashboard.
Click the Experience permissions icon for the member you want to grant such permission to.

Default design theme

CELUM default

Apply custom design theme to an active Portal with no theme

When an active Portal has no custom design theme set you can edit the Portal and set a custom design theme for it in the wizard. Once you set a custom theme to an active Portal this way it cannot be changed.

Custom default theme

The theme you set this way will be applied as a default to every Portal created in your organisation from that point on until this is changed.

Create a new design theme

Use the following steps to create a new design theme:

1. Access the Design Theme dashboard

Click your avatar on the system bar and select “Experience administration”.
Select the "Design theme" tab to access the design theme dashboard.
Click the “Create a design theme” icon to access the wizard.

2. Add a name to your Design Theme.

This step is mandatory to be able to save your design theme later.

3. Customise your Colour Palette

Define primary and contrast colour

Define a contrast colour combination that will be used as the main brand identifier.

Add additional colours

Define additional colours that will be available to selection in the Portal where this theme is applied.

You can add a maximum amount of 15 additional colours to your theme.

Configure advanced colour options

These are the default colours used for various UI elements in your Portal. You can customise the colours of those UI elements here.

4. Customise the font family and typography

Main font family

Choose the main font family of your Portal from the dropdown menu.

This font family will be used on all user interface texts where this theme is applied.

Text widget typography

With these options you can customise the five text styles of text widgets added by curators to the portal where this theme is applied.

Click on a text style.
Adjust the style specific settings in the menu that appears.
Look at how your changes affect the text styles in the "Preview page" to the right. This will also be available to provide a preview in the dropdown list where you choose the design theme during Portal creation.

5. Add Libraries and/or upload assets to your design theme

As a source of assets you can use to customise your Portal you can add Libraries and/or upload assets from your local system to the theme You can use these theme assets to customise your Portals, for example use them in widgets, use them as a header logo, etc.

Adding Libraries

Click the "Add Libraries" icon.
Choose the Libraries you want to add from the drop-down list.

You can add up to 10 Libraries to your theme this way.

Uploading assets

Click the "Upload new assets" icon.
Choose the assets you want to upload.

Uploading new versions of existing assets

Right click the asset.
Click "Upload new version" in the context menu.
Choose the new version of the asset you want to upload.

Deleting assets from the design theme

Right click the asset.
Click "Delete new version" in the context menu.
Confirm deletion.

6. Click "Create"

Your design theme will appear on the design themes dashboard and will be available for selection when you create a new Portal or update the design theme of an existing one.

Update a design theme

You can update an existing design theme:

Click on the design theme to enter the wizard.
Make the updates.
Click "Save".

Duplicate a design theme

You can duplicate an existing design theme:

Right click the design theme.
Select "Copy" from the context menu.
(Optional) Set a new name for the duplicated theme.
Click "Create".

Delete a design theme

You can delete a design theme in the following way:

Right-click a design theme on the dashboard to open the context menu.
Click "Delete" in the context menu.

In case the theme is used in a Portal it will not be deleted and you will receive a warning dialog.
You receive a snackbar confirming the design theme has been deleted.