From 5a398982d4a0e4461d5d462ca4be11c47f0ed5e5 Mon Sep 17 00:00:00 2001
From: juancarmore <juancar_more2@hotmail.com>
Date: Tue, 21 Oct 2025 18:25:59 +0200
Subject: [PATCH] frontend: improve theme initialization logic to prevent
 flickering

---
 meet-ce/frontend/src/index.html | 16 +++++++++++++---
 1 file changed, 13 insertions(+), 3 deletions(-)

diff --git a/meet-ce/frontend/src/index.html b/meet-ce/frontend/src/index.html
index f930e26..1cb1904 100644
--- a/meet-ce/frontend/src/index.html
+++ b/meet-ce/frontend/src/index.html
@@ -12,10 +12,20 @@
 		<link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined" rel="stylesheet" />
 
 		<script>
-			// Apply the saved theme on initial load to prevent flickering
+			// Apply the correct theme on initial load to prevent flickering
 			(function () {
-				const savedTheme = localStorage.getItem('ovMeet-theme') || 'light';
-				if (savedTheme === 'dark') {
+				const savedTheme = localStorage.getItem('ovMeet-theme');
+				let theme = 'light';
+
+				if (savedTheme) {
+					// Use saved preference
+					theme = savedTheme;
+				} else if (window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches) {
+					// Use system preference
+					theme = 'dark';
+				}
+
+				if (theme === 'dark') {
 					document.documentElement.setAttribute('data-theme', 'dark');
 				}
 			})();