From 14e6a5d6b025ec645157f3a458bd289435146511 Mon Sep 17 00:00:00 2001
From: Sivin Varghese <64252451+iamsivin@users.noreply.github.com>
Date: Fri, 8 Apr 2022 10:54:51 +0530
Subject: [PATCH] fix: Background dark mode colour issue in campaign view
 (#4416)

---
 app/javascript/widget/App.vue                         | 5 -----
 app/javascript/widget/components/ConversationWrap.vue | 1 +
 2 files changed, 1 insertion(+), 5 deletions(-)

diff --git a/app/javascript/widget/App.vue b/app/javascript/widget/App.vue
index f18927f39..9d6600264 100755
--- a/app/javascript/widget/App.vue
+++ b/app/javascript/widget/App.vue
@@ -302,9 +302,4 @@ export default {
 
 <style lang="scss">
 @import '~widget/assets/scss/woot.scss';
-@media (prefers-color-scheme: dark) {
-  html {
-    color-scheme: dark;
-  }
-}
 </style>
diff --git a/app/javascript/widget/components/ConversationWrap.vue b/app/javascript/widget/components/ConversationWrap.vue
index 828f37e22..813325fcd 100755
--- a/app/javascript/widget/components/ConversationWrap.vue
+++ b/app/javascript/widget/components/ConversationWrap.vue
@@ -109,6 +109,7 @@ export default {
   flex-direction: column;
   flex: 1;
   overflow-y: auto;
+  color-scheme: light dark;
 }
 
 .conversation-wrap {