Automattic / Automattic/jetpack

Forms: Improve compatibility with dark themes and outline styles

Open
#41,518 4 comments 0 reactions 1 assignee Claimed by @jcortx View on GitHub
[Block] Form [Feature] Forms [Plugin] Jetpack [Pri] Low [Status] Auto-allocated Bug Triaged
Dominant language
PHP
Stars
1.8k
Forks
898
Avg merge
1d 14h
Merged PRs (30d)
790

Description

### Impacted plugin

Jetpack

### Quick summary

Currently when you use a dark theme (such as twenty twenty five with the dark colour pattern) you end up with a buggy design of the Outline style.

See
![Image](https://github.com/user-attachments/assets/13dc229f-a48b-489d-9483-cdd6ff77e291)

### Steps to reproduce

1. Activate the twenty twenty five theme. Select the "Evening" colour style.
2. Add a form to the page and select the Outline option.

Notice that there is a white border under the label text.
Notice that the placeholder text is hardly visible.

### Site owner impact

Fewer than 20% of the total website/platform users

### Severity

Moderate

### What other impact(s) does this issue have?

_No response_

### If a workaround is available, please outline it here.

You could apply some custom css to fix this issue.

### Platform (Simple and/or Atomic)

Simple, Self-hosted, Atomic

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.