Customizing Multi-Tab Navigation Bar in Bold BI

Bold BI allows users to customize the appearance of their dashboards, including the Multi-Tab Navigation Bar. This can be achieved by modifying the CSS variables associated with the dashboard banner.

Steps for customizing multi-tab navigation bar

• Create a custom theme. Refer to this help documentation link to learn how to create a custom theme in Bold BI.
• To change the banner background color :
  The background color of the Multi-Tab Navigation Bar can be changed by modifying the --banner-background variable. This variable controls the color of the background for both the Multi-Tab Navigation Bar and the dashboard banner.
• To change the banner text color :
  The font color of the Multi-Tab Navigation Bar can be changed by modifying the --banner-textstyle-font-color variable. This variable controls the color of the text for both the Multi-Tab Navigation Bar and the dashboard banner.
• Follow the steps provided in the README md on Github Repositroy to build the source and generate the custom theme CSS file.
• Then, upload the CSS file in Bold BI. Refer to this help documentation to learn about how to upload the custom theme in Bold BI.
• Now, refresh the dashboard. The changes will be applied.