aboutsummaryrefslogtreecommitdiff
path: root/src/frontend/app/maps/styleloader.ts
diff options
context:
space:
mode:
Diffstat (limited to 'src/frontend/app/maps/styleloader.ts')
-rw-r--r--src/frontend/app/maps/styleloader.ts7
1 files changed, 6 insertions, 1 deletions
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) {