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

[Bug]: Toast notification background in dark themes #18479

Open
kingtraceyj opened this issue Jan 29, 2025 · 0 comments
Open

[Bug]: Toast notification background in dark themes #18479

kingtraceyj opened this issue Jan 29, 2025 · 0 comments

Comments

@kingtraceyj
Copy link
Member

kingtraceyj commented Jan 29, 2025

In dark themes, the low contrast toast notification often overlays the page header component. Both page header and notification use $layer-01. While the toast notification does have a drop shadow, the backgrounds still tend to blend together when using low contrast.

Image

Possible explorations:

  • Update dark themes to use $layer-02
  • Update dropshadow
  • Use borders (subtle or colored like inline low-constrast)

Current work around:
Use high contrast toast notification

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
Status: 🕵️‍♀️ Triage
Development

No branches or pull requests

1 participant