Give dark mode toasts a shadow and background separation (#6186)
This commit is contained in:
parent
9e2d17cc2d
commit
8961cf154f
1 changed files with 4 additions and 3 deletions
|
|
@ -1751,10 +1751,11 @@
|
|||
margin: 0 !important;
|
||||
}
|
||||
|
||||
/* Boost shadow on dark surfaces; mirrors .shadow-border / .menu-soft-surface pattern. */
|
||||
/* Composer shadow on the dark background color so toasts
|
||||
do not merge into card-colored surfaces behind them. */
|
||||
.dark [data-sonner-toast][data-styled='true'] {
|
||||
background-color: var(--card) !important;
|
||||
box-shadow: none !important;
|
||||
background-color: var(--background) !important;
|
||||
box-shadow: 0 2px 8px -2px rgba(0, 0, 0, 0.16) !important;
|
||||
}
|
||||
|
||||
/* Selectable toast text; non-selectable toast buttons. */
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue