search

Automattic / themes

Free WordPress themes made by Automattic for WordPress.org and WordPress.com.
https://themeshaper.com
GNU General Public License v2.0
887 stars 353 forks source link

Spearhead: Setting custom primary color results in links turning white on hover. #6355

Open KirkwallDay opened 2 years ago

KirkwallDay commented 2 years ago

Quick summary

Setting a custom primary color on the Spearhead theme results in links turning white on hover.

Steps to reproduce

  1. Have a site with the Spearhead theme.
  2. In Customize > Colors and Backgrounds set the primary color to a custom one by hitting "Pick your own custom color."
  3. At first things will look fine, save the changes and view a page on the live site.

What you expected to happen

The hover color should still contain its default behavior of making the link a lighter version of the primary color.

What actually happened

The link turns white and this is a problem if the background is also white.

Context

5459144-zen

Platform (Simple, Atomic, or both?)

Simple

Theme-specific issue?

Spearhead

Browser, operating system and other notes

No response

Reproducibility

Consistent

Severity

Some (< 50%)

Available workarounds?

Yes, easy to implement

Workaround details

Use a default theme color, or use the CSS below:

/ Fix link color / xxxx-hc/zen (BM) /

.has-link-color a:hover, a:hover { color: var(--global--color-primary); }

/ End fix link color / xxxx-hc/zen (BM) /

github-actions[bot] commented 2 years ago

Support References

This comment is automatically generated. Please do not edit it.

Robertght commented 2 years ago

📌 HOUSEKEEPING

📌 SCRUBBING

📌 FINDINGS/SCREENSHOTS/VIDEO

📌 ACTIONS