Themes

From the left navigation bar, click Configure and select Themes. SevOne Data Insight comes with Default themes and also, provides a capability to create Custom themes.

Default Themes

By default, SevOne Data Insight has two default themes to choose from - SevOne Light and SevOne Dark.

Themes

Custom Themes

Besides the default themes (SevOne Light and SevOne Dark), SevOne Data Insight provides a list, if any, of already created Custom themes. In addition to this, you have the capability to create a new custom theme. Custom themes have a search capability.

Note: Only Super Admins and Tenant Admins have access to Custom Themes.

Each tenant can have more than one theme. Themes include logo options, background and foreground colors for both menus and widgets.

From the left navigation bar, click Configure and select Themes.

  • If no theme is selected, you are ready to create a new custom theme.
  • If a theme is selected, you can edit the existing default or custom theme from the list.
  • If you have selected a theme from the list but would like to create a new theme, click the Create Theme button to create a new custom theme.

Panels

Left Panel

Provides a list of default (SevOne Light & SevOne Dark) and custom themes to choose from.

Center Panel

Allows live preview of the management port page or home page, visualizations, or hover styles. Any changes made to the theme settings are dynamically reflected in this panel. In the screenshot above, the center panel has view Report Manager.

Right Panel

Allows you to create a new custom theme or update the settings for default and already created custom themes.

Note: Example
  • If you select a newly created custom theme, Theme Settings - Editing <> will appear in the right panel.
  • If you select an existing theme SevOne Dark, Theme Settings - Editing SevOne Dark will appear in the right panel.
  • Change view - Drop-down allows you to choose the view of the Center Panel. The options are:
    • Report Manager - Live preview of the Report Manager page. Any color settings changed will reflect in this view dynamically.
    • Hover Styles - allows you to interact with the elements and hover over them to see the color changes.
  • Theme name - allows you to provide a name for the new custom theme being created or change the theme name of the selected theme.
  • Light or Dark - allows you to choose between the light or dark themes.
  • Private or Public - allows you to make the theme exclusive to the chosen tenant.
  • Colors - Change colors of various sections in the view such as, page background, buttons, banner, etc. To undo the change, click Revert icon to revert the option you would like restored to the last saved state of the theme. To revert all changes made prior to saving the changes (i.e. revert to the last saved state), click Revert All changes button and confirm to restore the theme.
    Note: Example

    Click Color icon icon next to Page background, form field background.

    Color Picker will appear. If you chose Dark Gray Color color, you will see it reflect in the center panel's Page background.

    • If you would like to change the Buttons, links, field borders, menu highlight color to change from Blue Color to Green Color then, you can do one of the following.

      • Choose a color from the color picker to dynamically reflect the color change.

      • Enter hex number for the green color (for example, #2d9528, in the example below) in the Hex number field and click anywhere outside the color picker section to reflect the color change.

    • Customize Theme

      After customizing your new theme, customThemeTest, click Save as to save the theme. You will see the newly created custom theme, customThemeTest, added in the left panel.

      New Theme Created

Buttons

Create Theme

Allows you to create a new theme. This button is available from the upper-right corner.

Save / Save As

When done with creating a new theme or modifying an existing one, click Save to save the existing theme or Save > Save As to save a new theme. The Save / Save As button is available from the upper-right corner. The new theme will appear in the left panel under Custom.

Important: Click Up Arrow next to your user name and select Change Theme to see all available themes associated with the current tenant. New theme, customThemeTest, is now available.
Themes Available

Delete

To delete one or more custom themes, select the theme(s) you would like to delete from the list in the left panel. Delete button will become available. Click the button and confirm to execute the delete operation. The Delete button is available from the upper-right corner.

Note: Button is unavailable until one or more custom themes are selected.

View Mode

Click Theme view mode to view the theme in view mode.