cuemarie
commented
1 year ago 📌 SCRUBBING : RESULT - Replicated / Could Not Replicate / Uncertain
- Tested on Simple – Replicated
📌 FINDINGS/SCREENSHOTS/VIDEO
- Replicated as described; the demo site shows the issue well.
Screenshots/Recordings
📌 ACTIONS
- Assigned to @Automattic/theam
Quick summary
The 'Fall' style variation of Reverie has the navigation menu with pink text on the white image backgrounds, making it extremely hard to see.
Steps to reproduce
What you expected to happen
The menu items would have a better contrast colour to make them easy to read.
What actually happened
They are not easy to read.
Looks like it's due to the nav block being set to use the secondary color of the palette:
It happens on Atomic too (with bonus evidence of the current issue with nav blocks vs content in other cover blocks):
Browser
Google Chrome/Chromium, Mozilla Firefox, Microsoft Edge, Apple Safari
Context
https://wordpress.com/forums/topic/bug-in-a-reviere-theme-pallete/?view=all
Platform (Simple, Atomic, or both?)
No response
Other notes
No response
Reproducibility
Consistent
Severity
Some (< 50%)
Available workarounds?
Yes, easy to implement
Workaround details
I tested on my AT site, while changing the text color of of the nav block (NOT the overlay text color, that has no effect) does work, it also has the effect of changing the menu icon color to the same darker contrast, which makes it harder to see.
Choosing an overlay text color has no effect:
Apparently it's because the menu items are !important inheriting the color:
Easiest workaround is to set the nav block text color to something which contrasts well with both light and dark, like this:
Result: