Automattic / Automattic/jetpack

Comment Form: Submit button does not match theme styles

Open
#37,161 6 comments 0 reactions 0 assignees View on GitHub
[Feature] Comments [mu wpcom Feature] Verbum Comments [Platform] Atomic [Platform] Simple [Plugin] Jetpack [Plugin] mu wpcom [Pri] Normal Bug Customer Report [LEGACY] Triaged
Dominant language
PHP
Stars
1.8k
Forks
898
Avg merge
1d 18h
Merged PRs (30d)
774

Description

### Impacted plugin

Jetpack, mu wpcom

### Quick summary

When a theme's color styles are set in the Site Editor, the selected color is applied to buttons across the site. On WordPress.com hosted sites, the comment form's Submit button does not render in the displayed color, and instead uses a default blue.

This appears to be specific to WordPress.com, as I wasn't able to reproduce it on a Jurassic Ninja instance. On WordPress.com, the issue did not appear to be theme-specific.

image

### Steps to reproduce

1. On any WordPress.com hosted site, open the site editor, select **Colors** and choose a palette that makes the buttons appear in a recognizable color. Preferably not blue 😆
2. Create and publish a new post and add a `Buttons` block with at least one button
3. View your new post, note the color of the button in the post content
4. Scroll down and enter some text in the comment field to enable the **Comment** button. Note the button color here as well.

### A clear and concise description of what you expected to happen.

I expected the comment form button to match the color declared by the theme/style selection (which I think it used to, if I'm not mistaken)

### What actually happened

The button on the comment form does not match, and renders in one of our default blues. Which, don't get me wrong, is a lovely blue. Truly stunning. Props to the designers on that blue, truly. It's just... not _matchy_ ya know?

### Impact

Most (> 50%)

### Available workarounds?

Yes, difficult to implement

### Platform (Simple and/or Atomic)

Simple, Atomic

### Logs or notes

Reproduced on Twenty Twenty Four and Infield themes.

Contributor guide

Open the contributing guide

Research direction

Run the reproduction steps on a WordPress.com hosted site using the Twenty Twenty Four or Infield theme, comparing the post button with the comment form button. Trace the comment form button's theme-style handling in the Jetpack/WordPress integration. Done means the comment button uses the selected theme color on the affected hosted platforms.

Written by the indexing model from the issue text.

Assessment

Tech stack
php, wordpress
Domain
frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
45/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.