Index: src/assets/css/style.css
===================================================================
--- src/assets/css/style.css	(revision 2900f1d25ce25fdc389a9e786e071b96cbfca966)
+++ src/assets/css/style.css	(revision ca507ef52c838114528326fef0f84d202c7147f7)
@@ -65,4 +65,18 @@
     color-scheme: light dark;
 }
+
+/* Native controls (datum/tijd-picker, scrollbars) het SITE-thema laten volgen i.p.v.
+   de OS-voorkeur, en de datum/tijd-velden de site-accentkleur geven. Zo staat de
+   ingebouwde kalender-popup in dark + accent (de popup zelf is een browser-widget,
+   dus fonts/randen blijven van de browser). */
+[data-theme="dark"] { color-scheme: dark; }
+[data-theme="light"] { color-scheme: light; }
+input[type="date"], input[type="time"], input[type="datetime-local"] { accent-color: var(--accent, #6b8f71); }
+input[type="date"]::-webkit-calendar-picker-indicator,
+input[type="time"]::-webkit-calendar-picker-indicator,
+input[type="datetime-local"]::-webkit-calendar-picker-indicator { cursor: pointer; opacity: .7; }
+input[type="date"]:hover::-webkit-calendar-picker-indicator,
+input[type="time"]:hover::-webkit-calendar-picker-indicator,
+input[type="datetime-local"]:hover::-webkit-calendar-picker-indicator { opacity: 1; }
 
 /* ============================================================