From bcf13101ae6b6947f071ca2aea9ca76181267aed Mon Sep 17 00:00:00 2001
From: Ronni Skansing <rskansing@gmail.com>
Date: Mon, 13 Oct 2025 23:01:40 +0200
Subject: [PATCH] revert dark mode for date native date components

Signed-off-by: Ronni Skansing <rskansing@gmail.com>
---
 frontend/src/lib/components/DateField.svelte  | 35 ----------------
 .../src/lib/components/DateTimeField.svelte   | 41 -------------------
 2 files changed, 76 deletions(-)

diff --git a/frontend/src/lib/components/DateField.svelte b/frontend/src/lib/components/DateField.svelte
index c2b8acd..8089d08 100644
--- a/frontend/src/lib/components/DateField.svelte
+++ b/frontend/src/lib/components/DateField.svelte
@@ -101,38 +101,3 @@
 		class:w-60={inputWidth === 'large'}
 	/>
 </div>
-
-<style>
-	/* Override browser default styling for date inputs */
-	:global(.date-field-input::-webkit-calendar-picker-indicator) {
-		background: transparent;
-		color: inherit;
-	}
-
-	:global(.date-field-input::-webkit-datetime-edit) {
-		background: transparent !important;
-		color: inherit;
-	}
-
-	:global(.date-field-input::-webkit-datetime-edit-fields-wrapper) {
-		background: transparent !important;
-	}
-
-	:global(.date-field-input::-webkit-datetime-edit-text) {
-		color: inherit;
-		background: transparent !important;
-	}
-
-	:global(.date-field-input::-webkit-datetime-edit-month-field),
-	:global(.date-field-input::-webkit-datetime-edit-day-field),
-	:global(.date-field-input::-webkit-datetime-edit-year-field) {
-		background: transparent !important;
-		color: inherit;
-	}
-
-	/* Dark mode specific overrides */
-	:global(.dark .date-field-input::-webkit-calendar-picker-indicator) {
-		filter: invert(1);
-		opacity: 0.7;
-	}
-</style>
diff --git a/frontend/src/lib/components/DateTimeField.svelte b/frontend/src/lib/components/DateTimeField.svelte
index 5f19a94..6d6788e 100644
--- a/frontend/src/lib/components/DateTimeField.svelte
+++ b/frontend/src/lib/components/DateTimeField.svelte
@@ -160,44 +160,3 @@
 		class:dark:bg-yellow-700={readonly}
 	/>
 </div>
-
-<style>
-	/* Override browser default styling for date inputs */
-	:global(.date-input::-webkit-calendar-picker-indicator) {
-		background: transparent;
-		color: inherit;
-	}
-
-	:global(.date-input::-webkit-datetime-edit),
-	:global(.time-input::-webkit-datetime-edit) {
-		background: transparent !important;
-		color: inherit;
-	}
-
-	:global(.date-input::-webkit-datetime-edit-fields-wrapper),
-	:global(.time-input::-webkit-datetime-edit-fields-wrapper) {
-		background: transparent !important;
-	}
-
-	:global(.date-input::-webkit-datetime-edit-text),
-	:global(.time-input::-webkit-datetime-edit-text) {
-		color: inherit;
-		background: transparent !important;
-	}
-
-	:global(.date-input::-webkit-datetime-edit-month-field),
-	:global(.date-input::-webkit-datetime-edit-day-field),
-	:global(.date-input::-webkit-datetime-edit-year-field),
-	:global(.time-input::-webkit-datetime-edit-hour-field),
-	:global(.time-input::-webkit-datetime-edit-minute-field),
-	:global(.time-input::-webkit-datetime-edit-ampm-field) {
-		background: transparent !important;
-		color: inherit;
-	}
-
-	/* Dark mode specific overrides */
-	:global(.dark .date-input::-webkit-calendar-picker-indicator) {
-		filter: invert(1);
-		opacity: 0.7;
-	}
-</style>