Fix dark mode issue of helpful Search and search results in light mode (#4376)

* Fix dark mode issue of helpful Search and search results in light mode

* Fix dark mode issue of helpful Search and search results in light mode

Author: subhas-pramanik-09

css/activities.css

@@ -16,7 +16,19 @@
   outline: none;
 }
 
+body:not(.dark) #helpfulSearch,
+body:not(.dark) .ui-autocomplete {
+    background-color: #fff !important;
+    color: #000 !important;
+}
+
+body:not(.dark) .ui-autocomplete li:hover {
+    background-color: #ddd !important;
+}
 
+body:not(.dark) #helpfulSearchDiv {
+    background-color: #f9f9f9 !important;
+}
 
 .modal {
   display: none;

css/themes.css

@@ -75,16 +75,16 @@
   .dark #search,
   #helpfulSearch,
   .ui-autocomplete {
-    background-color: #1c1c1c;
-    color: #fff;
+    background-color: #1c1c1c !important;
+    color: #fff !important;
   }
 
   .dark .ui-autocomplete li:hover {
-    background-color: #225a91;
+    background-color: #225a91 !important;
   }
 
   .dark #helpfulSearchDiv {
-    background-color: transparent;
+    background-color: transparent !important;
   }
 
   .dark #crossButton {