From 5e8a5ca5ebe07ef3f4fd235aa80effd2b57b97b6 Mon Sep 17 00:00:00 2001
From: Andy Smith <andy@37signals.com>
Date: Tue, 20 May 2025 15:49:54 -0500
Subject: [PATCH] Better borders in dark mode

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

diff --git a/app/assets/stylesheets/trays.css b/app/assets/stylesheets/trays.css
index 68a5791ca..12c0bd090 100644
--- a/app/assets/stylesheets/trays.css
+++ b/app/assets/stylesheets/trays.css
@@ -60,12 +60,6 @@
         --tray-item-scale: 1;
 
         pointer-events: unset;
-
-        .card {
-          box-shadow: 0 0 0 1px var(--color-ink-lighter);
-          border: 0;
-          border-radius: 0;
-        }
       }
 
       .tray:has(.tray__item:only-child) & {
@@ -167,6 +161,19 @@
 
       block-size: var(--tray-item-height);
       view-transition-name: unset !important;
+
+      [open] & {
+        box-shadow: 0 0 0 1px var(--color-ink-lighter);
+        border: 0;
+        border-radius: 0;
+      }
+
+      @media (prefers-color-scheme: dark) {
+        &,
+        [open] & {
+          box-shadow: 0 0 0 1px var(--color-ink-light);
+        }
+      }
     }
 
     .card__collection {