Smart theme

My subject

The My themes module lets you select built-in system themes and use your saved themes. On the My themes page, you can perform the following operations:

• View color values in system themes: Hover your mouse over a system theme. Then, hover over a color block to view its color value.

• Manage saved themes

  Action	Description
  Select a saved theme	Click the Saved themes drop-down list to view your saved custom themes in the Saved themes list. Click a theme to preview its effect directly in the visualization. Important By default, the Saved themes list is empty.
  Edit a theme name	Click the icon to change the name of the selected theme.
  Delete a theme	Click the icon to delete the selected theme. Important Deleted themes cannot be restored. Proceed with caution.
  Modify a color block	Select a color block in a saved theme and click the icon in the block. In the color picker, choose your desired color. Click anywhere outside the color picker to apply the change. Note In the My themes panel, you can customize the color of any color block in a saved theme. You cannot modify the colors of system themes because they use fixed color schemes.

Custom themes

The Custom themes module lets you upload a custom image and generate multiple themes based on it. On the Custom themes page, you can perform the following operations.

• Modify theme color values: Click a generated custom theme. Then, click a color block in the theme and drag the corresponding color sampling circle on the image to adjust the color.

• Save a theme

  1. On the Custom themes page, select one of the generated themes.

  2. Click Save theme in the upper-right corner of the selected theme. Change the theme name and click Confirm to save the current theme.

  3. After you save the theme, the system automatically navigates to the My themes page. The saved custom theme appears in the Saved themes list.

• Replace an image: On the Custom themes page, click Replace image or click the image in the Color source box to select a new image and generate new custom themes.

Procedure

1. Log on to the DataV console.

2. On the My Visualizations page, create a PC visualization using a template or click Edit on an existing visualization.

3. On the canvas editor page, click the icon at the top of the page.

4. In the Beautify Toolbox panel, click Smart Theme.

   If the Smart Theme feature is not enabled, click the icon or Quick Start on the page to enable it.

   Note

   Click the icon to the left of Smart Theme to show or hide the feature.

5. On the Smart Theme management page, configure a theme.

   The Smart Theme management page contains the My themes and Custom themes modules.

   • My themes

     1. Click My themes > System themes.

     2. In the System themes list, select a theme.

     3. Preview the effect of the theme on the canvas. If you are satisfied, click Apply in the lower-right corner of the page.

        If the visualization contains components that do not support the Smart Theme feature, a message appears, listing the unsupported component types or names.

        If you are not satisfied with the theme, click Cancel to discard the changes.

     4. In the dialog box, click Confirm to apply the selected theme to the visualization.

        Important

        Applying a theme overwrites the existing visualization configuration. This action cannot be undone.

   • Custom themes

     1. Click .

     2. On the Custom themes page, click Click to upload style image in the Color source module.

     3. Upload a custom style image. Only JPEG, JPG, and PNG files are supported.

        Note

        After the style image is uploaded, the system automatically generates theme palettes and applies the default palette style to the visualization. You can preview the effect of the default theme palette on the canvas.

     4. On the uploaded style image, drag the color sampling circles to customize the colors of the themes.

     5. Preview the effect of the theme on the canvas. If you are satisfied, click Apply in the lower-right corner.

        If the visualization contains components that do not support the Smart Theme feature, a message appears, listing the unsupported component types or names.

        

        If you are not satisfied with the theme, click Cancel to discard the changes.

     6. In the dialog box, click Confirm to apply the selected theme to the visualization.

        Important

        Applying a theme overwrites the existing visualization configuration. This action cannot be undone.

6. After you configure the theme, preview and publish the visualization to view the effect of the smart theme online.