TwentySeventeen: Unable to use 'highlight' text color on links

[jordesign]

Quick summary

When using the TwentySeventeen - the inline 'Highlight' tool will not change the color links in paragraphs or headings. Background 'highlight' color works - but not the text color itself.

Steps to reproduce

1. Activate TwentySeventeen
2. Add a new page and insert a paragraph or heading - and then link some of the text.
3. Use the inline 'Highlight' tool to set a custom text color for the link

What you expected to happen

For the link color to change to the color set in the Highlight tool.

What actually happened

The text remained the same default link color - both in the editor and the front end.

Context

From customer report: 4685245-zd-woothemes

Simple, Atomic or both?

Simple

Theme-specific issue?

TwentySeventeen

Browser, operating system and other notes

No response

Reproducibility

Consistent

Severity

Some (< 50%)

Available workarounds?

No response

Workaround details

No response

[jordesign]

It looks like the dynamic CSS for the link color is being over-written for some reason:

HTML

<mark style="background-color:rgba(0,0,0,0);" class="has-inline-color has-pale-pink-color"> <a href="#">this text is a link</a>.</mark>

Screenshot of CSS in browser inspector