wagtail / wagtail.org

Wagtail’s official marketing website
https://wagtail.org/
66 stars 60 forks source link

Increase logo visibility in contrast themes / high-contrast mode #463

Open thibaudcolas opened 6 months ago

thibaudcolas commented 6 months ago

Follow-up to #454. The logos of Wagtail users visible on the site homepage don’t display too well in Windows high-contrast mode / contrast themes. This is particularly problematic for the Royal College of Arts logo, which is fully invisible when displayed in a high-contrast "dark" theme.

I think the ideal fix would be to apply similar styles to the ones used for the logos in the site’s dark theme:

https://github.com/wagtail/wagtail.org/blob/e8d45141c6f1e6bc97b4dead85cb560cfab9710a/wagtailio/static/sass/components/_logos.scss#L61-L68

By adding a forced-color-adjust: none alongside the background color, we’d ensure the logos are always displayed with the intended background color. It seems to me like all those styles could be present for all themes rather than forced-colors mode / the dark theme only, so the logos display as consistently as possible.