Correct colors for trays in mobile in light themes
This commit is contained in:
@@ -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;
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user