makeplane / makeplane/plane

[bug]: Close (X) button lacks sufficient visual contrast on Cycles onboarding modal

Open
#9,182 1 comment 0 reactions 2 assignees View on GitHub

@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
  1. Open the application.
  2. Navigate to a project.
  3. Open or trigger the "Cycles" onboarding modal.
  4. Observe the close (X) button in the top-right corner.
  5. 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

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.