Color highlights all grayscale
Closed this issue · 2 comments
Wow, this one is a first!
My first guess is that there's an issue with the DOM elements. Markers use a little trick to have the transparent background checker and I think it fails in that case.
Let me explain first how it works, I'll need you to inspect the markers after that.
The .regions
divs in the markers should have a background-color
property defined in their styles
attribute, then they also have ::before
and ::after
pseudo-elements, the ::before
displays the checker, and the ::after
element inherits the background-color from the .region
div using background-color: inherit
. Both have a z-index
of -1
so that they appears below the text contained inside the region.
As I can see on you screen shot the markers have their checker div, the text color seems fine too which mean the color parsing was properly done and the color was valid (otherwise no marker is displayed and the text color couldn't have been computed). So I think there's either an issue with the background-color
on either the .region
or the ::after
element, or an issue with the ordering of ::before
and ::after
pseudo-elements. Can you inspect the marker and confirm that there isn't some other styles that pollutes the markers' regions?
If you are not sure what to check you can also take some screenshots for me of the inspector with the various elements selected like in the example below:
I would need that for the .region
element and its ::before
and ::after
pseudo-elements.