Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Insufficient Toast Contrast in Dark Mode Affects Readability #3370

Open
1chooo opened this issue Feb 10, 2025 · 0 comments
Open

Insufficient Toast Contrast in Dark Mode Affects Readability #3370

1chooo opened this issue Feb 10, 2025 · 0 comments

Comments

@1chooo
Copy link

1chooo commented Feb 10, 2025

Bug report

Current Behavior

In dark mode, the contrast between the Toast background and text is insufficient, making readability poor. Compared to light mode, the Toast appears too faded in dark mode, which may affect user experience.

Expected behavior

It is recommended to adjust the background or text color of the Toast in dark mode to improve readability.

Reproducible example

  1. Open https://www.radix-ui.com/primitives/docs/components/toast
  2. Click "Add to Calendar"

Suggested solution

Modify the example of Toast

Additional context

Dark Light
Image Image

Your environment

Software Name(s) Version
Radix Package(s)
React n/a
Browser
Assistive tech
Node n/a
npm/yarn
Operating System
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant