From d2150acfee9b28ea288b1b631c633e9f98e44a2a Mon Sep 17 00:00:00 2001 From: Hussain Nagaria Date: Wed, 11 Feb 2026 18:03:20 +0530 Subject: [PATCH] fix: make calendar picker icon visible in dark mode Apply filter: invert(1) to webkit calendar picker indicators in dark mode so native date/time input icons are visible against dark backgrounds. Closes #7 Co-Authored-By: Claude Opus 4.6 --- frontend/src/index.css | 7 +++++++ vms/public/frontend/index.html | 4 ++-- vms/www/vms.html | 4 ++-- 3 files changed, 11 insertions(+), 4 deletions(-) diff --git a/frontend/src/index.css b/frontend/src/index.css index 498061c..7a375da 100644 --- a/frontend/src/index.css +++ b/frontend/src/index.css @@ -127,3 +127,10 @@ @apply font-sans; } } + +/* Fix native date/time input icons invisible in dark mode */ +.dark input[type="date"]::-webkit-calendar-picker-indicator, +.dark input[type="time"]::-webkit-calendar-picker-indicator, +.dark input[type="datetime-local"]::-webkit-calendar-picker-indicator { + filter: invert(1); +} diff --git a/vms/public/frontend/index.html b/vms/public/frontend/index.html index b5e194d..faeb8e4 100644 --- a/vms/public/frontend/index.html +++ b/vms/public/frontend/index.html @@ -5,8 +5,8 @@ BWH VMS - - + +
diff --git a/vms/www/vms.html b/vms/www/vms.html index b5e194d..faeb8e4 100644 --- a/vms/www/vms.html +++ b/vms/www/vms.html @@ -5,8 +5,8 @@ BWH VMS - - + +