From e90bb4818dfe44b437f7c36a8e174a1b4c09bf7d Mon Sep 17 00:00:00 2001
From: Reece Browne <74901996+reecebrowne@users.noreply.github.com>
Date: Tue, 5 Aug 2025 23:55:39 +0100
Subject: [PATCH] Update githubVersion.js

Fix dark mode windows preference - no cookie
---
 .../src/main/resources/static/js/githubVersion.js     | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/app/core/src/main/resources/static/js/githubVersion.js b/app/core/src/main/resources/static/js/githubVersion.js
index 059fcccfa..8fb6b8cb8 100644
--- a/app/core/src/main/resources/static/js/githubVersion.js
+++ b/app/core/src/main/resources/static/js/githubVersion.js
@@ -309,8 +309,9 @@ async function showUpdateModal() {
   // Update modal with full information
   const modalBody = document.getElementById('updateModalBody');
   if (fullUpdateInfo && fullUpdateInfo.new_versions) {
-    // Check if dark mode is active
-    const isDarkMode = localStorage.getItem("dark-mode") === "on";
+   const storedMode = localStorage.getItem("dark-mode");
+    const isDarkMode = storedMode === "on" || 
+                      (storedMode === null && window.matchMedia && window.matchMedia("(prefers-color-scheme: dark)").matches);
     const darkClasses = isDarkMode ? {
       accordionItem: 'bg-dark border-secondary text-light',
       accordionButton: 'bg-dark text-light border-secondary',
@@ -372,9 +373,9 @@ async function showUpdateModal() {
       });
       var accordionButtons = document.querySelectorAll("#versionsAccordion .accordion-button");
       accordionButtons.forEach((button) => {
-        button.style.color = "";
-        button.style.backgroundColor = "";
-        button.style.borderColor = "";
+        button.style.color = "var(--md-sys-color-on-surface)";
+        button.style.backgroundColor = "var(--md-sys-color-surface-5)";
+        button.style.borderColor = "var(--md-sys-color-outline-variant)";
       });
       var accordionBodies = document.querySelectorAll("#versionsAccordion .accordion-body");
       accordionBodies.forEach((body) => {