bug: Government of Canada wordmark unreadable in high contrast mode

[Adele-Strub-DFO]

Prerequisites | Prérequis

• [x] I have read the Contributing Guidelines. | J’ai lu les Lignes directrices sur les contributions.
• [x] I agree to follow the Code of Conduct. | J’accepte de me conformer au Code de conduite.
• [x] I have searched for existing issues that already report this problem, without success. | J’ai vérifié parmi les tickets (issues) existants que ce sujet n’avait pas déjà été soumis.

GC Design System Components Package and Version | Paquet et version des composants de Système de design GC

Your website

Current Behavior | Comportement observé

When the computer is put into a high contrast theme, the wordmark for Government of Canada in the header and footer become unreadable.

The windows settings that enables high contrast theme

Expected Behavior | Comportement attendu

I would expect an inverted version of the wordmark with white text instead, similar to how the other text becomes white

System Info | Information sur le système

Windows 11, chrome

Steps to Reproduce | Étapes pour reproduire le bogue

1. User windows 11 accessibility > contrast themes to set a theme, such as 'aquatic'
2. View any page that uses the header and footer of GC Design

Code Reproduction URL | URL de reproduction du code

No response

Additional Information | Informations supplémentaires

No response

[adorayi]

Needs discussion, a few ways to solve.

[adorayi]

This is a FIP colour and will require alignment with DTO before implementing.

[adorayi]

@daine and @SmartMouthWords please review this one for policy, DTO, FIP team alignment before we can proceed.