Look and Feel Settings in Bold BI Embedded Analytics

This page explains how to customize font and theme preferences for your site in Bold BI.

Inherit from Global Settings

By default, the Inherit from Global Settings option is enabled, and the Look and Feel settings will be inherited from UMS site settings.

The font and theme preferences will be applied as same as in UMS site settings.

Customize look and feel settings

To customize font and theme preferences on your site uncheck the Inherit from Global Settings option and select the preferred font and theme options in the look and feel settings page.

Here is a sample image after applying the dark default custom theme.

Font

You can choose your preferred font style for your site as follows.

The font styles uploaded in UMS site settings will be listed in the Fonts drop-down list. Select the preferred font-style option and click Save. The selected font style will be applied throughout your site, and a preview will be shown for the selected font style.

Please click here to learn how to upload font styles on the UMS site settings page.

Theme Mode

You can switch the application’s theme from light to dark mode and vice versa under the look and feel settings. Additionally, you can change the text color, active state, and hover state background color, and you can also change components like switches, radio buttons, check boxes, and numeric text boxes by using branding color. In this look and feel settings, the dashboard theme can also be changed.

Switch Application Theme Mode

Application theme mode can be switched either to light or dark mode.

Custom Theme

You can change the branding color, text color, active state, and hover state background colors in addition to the light or dark mode. The background and surface areas are not customized and will always follow the selected mode.

The custom theme files uploaded in UMS site settings will be listed in the Custom Theme drop-down list. Select the uploaded theme in the Custom Theme drop-down, then Save the settings.

Here is a sample image after applying the custom theme on your site.

Please click here to learn how to upload custom theme files on the UMS site settings page.

Please click here to learn how to create a custom application theme file.

Dashboard Theme

You can customize the dashboard theme, which will be applied to dashboards in the dashboard view mode.

The custom theme files uploaded in UMS site settings will be listed in the Dashboard Theme drop-down list. Select the uploaded theme in the Dashboard Theme, then Save the settings.

Here is a sample image after applying the custom theme for dashboards on your site.

Please click here to learn how to upload custom theme files on the UMS site settings page.

Please click here to learn how to create a custom dashboard theme file.