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.
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.
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.
- 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 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 icon next to Page background, form field background.
Color Picker will appear. If you chose 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 to 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.
-
-
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.
-
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.
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.
View Mode
Click to view the theme in view mode.