shyusu4 commented 7 months ago

454

Description

This pull request addresses styling issues related to windows high contrast mode. The following issues have been fixed:

CTA button:
- Arrow icon isn't visible when hovered.
- Inconsistent transition speeds between the title and subtitle.
Header navigation: Arrow icon within CTA link in sub-navigation panel isn’t visible.
Code snippet block: Code blocks should have a clear separation from regular content.
Footer:
- All social media, “sponsor Wagtail”, and “contribute code” icons aren't visible.
- Social media icons are not using the correct color (link text).

Note - Dark/light mode theme toggle was meant to not be displayed in HCM but used prefers-contrast instead of forced-colors active.

Screenshots

| | | | | --- | --- | --- | | ![Screenshot (65)](https://github.com/wagtail/wagtail.org/assets/106587342/40c23d97-c434-4112-a3f5-1d60c33ea105) | ![Screenshot (63)](https://github.com/wagtail/wagtail.org/assets/106587342/42ff0c51-2949-4637-b45a-8b6d3b8247aa) | ![Screenshot (64)](https://github.com/wagtail/wagtail.org/assets/106587342/24e10099-42b5-4657-a73d-aa59556b06d9) | | ![Screenshot (68)](https://github.com/wagtail/wagtail.org/assets/106587342/0f9a90a6-ef07-4282-89ba-4a5e98eaa515) | ![Screenshot (69)](https://github.com/wagtail/wagtail.org/assets/106587342/f6f96ac3-87b1-4d15-9715-7fc32f7f607e) | ![Screenshot (70)](https://github.com/wagtail/wagtail.org/assets/106587342/5f3c5f92-6e5b-4755-8c3c-1fe1cae46b1d) | | ![Screenshot (72)](https://github.com/wagtail/wagtail.org/assets/106587342/5f578753-8699-4f5f-b11d-1da234f3682a) | ![Screenshot (73)](https://github.com/wagtail/wagtail.org/assets/106587342/53c35b08-701b-4d4d-ac51-15cd7b52c5e7) | ![Screenshot (74)](https://github.com/wagtail/wagtail.org/assets/106587342/092931ff-90c2-484a-af74-07a1142faadb) | | ![Screenshot (77)](https://github.com/wagtail/wagtail.org/assets/106587342/7c9563b8-a195-4a16-b712-9fb4f9eecfd6) | ![Screenshot (75)](https://github.com/wagtail/wagtail.org/assets/106587342/d645e047-15ec-4b5a-85f4-f99bfc40d153) | ![Screenshot (76)](https://github.com/wagtail/wagtail.org/assets/106587342/5644e5d2-92dc-428e-af31-08772c36e499) |

albinazs commented 7 months ago

thank you, @shyusu4! great stuff!:)

Scotchester commented 7 months ago

Good stuff, @shyusu4! Just the one thing where we need the media query that Albina noticed before we can approve.

thibaudcolas commented 7 months ago

🚀🚀🚀🚀🚀🚀🚀🚀🚀🚀🚀🚀🚀

wagtail / wagtail.org

WHCM styles improvements #455

454

Description