Page Footer Link currentColor

[Marwaxhello]

Wanneer je doortapt of de focus legt op de links in de pagefooter, is het contrast in zowel lightmode als darkmode niet zichtbaar.

Hier is de oplossing om de link kleur aan te passen. Dit is gelukt door de volgende token toe te passen:

De oplossing die ik toepaste voor het aanpassen van de link kleur werkte op alle andere links, behalve die in de page footer. In de footer stond de kleur ingesteld op currentColor, wat betekent dat de kleur automatisch werd overgenomen van de huidige tekstkleur (oude manier, nog niet updated). Dit zorgde ervoor dat de links in de footer geen goed contrast hadden in zowel lightmode als darkmode.

Hier is de oplossing voor de Utrecht repo: in de mixin.css van de page footer gebruik currentColor als fallback en stel een andere var in, bijvoorbeeld:

--utrecht-link-focus-color: var(--utrecht-footer-link-focus-color, currentColor);

Op deze manier is de kleur gemakkelijk aanpasbaar als deze niet voldoende contrast heeft.