From c6f368ac0bbeca4bb7a79525e3f2c4c0fe36925a Mon Sep 17 00:00:00 2001
From: Lim Chee Aun <cheeaun@gmail.com>
Date: Fri, 20 Oct 2023 22:04:56 +0800
Subject: [PATCH] Make sure the calendar picker works in dark mode

---
 src/app.css | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/src/app.css b/src/app.css
index 86f866f3..dc3704e8 100644
--- a/src/app.css
+++ b/src/app.css
@@ -2175,16 +2175,22 @@ ul.link-list li a .icon {
       border-radius: 0;
       box-shadow: none;
       outline: none;
+    }
+
+    input[type='month'] {
+      min-width: 6em;
 
       &::-webkit-calendar-picker-indicator {
         /* replace icon with triangle */
         opacity: 0.5;
         background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="none"><path d="M4 6L8 10L12 6" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
       }
-    }
 
-    input[type='month'] {
-      min-width: 6em;
+      @media (prefers-color-scheme: dark) {
+        &::-webkit-calendar-picker-indicator {
+          filter: invert(1);
+        }
+      }
     }
   }
 }