Is there an existing issue for this?
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
Is there an existing issue for this?
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
I am willing to submit the PR.
Environment
Production
Browser
Google Chrome
Variant
Cloud
Version
v1.3.1