Adds highlight color to linked anchors and changes the global highlight color to a lighter yellow

[nienn]

Related issues: #869, #810

Adds highlight color to linked anchors

Highlights any targeted dt and any h1 h2 h3 h4 or h5 that is a direct child of a targeted section by adding CSS styles to those elements.

Targeted anchor headers

Targeted anchor dts

Changes the global highlight color to a lighter yellow

It also styles the .highlighted text to color: $text-color ( #404040 ).

Before

After

[Blendify]

The lighter yellow is a nice change however, I find highlighting the whole section heading distracting.

Perhaps a better solution would just be to pulse/animate a highlight once. This would solve the UX issue while not being distracting

[nienn]

A pulse/animate highlight is a good solution for the linked anchors 👍

For search results (class .highlighted) I think it provides better user experience to leave the results highlighted.

[campellcl]

This would especially be nice for the Sphinx glossary directive as mentioned in #877!