From 4b9c57dc6547d0c9d105ac3767dcc90da758a25d Mon Sep 17 00:00:00 2001
From: Ariel Costas Guerrero <ariel@costas.dev>
Date: Sat, 15 Nov 2025 18:00:59 +0100
Subject: Refactor code structure for improved readability and maintainability

---
 src/frontend/app/maps/styleloader.ts | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

(limited to 'src/frontend/app/maps')

diff --git a/src/frontend/app/maps/styleloader.ts b/src/frontend/app/maps/styleloader.ts
index 93f6693..d20fd31 100644
--- a/src/frontend/app/maps/styleloader.ts
+++ b/src/frontend/app/maps/styleloader.ts
@@ -5,8 +5,13 @@ export async function loadStyle(
   styleName: string,
   colorScheme: Theme,
 ): Promise<StyleSpecification> {
+  if (colorScheme == "system") {
+    const isDarkMode = window.matchMedia("(prefers-color-scheme: dark)").matches;
+    colorScheme = isDarkMode ? "dark" : "light";
+  }
+
   if (styleName == "openfreemap") {
-    const url = "/maps/styles/openfreemap-any.json";
+    const url = `/maps/styles/openfreemap-${colorScheme}.json`;
 
     const resp = await fetch(url);
     if (!resp.ok) {
-- 
cgit v1.3