Correct colors for trays in mobile in light themes

This commit is contained in:
Jason Zimdars
2025-07-28 17:29:10 -05:00
parent da3517f252
commit 8a5c44f2f8
+3 -3
View File
@@ -72,7 +72,7 @@
z-index: calc(var(--z-tray) + 1);
.icon {
color: var(--color-white);
color: var(--color-ink);
display: none;
}
@@ -410,7 +410,7 @@
/* Add a border on mobile */
@media (max-width: 799px) {
.tray__dialog:not([open]) ~ .tray__toggle {
border-inline-end: 1px dashed oklch(var(--lch-white) / 50%);
border-inline-end: 1px dashed var(--color-ink-light);
translate: calc(-1 * var(--tray-margin)) 0;
}
@@ -442,7 +442,7 @@
@media (max-width: 799px) {
/* …add a border */
.tray__dialog:not([open]) ~ .tray__toggle {
border-inline-start: 1px dashed oklch(var(--lch-white) / 50%);
border-inline-start: 1px dashed var(--color-ink-light);
translate: var(--tray-margin) 0;
}