Differentiate between dark and light theme for NcDateTimePickerNative

Signed-off-by: julia.kirschenheuter <julia.kirschenheuter@nextcloud.com>
nextcloud-libraries · Dec 20, 2023 · ac4e3a9 · ac4e3a9
1 parent 009280d
commit ac4e3a9
Showing 1 changed file with 14 additions and 0 deletions.
diff --git a/src/components/NcDateTimePickerNative/NcDateTimePickerNative.vue b/src/components/NcDateTimePickerNative/NcDateTimePickerNative.vue
@@ -385,4 +385,18 @@ export default {
 		flex: 0 0 auto;
 		padding-right: 4px;
 	}
+
+	[data-theme-light],
+	[data-themes*=light] {
+		.native-datetime-picker--input {
+			color-scheme: light;
+		}
+	}
+
+	[data-theme-dark],
+	[data-themes*=dark] {
+		.native-datetime-picker--input {
+			color-scheme: dark;
+		}
+	}
 </style>