From c824dc3740d1ba30617612772b80184e200fb820 Mon Sep 17 00:00:00 2001
From: SCell555 <2620789+SCell555@users.noreply.github.com>
Date: Sun, 23 Jun 2024 17:17:06 +0200
Subject: [PATCH] feat: Detect system color mode on first boot

---
 scripts/pages/main-menu/main-menu.js | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/scripts/pages/main-menu/main-menu.js b/scripts/pages/main-menu/main-menu.js
index f4ba8412..2d9e21bd 100644
--- a/scripts/pages/main-menu/main-menu.js
+++ b/scripts/pages/main-menu/main-menu.js
@@ -255,11 +255,12 @@ class MainMenu {
 		this.panels.image.visible = !useVideo;
 		this.panels.image.SetReadyForDisplay(!useVideo);
 
-		const backgroundVar = Number.parseInt($.persistentStorage.getItem('settings.mainMenuBackground'));
+		let backgroundVar = Number.parseInt($.persistentStorage.getItem('settings.mainMenuBackground'));
 
 		if (Number.isNaN(backgroundVar)) {
-			// Light mode by default
-			$.persistentStorage.setItem('settings.mainMenuBackground', 0);
+			// Set color mode by system preference
+			backgroundVar = $.SystemInDarkMode() ? 1 : 0;
+			$.persistentStorage.setItem('settings.mainMenuBackground', backgroundVar);
 		}
 
 		let name = '';