Steps to reproduce:
- Have a pinned site
- Make any search that includes the pinned site
- Look at the "Website ranking adjustment" shield icon on the right side of a pinned result
- Inspect the element (I just right clicked it and chose Inspect
- Find the nested svg icon (or just search in the inspector search field for "i.icon-ranked-boost > svg")
- Find color in the css properties. Notice it is a css variable:
color: var(--domain-rank-icon-color-booted)
- Try changing it to
color: var(--domain-rank-icon-color-boosted)
and notice the marked difference in the color of the shield icon
Expected behavior:
Differing icons are are easy to tell apart even for a non designer without perfect color vision at 0500 in the morning : )
See my longer explanation here: https://kagifeedback.org/d/1269-colorblind-friendly-visual-cue-that-signals-that-a-site-has-been-boostedpinned-towards-the-top-of-the-results
Debug info:
Browser: Firefox
OS: Windows 10
Connected to: EUROPE-WEST2 Network latency: 117ms
Image/Video: