From 8a5c44f2f8ddfe5474e6f8d9606732b391aa991c Mon Sep 17 00:00:00 2001
From: Jason Zimdars <jz@37signals.com>
Date: Mon, 28 Jul 2025 17:29:10 -0500
Subject: [PATCH] Correct colors for trays in mobile in light themes

---
 app/assets/stylesheets/trays.css | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/app/assets/stylesheets/trays.css b/app/assets/stylesheets/trays.css
index 3b29f4823..117346d18 100644
--- a/app/assets/stylesheets/trays.css
+++ b/app/assets/stylesheets/trays.css
@@ -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;
       }