Alt text field inheriting theme color from the Customizer

[jp-imagines]

Quick summary

The "Alt text (alternative text)" setting on image-type blocks (Image, Gallery, Cover, etc.) should display in the default black text. However, on some themes, it seems to be "inheriting" one of the colors set at My Site > Appearance > Customize > Colors & Backgrounds.

Steps to reproduce

1. Activate Apostrophe 2 or Balasana. Unsure which other themes may also be affected.
2. Navigate to My Site > Appearance > Customize > Colors & Backgrounds and set the "Links and Buttons" (Apostrophe 2) or "Text Color" (Balasana) to a light color (like #e3ece3). Save changes.
3. Add an image to a post or page. This can be an Image block or any other block which has the "Alt text" setting.
4. In the right sidebar, add some alt text.

What you expected to happen

The alt text should be in black font so that it is legible against the white background.

What actually happened

On Apostrophe 2, the alt text is black unless you click in the textarea to edit.

On Balasana, the alt text is always the theme color.

Context

4715595-zen

Simple, Atomic or both?

Atomic

Theme-specific issue?

Apostrophe 2 and Balasana definitely affected. Unsure how many others are also affected.

Browser, operating system and other notes

No response

Reproducibility

Consistent

Severity

Some (< 50%)

Available workarounds?

No but the platform is still usable

Workaround details

The only workaround would be to change the corresponding theme color in the Customizer, which may not be an option for some users. Some themes (like Balasana) are more affected, since the alt text is always in the theme color, and some users are more affected if they have a light theme color selected.

[Greatdane]

Not just the alt text field, all fields that you can enter text within the editor. For example Excerpt;

(If I do not highlight the text here, it is impossible to see).

[rw-ye]

Another report here: 5583870-zd-woothemes

[github-actions[bot]]

Support References

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

• [ ] 4715595-zen
• [ ] 5583870-zen

[Gustavo-Hilario]

I tested this issue on WordPress.com and local sites using Balasana and Apostrophe 2 themes, but I couldn't reproduce it. Maybe I'm not testing this correctly, but I thought I should leave a note here in case somewhere decide to investigate this further 😃