fixed darkmode detection

diff --git a/frontend/src/routes/(authed)/+layout.svelte b/frontend/src/routes/(authed)/+layout.svelte
index b0838f3940cbdadc7019ce930ef3c67ad3fdf1d8..853c5a0089e594260415f606ef0478e4278afab0 100644 (file)
--- a/frontend/src/routes/(authed)/+layout.svelte
+++ b/frontend/src/routes/(authed)/+layout.svelte
@@ -367,6 +367,15 @@
                        });
        }
 
+       let darkMode = $derived.by(() => {
+               if ($settings.darkModeAutoDetect) {
+                       const prefersDark = window.matchMedia('(prefers-color-scheme: dark)').matches;
+                       return prefersDark;
+               } else {
+                       return $settings.useDarkMode;
+               }
+       });
+
        let aLookBackYearsInvalid = $state(false);
        // check if aLookBackYears is valid
        $effect(() => {
@@ -444,7 +453,8 @@
                        document.body.style.backgroundColor = $settings.monochromeBackgroundColor;
                } else if ($settings.background === 'gradient') {
                        document.body.style.backgroundColor = '';
-                       generateNeonMesh();
+                       console.log(darkMode);
+                       generateNeonMesh(darkMode);
                }
        }
 

diff --git a/frontend/src/routes/reauth/+page.svelte b/frontend/src/routes/reauth/+page.svelte
index bc50b754e14c085f1db0313aa168af8ddc1a0e7d..202eb9ad979bdbfeb056359d6d1240a0a2ffc606 100644 (file)
--- a/frontend/src/routes/reauth/+page.svelte
+++ b/frontend/src/routes/reauth/+page.svelte
@@ -3,8 +3,6 @@
        import { onMount } from 'svelte';
        import axios from 'axios';
        import { API_URL } from '$lib/APIurl.js';
-       import Fa from 'svelte-fa';
-       import { faLock } from '@fortawesome/free-solid-svg-icons';
        import { generateNeonMesh, isAuthenticated } from '$lib/helpers';
        import { getTranslate } from '@tolgee/svelte';
        import logo from '$lib/assets/locked_heart_with_keyhole.svg';