The dashboard supports theme configuration. After selecting a dashboard theme, you can uniformly configure the color scheme, component styles, chart styles, fonts, and more for all charts on the dashboard, enabling quick creation of visually appealing dashboards. Currently, the dashboard supports multiple official themes as well as custom themes.

(1) On the dashboard editing page, click a blank area and select a dashboard theme from the left panel. To remove the dashboard theme, click the Reset button in the upper right corner.
The official themes include Classic, Light, Dark, Tech Blue, and Elegant Purple. Each style is suitable for different user scenarios. The "Classic" theme is available only in V2.58.0 and later versions.
(2) Click a chart on the dashboard. In the chart configuration panel on the right, you can select the option for component styles to follow the dashboard theme. If selected, the chart's theme will change with the dashboard theme; if not selected, the chart will display its own style (this option appears only when a theme is set for the dashboard).

(3) If the chart on the dashboard is added from existing charts, the option for element styles to follow the dashboard theme is selected by default.

(4) If it is a newly created chart, you can select the option for chart styles to follow the dashboard theme when saving the chart. If selected, the chart style will automatically follow the theme settings of the dashboard it is saved to; otherwise, it will display its own style.

3.1 Editing custom themes #

(1) On the dashboard editing page, click the “+” icon in the upper right corner of the configuration panel and select Create New Theme.

(2) After clicking, the dashboard theme configuration panel will appear on the right.
Supported configuration items:

• Dashboard: Basic settings, layout, canvas background, padding, appearance.
• Charts: chart title, discrete data color scheme, continuous data color scheme, line style, legend, table style, and metric card style.

The specific steps are as follows:

3.1.1 Dashboard configuration options #

• Basic settings: You can set a theme name for a newly created dashboard theme (up to 15 characters). The sharing scope of the dashboard theme can be set to personal, project, or system.

• Set layout method: Supports tile layout and free layout. For details, see the section aboveCentral Canvas Area Operations for Dashboards.

• Set canvas background: Supports adjusting the background color, transparency, and more.

• Set padding: Supports adjusting the top, bottom, left, and right padding of the dashboard.

• Set appearance: Supports adjusting the fill color, border color, border thickness, and corner radius of the dashboard.
  In V2.58.0 and later versions, the "adaptive widget color" configuration is supported. When selected, if the container background color changes, the components inside will no longer remain white. The component background color and text color will adapt to the container background color.

3.1.2 Chart configuration options #

• Set chart title: Supports configuring the display of the chart title content. You can choose to display global content, display custom content, or display nothing. Supports configuring the font size, font weight, italicization, underline, and color of the chart title.

• Set discrete data color scheme: Supports selecting color schemes provided by the system, configured by the user, or public configurations. Custom color schemes are also supported.

• Set continuous data color scheme: Supports custom color schemes.

• Set line style: Supports selecting the line style and marker style for chart lines.

• Set legend: Supports choosing whether to display the legend, legend position, legend alignment, maximum number of columns, and legend label font.

• Set table style: Supports configuring the font size, font weight, italicization, underline, color, and background color of the table header text and table text.

• Set indicator card style: Supports configuring the font and color of the indicator name and indicator value for both primary and secondary indicators.

3.2 Apply dashboard theme #

(1) Users can access the personal category under theme categories, where they can find and apply custom themes shared with them.

(2) After applying a custom theme, users can also change the layout and configure the view mode.

• Set layout method: The entire page layout supports switching between tile and free layouts. When switching from free layout to tile layout, the current dashboard layout style may change.
• View canvas background: The canvas background follows the dashboard theme and cannot be modified.
• Configure view mode: You can choose whether navigation anchors are expanded by default, whether the toolbar and prompt icons are displayed in view mode, whether the view mode automatically adapts to the width, and whether to enable scheduled refresh.