Story

As a user of RHDH, I want the global header components to automatically match my RHDH theme so that the entire application has a consistent look and feel. Additionally, I want to customize the global header colors via the app-config so that it aligns with my branding or preferences.

Background

Currently, the global header uses hardcoded colors, which do not adapt to the RHDH theme. Since customers can customize their RHDH theme, the global header should inherit these theme settings by default. Furthermore, users should have the flexibility to define specific global header colors via the app-config to enable a higher degree of personalization.

Dependencies and Blockers

The global header is already implemented but does not support theme customization.

QE impacted work

Documentation impacted work

Acceptance Criteria

• The global header should, by default, match the applied and configured RHDH theme.
• Users should be able to override and customize the global header theme colors via the app-config file.

upstream documentation updates (design docs, release notes etc)

Technical enablement / Demo