Colors

Apply different background and text colors throughout your site

Keep your Reporting Hub on-brand by building a custom color palette. You can change both the text and background colors of your Reporting Hub display. For a detailed description of which aspect of your display is affected by each color option, see the Colors Overview.

Color changes do not affect the Admin pages. This is by design to prevent a color configuration where the text or buttons on an admin page are hidden.

Preset Colours

Preset colors are predefined color schemes that can be applied to your Reporting Hub quickly. These schemes offer a curated set of color options designed to keep your interface visually appealing and cohesive without the need for manual customization.

Set Colors

If the preset colors do not meet your requirements, you can customize the application by following these steps to set and save your preferred color scheme manually.

  1. From the Edit Theme page, select Colors.

  2. Change the color of a given element by clicking on the color swatch.

    Select the color swatch to open the color selection menu
  3. Choose a color by either:

    • using the color picker tool or

    • entering the color value directly. Switch between color codes (RGB, HSL, or hex) by selecting the icon

    Switch between color codes
  4. Click outside the color picker tool to accept the color.

  5. Select Save Changes from the top right of the Edit Theme screen.

Reset Colors

Select the Reset button to revert a color to its saved version. To reset all colors to their saved values, click Reset all Colors under the Reset All Colors heading.

Reset all colors options

Restore Default Colors

Select the Default button to revert a color to its Reporting Hub default. To reset all colors to their Reporting Hub defaults, click Default Colors under the Reset All Colors heading.

Last updated