Skip to content

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

@ankur0904

Description

@ankur0904

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

Metadata

Metadata

Assignees

Labels

planesync issues to Plane🐛bugSomething isn't working

Type

No type
No fields configured for issues without a type.

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions