Fix: dark mode UI issues and button visibility across participation page

Author: Neeraj-Kondaveeti

src/components/CommunityPortal/Reports/Participation/MyCases.module.css

@@ -511,3 +511,26 @@
     color: #9b59b6 !important;
   }
 }
+
+.myCasesPageDark .viewSwitcher button,
+.myCasesPageDark .createNew {
+  background-color: #3A506B;
+  color: #ffffff;
+  border: 1px solid #3A506B;
+}
+
+.myCasesPageDark .viewSwitcher button.active {
+  background-color: #007bff;
+  color: #ffffff;
+}
+
+.myCasesPageDark .filterDropdown {
+  background-color: #3A506B;
+  color: #ffffff;
+  border: 1px solid #3A506B;
+}
+
+.myCasesPageDark .filterDropdown option {
+  background-color: #3A506B;
+  color: #ffffff;
+}

src/components/CommunityPortal/Reports/Participation/Participation.module.css

@@ -1018,4 +1018,46 @@
 .sendEmailBtn:disabled {
   opacity: 0.5;
   cursor: not-allowed;
+}
+
+/* ===== Dark mode fixes ===== */
+
+.participationLandingPageDark :global(button) {
+  color: #ffffff !important;
+}
+
+.participationLandingPageDark :global(.btn),
+.participationLandingPageDark :global(.btn-light),
+.participationLandingPageDark :global(.btn-outline-secondary) {
+  color: #ffffff !important;
+  background-color: #3a506b !important;
+  border-color: #3a506b !important;
+}
+
+.participationLandingPageDark :global(.btn-primary),
+.participationLandingPageDark :global(.active) {
+  color: #ffffff !important;
+}
+
+.trackingContainerDark .trackingFilters select {
+  background-color: #3A506B;
+  color: #ffffff;
+  border: 1px solid #3A506B;
+}
+
+.insightsDark .insightsFilters select {
+  background-color: #3A506B;
+  color: #ffffff;
+  border: 1px solid #3A506B;
+}
+
+.insightsDark .insightsTab {
+  background-color: #3A506B;
+  color: #ffffff;
+  border-right: 1px solid #555;
+}
+
+.insightsDark .insightsTab.activeTab {
+  background-color: #007bff;
+  color: #ffffff;
 }