From 7d796f1119a36f0cb48541de54e07f443def1a21 Mon Sep 17 00:00:00 2001
From: feitianbubu <feitianbubu@qq.com>
Date: Sat, 11 Jul 2026 00:08:26 +0800
Subject: [PATCH] fix(ui): adapt native form controls to dark mode via
 color-scheme

---
 frontend/src/components/common/DateRangePicker.vue | 2 +-
 frontend/src/style.css                             | 5 +++++
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/frontend/src/components/common/DateRangePicker.vue b/frontend/src/components/common/DateRangePicker.vue
index b00334a67..56861979b 100644
--- a/frontend/src/components/common/DateRangePicker.vue
+++ b/frontend/src/components/common/DateRangePicker.vue
@@ -405,7 +405,7 @@ onUnmounted(() => {
 }
 
 .dark .date-picker-input::-webkit-calendar-picker-indicator {
-  filter: invert(0.7);
+  filter: none;
 }
 
 .date-picker-separator {
diff --git a/frontend/src/style.css b/frontend/src/style.css
index 1bd13b5f9..bf518e932 100644
--- a/frontend/src/style.css
+++ b/frontend/src/style.css
@@ -9,6 +9,11 @@
 
   html {
     @apply scroll-smooth antialiased;
+    color-scheme: light;
+  }
+
+  .dark {
+    color-scheme: dark;
   }
 
   body {