From 148f7535286834416036510ac5f1d4840b12afd4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C3=89mile=20R=C3=A9?= <emile@probo.com>
Date: Sun, 28 Jun 2026 15:01:11 +0200
Subject: [PATCH] Follow system color scheme live
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

The dark-mode script set the .dark class once at load. Subscribe to the
prefers-color-scheme media query so the theme also updates while the page
is open when the OS appearance changes.

Signed-off-by: Émile Ré <emile@probo.com>
---
 apps/compliance-portal/index.html | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/apps/compliance-portal/index.html b/apps/compliance-portal/index.html
index e61611c40..f838646a4 100644
--- a/apps/compliance-portal/index.html
+++ b/apps/compliance-portal/index.html
@@ -14,9 +14,11 @@
 
   <script>
     (function () {
-      if (window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches) {
-        document.documentElement.classList.add("dark");
-      }
+      if (!window.matchMedia) return;
+      var mq = window.matchMedia("(prefers-color-scheme: dark)");
+      var apply = function () { document.documentElement.classList.toggle("dark", mq.matches); };
+      apply();
+      mq.addEventListener("change", apply);
     })();
   </script>