From 347a77f11b94066f7008d2d963815a48eb3c5cac Mon Sep 17 00:00:00 2001
From: Adrian Simmons <adrian@perlucida.co.uk>
Date: Tue, 16 Nov 2021 18:01:42 +0000
Subject: [PATCH] by @dpschen fix: respect .dark class instead of
 prefers-color-scheme

---
 src/views/tasks/TaskDetailViewModal.vue | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/src/views/tasks/TaskDetailViewModal.vue b/src/views/tasks/TaskDetailViewModal.vue
index 507e1d566..9b4932464 100644
--- a/src/views/tasks/TaskDetailViewModal.vue
+++ b/src/views/tasks/TaskDetailViewModal.vue
@@ -2,6 +2,7 @@
 	<modal
 		@close="close()"
 		variant="scrolling"
+		class="task-detail-view-modal"
 	>
 				<a @click="close()" class="close">
 					<icon icon="times"/>
@@ -60,11 +61,11 @@ export default {
 		color: var(--dark);
 	}
 }
+</style>
 
-/* Close icon SVG uses currentColor, change the color to keep it visible */
-@media (prefers-color-scheme: dark) {
-	.close {
-		color: var(--grey-900);
-	}
+<style lang="scss">
+// Close icon SVG uses currentColor, change the color to keep it visible
+.dark .task-detail-view-modal .close {
+	color: var(--grey-900);
 }
 </style>
\ No newline at end of file