Theme Management

The Theme Management page (Settings > Theme Management) allows you to customize aspects of the Lucidum user interface.

NOTE: For additional ways to customize the Lucidum user interface, see User Preferences.

Viewing the List of Themes #

To view the list of existing themes:

1. Go to Settings >Theme Management. The Theme Management page appears.

   

2. The Theme Management page displays the following:

   • Name. Name of the Theme.

   • Created By. Displays the user avatar for the user who created the theme. If the user does not have an avatar, the user’s first initial is displayed. Mousing over the avatar displays the user’s user name.

   • Actions. The actions you can perform on a theme.

     • Apply (paper and pen icon). Applies the theme to your Lucidum instance.

     • Edit (pencil icon). Opens the theme for editing.

     • Delete (trash can icon). Deletes the theme.

   • You can sort and filter by the Name column and the Created By column. Clicking on the three vertical dots in each column displays a menu. From the menu, you can:

     • Sort by ASC. Sort the results by this column, in ascending order.

     • Sort by DESC. Sort the results by this column, in descending order.

     • Pin to left. The column is pinned to the left border. When you scroll left to right to view all the columns, this column stays on the left border.

     • Pin to right. The column is pinned to the right border. When you scroll left to right to view all the columns, this column stays on the right border.

     • Filter. Allows you to filter the table by one or more columns.

     • Hide Column. Removes the column from the page.

     • Manage columns. You can include or not include one or more columns in the results table.

Applying a Theme #

To apply a theme to your Lucidum instance:

1. Go to Settings >Theme Management. The Theme Management page appears.

   

2. In the Theme Management page, find the theme you want to apply. Click the Apply (paper and pen) icon.

Creating a New Theme #

To create a new theme:

1. Go to Settings >Theme Management. The Theme Management page appears.

   

2. In the Theme Management page, click the Add Theme (plus-sign) icon in the upper right.

3. The Add Theme page appears:

   

4. In the Add Theme page, enter values in the following fields:

   • Logo. Click the Edit Logo (pencil) icon to specify a new image to display in the header bar. The image must be of type .SVG and be less than 200KB in size.

   • Display Name. Name of the new theme. This name will appear in the list of themes in the Theme Management page.

   • Header Bar Color. The color of the top bar of Lucidum. Clicking on the square opens a color-picker where you can choose a new color.

   • Header Bar Text Color. The text color in the top bar of Lucidum. Clicking on the square opens a color-picker where you can choose a new color.

   • Primary Color. The background color for primary buttons. Clicking on the square opens a color-picker where you can choose a new color.

   • Primary Button Text Color. The text color in primary buttons. Clicking on the square opens a color-picker where you can choose a new color.

   • Secondary Color. The color for page dividers and loading indicators. Clicking on the square opens a color-picker where you can choose a new color.

   • Success Color. The color that appears to indicate “successful” or “enabled”. Clicking on the square opens a color-picker where you can choose a new color.

   • Info Color. The color that appears for information icons and information text. Clicking on the square opens a color-picker where you can choose a new color.

   • Warning Color. The color that appears for warning icons and warning text. Clicking on the square opens a color-picker where you can choose a new color.

   • Error Color. The color that appears to indicate “failure”, “error”, or “disabled”. Clicking on the square opens a color-picker where you can choose a new color.

5. Click the Add button.

6. The new theme appears in the Theme Management page.

Map #

These images provide a map for the theme settings.

1. Logo. Click the Edit Logo (pencil) icon to specify a new image to display in the header bar. The image must be of type .SVG and be less than 200KB in size.

2. Header Bar Color. The color of the top bar of Lucidum. Clicking on the square opens a color-picker where you can choose a new color.

3. Header Bar Text Color. The text color in the top bar of Lucidum. Clicking on the square opens a color-picker where you can choose a new color.

4. Primary Color. The background color for primary buttons. Clicking on the square opens a color-picker where you can choose a new color.

5. Primary Button Text Color. The text color in primary buttons. Clicking on the square opens a color-picker where you can choose a new color.

6. Secondary Color. The color for page dividers and loading indicators. Clicking on the square opens a color-picker where you can choose a new color.

7. Success Color. The color that appears to indicate “successful” or “enabled”. Clicking on the square opens a color-picker where you can choose a new color.

8. Info Color. The color that appears for information icons and information text. Clicking on the square opens a color-picker where you can choose a new color.

9. Error Color. The color that appears to indicate “failure”, “error”, or “disabled”. Clicking on the square opens a color-picker where you can choose a new color.

Editing a Theme #

To edit a theme:

1. Go to Settings >Theme Management. The Theme Management page appears.

   

2. In the Theme Management page, find the theme you want to apply. Click the Edit (pencil) icon.

3. The Edit Theme page appears, where you can change the value of one or more fields.

   

4. Click Save to save your changes to the Theme. If the theme is active, click its Apply (paper and pen) icon to apply the updated theme.

Deleting a Theme #

To delete a theme:

1. Go to Settings >Theme Management. The Theme Management page appears.

   

2. In the Theme Management page, find the theme you want to apply. Click the Delete (trash cans) icon.