From 518ab82c54595730d2d109735b9f986a272f27e2 Mon Sep 17 00:00:00 2001
From: Tanuj Bhaud <tanujbhaud@gmail.com>
Date: Tue, 23 Dec 2025 23:06:12 +0530
Subject: [PATCH] fix: invert calendar and clock icons in dark mode

Calendar and clock icons in date/time inputs were difficult to see
in dark mode. Applied filter: invert(1) to webkit-calendar-picker-indicator
pseudo-elements when inside .is-dark containers.

Fixes #5696
---
 scss/_base_forms.scss | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/scss/_base_forms.scss b/scss/_base_forms.scss
index 7352ba88e..6c967e499 100644
--- a/scss/_base_forms.scss
+++ b/scss/_base_forms.scss
@@ -233,5 +233,15 @@
       content: '* ';
     }
   }
+
+  // Calendar and clock icons in date/time inputs
+  [type='date']::-webkit-calendar-picker-indicator,
+  [type='time']::-webkit-calendar-picker-indicator {
+    filter: none;
+
+    .is-dark & {
+      filter: invert(1);
+    }
+  }
   // stylelint-enable selector-max-type
 }