Automattic / themes

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

Ovation: "Like" text on comment section stays in dark color despite the background color #4462

Open retnonindya opened 3 years ago

retnonindya commented 3 years ago

Steps to Reproduce

  1. On AT site, activate theme Ovation
  2. Edit the colors and background on Customize. Choose dark-colored background
  3. Check comments on blog posts (if there is no comment, try add one.)
  4. Notice the 'Like' text on the comment in dark color (screenshot below)
Screenshot 2021-08-20 at 4 58 18 PM

Problem is, the text color stays dark even after the attempt of using CSS:

a.comment-like-link {
    color: white;
}

What I expected to happen

I expected the text color would change to lighter color automatically when the background color changed (also, important note: This issue doesn't occured on Simple site. On Simple site, the "Like" text changes to lighter color when the dark background color is implemented)

What actually happened

The "Like" text stays in darker color

Context

User report and personal tests

Operating System

Windows, macOS, Linux, Android, iOS

OS Version

No response

Browser

Chrome/Chromium, Firefox, Microsoft Edge, Microsoft Edge (legacy), Safari

Browser Version(s)

No response

Is this specific to applied theme? If so, what is the theme name?

Ovation

Simple/Atomic

Atomic

Console and/or error logs

No response

Number of Users Impacted

All users

Available Workarounds

None as of now.

Reproducibility

Consistent

Other information

Slack discussion: p1629447272242500-slack-C03TY6J1A

ersatzpenguin commented 3 years ago

Looked at this as part of a CSS Request. It seems the issue is that the comment like link is actually loaded through an iframe: Annotation on 2021-08-20 at 09-14-53

We can't work around this with Custom CSS due to that, so we'd need to determine how the color is being determined/set in the first place and go from there.

inaikem commented 3 years ago

@ersatzpenguin is correct. Following the internal investigation here (p9cu9o-2Zf-p2), I'm bumping this up the chain to be prioritised for further investigation.