diff --git a/apps/compliance-portal/index.html b/apps/compliance-portal/index.html
index 330c337e5..e61611c40 100644
--- a/apps/compliance-portal/index.html
+++ b/apps/compliance-portal/index.html
@@ -12,6 +12,16 @@
     })();
   </script>
 
+  <script>
+    (function () {
+      if (window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches) {
+        document.documentElement.classList.add("dark");
+      }
+    })();
+  </script>
+
+  <meta name="color-scheme" content="light dark" />
+
   <link rel="icon" id="favicon" href="{{if .FaviconURL}}{{.FaviconURL}}{{else}}/favicons/favicon.ico{{end}}">
 
   <meta name="application-name" content="&nbsp;" />