[Components/DarkModeWidget]: Add compatibility with the IFrame mode (#…

…1243)
jeroennoten · Jan 19, 2024 · 4791979 · 4791979
1 parent a7d16fc
commit 4791979
Showing 1 changed file with 11 additions and 1 deletion.
diff --git a/resources/views/components/layout/navbar-darkmode-widget.blade.php b/resources/views/components/layout/navbar-darkmode-widget.blade.php
@@ -31,10 +31,20 @@
 
         widget.addEventListener('click', () => {
 
-            // Toggle dark-mode class on the body tag.
+            // Toggle dark-mode class on the main body tag.
 
             body.classList.toggle('dark-mode');
 
+            // Support to IFrame mode: toggle dark-mode class on the body of
+            // any present iframe.
+
+            let iframes = document.querySelectorAll('div.iframe-mode iframe');
+
+            iframes.forEach((f) => {
+                b = f.contentDocument.querySelector('body');
+                b.classList.toggle('dark-mode');
+            });
+
             // Toggle the classes on the widget icon.
 
             iconClasses.forEach((c) => widgetIcon.classList.toggle(c));