[bug]: Close (X) button lacks sufficient visual contrast on Cycles onboarding modal
Open
@vihar is already working on this.
Since May 31, 2026.
🐛bug
plane
- Dominant language
- TypeScript
- Stars
- 59.6k
- Forks
- 5.8k
- Avg merge
- 1d 22h
- Merged PRs (30d)
- 49
Description
Is there an existing issue for this?
- I have searched the existing issues
Current behavior
Current behavior
The close (X) button in the top-right corner of the Cycles onboarding modal has a background color that blends into the modal header area.
As a result, the button is difficult to notice and does not provide enough visual contrast, which impacts discoverability and overall UI consistency.
Expected behavior
The close (X) button should have sufficient contrast against the background and be clearly visible at first glance.
A more distinct background color, border, hover state, or shadow would improve visibility and accessibility.
Steps to reproduce
- Open the application.
- Navigate to a project.
- Open or trigger the "Cycles" onboarding modal.
- Observe the close (X) button in the top-right corner.
- Notice that the button's background color blends with the surrounding UI, making it less visible.
I am willing to submit the PR.
Environment
Production
Browser
Google Chrome
Variant
Cloud
Version
v1.3.1
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Assessment
This issue has not been assessed yet.