How to Customize My Report Colors in BionicWP

Overview

Personalizing the color scheme of your white-label reports in BionicWP allows you to align them with your brand identity. By customizing these colors, you can enhance brand consistency and create a professional appearance in the reports you share with clients.

How It Works

BionicWP enables you to tailor the color scheme of your white-label reports by adjusting four key color settings:

Primary Color: Sets the color for the report sidebar and overall theme.
Primary Text Color: Determines the color of the text throughout the report.
Secondary Color: Applies to accent colors in the report's iconography.
On-Primary Text Color: Specifies the color of the text on the sidebar that uses the primary color.

By adjusting these settings, you can ensure that your reports reflect your brand's visual identity.

Step-by-Step Instructions

Log into the BionicWP Dashboard
- Navigate to my.bionicwp.com and sign in with your credentials.
Access Your Sites
- Click on “Sites” in the left navigation menu.
- Select the site for which you want to customize the report colors.
Enable Site Reports (If Not Already Enabled)
- Scroll down to the Site Reports section within the site dashboard.
- Click on Enable Reports to activate the reporting feature.
Customize Report Colors
- In the pop-up window, locate the color customization options.
- Adjust the following settings:
  - Primary Color: Click to select the desired color for the report sidebar and overall theme.
  - Primary Text Color: Choose the color for the text throughout the report.
  - Secondary Color: Select the accent color for the report's iconography.
  - On-Primary Text Color: Set the color for the text on the sidebar that uses the primary color.
Save Settings
- After configuring the colors, click Save to apply the changes.

Pro Tip: Hover over each color option to preview how it affects different parts of the report. This can help you make informed choices that best represent your brand's visual identity.