Weird colors on visited links, in Chrome

[thomasjsn]

I'm suddenly seeing weird colors on visited links, in Chrome and Edge. Happens on both my desktop and mobile.

It also happens on the demo site, but in light mode. May have something to do with the default coloring scheme.

It doesn't happen in Firefox, and I can't say I've seen it before in Chrome. Looking at the CSS I can't see any reason why the color is off.

Bug in Chrome? Strange...

[thomasjsn]

It seems to be the color: inherit that is causing the strange behavior. The problem goes away if I set the colors to var(--color) instead of inherit.

[thomasjsn]

I suspect the user agent stylesheet is the cause of the problem:

a:-webkit-any-link {
    color: -webkit-link;
    cursor: pointer;
    text-decoration: underline;
}

Making the color inherit color: -webkit-link; instead of the root element.