From 3b60b3b517df1b719151518580ada9fd6fdd4eb9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Pau=20Ferrer=20Oca=C3=B1a?= <crazyserver@gmail.com>
Date: Fri, 20 Oct 2023 12:11:03 +0200
Subject: [PATCH 1/2] MOBILE-4362 styles: Fix dark mode styles on activity
 restrictions

---
 src/core/features/course/components/module/module.scss | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/src/core/features/course/components/module/module.scss b/src/core/features/course/components/module/module.scss
index c19989d51..3e96dbc1f 100644
--- a/src/core/features/course/components/module/module.scss
+++ b/src/core/features/course/components/module/module.scss
@@ -196,3 +196,12 @@
         display: none;
     }
 }
+
+
+:host-context(html.dark) {
+    .activity-description-availabilityinfo {
+        .core-module-availabilityinfo {
+            background: var(--gray-800);
+        }
+    }
+}

From 98ef26bc28e9db445f45c66af1ca8c42b4f74df3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Pau=20Ferrer=20Oca=C3=B1a?= <crazyserver@gmail.com>
Date: Fri, 20 Oct 2023 12:11:16 +0200
Subject: [PATCH 2/2] MOBILE-4362 styles: Fix dark mode styles on popovers

---
 src/theme/theme.dark.scss | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/src/theme/theme.dark.scss b/src/theme/theme.dark.scss
index ac393c723..c4d0def6c 100644
--- a/src/theme/theme.dark.scss
+++ b/src/theme/theme.dark.scss
@@ -77,6 +77,13 @@ html.dark {
         }
     }
 
+    ion-popover,
+    ion-popover ion-content {
+        --background: var(--gray-800);
+        --ion-item-background: var(--background);
+        --ion-background-color: var(--background);
+    }
+
     --core-link-color: var(--info-tint);
 
     --core-header-toolbar-background:   var(--gray-900);