From fc7e7abe71656dcb9994eb1bbf295b4beb0fd917 Mon Sep 17 00:00:00 2001 From: jikrana Date: Fri, 7 Aug 2026 12:49:22 +0530 Subject: [PATCH] fix: improve date picker icon visibility in dark mode --- src/styles/global.css | 15 +++++++++++++++ 1 file changed, 15 insertions(+) diff --git a/src/styles/global.css b/src/styles/global.css index 6948fe8..8490890 100644 --- a/src/styles/global.css +++ b/src/styles/global.css @@ -62,3 +62,18 @@ a { color: var(--accent); text-decoration: none; } .fade-up { animation: fadeUp 0.22s ease; } + +input[type="date"]::-webkit-calendar-picker-indicator { + cursor: pointer; + transition: filter 0.2s ease; +} + +/* Dark theme */ +:root:not([data-theme="light"]) input[type="date"]::-webkit-calendar-picker-indicator { + filter: invert(1); +} + +/* Light theme */ +[data-theme="light"] input[type="date"]::-webkit-calendar-picker-indicator { + filter: none; +} \ No newline at end of file