From 7561329158d8016a93568737f6d3407f90391444 Mon Sep 17 00:00:00 2001
From: Alexander Daichendt <alexander.daichendt@tum.de>
Date: Tue, 26 Jul 2022 16:13:49 +0200
Subject: [PATCH] fix: nightmode selector not updated when starting with a dark
 browser theme

---
 src/components/ThemeSwitcher.svelte | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/components/ThemeSwitcher.svelte b/src/components/ThemeSwitcher.svelte
index 19acb1f..4f0046f 100644
--- a/src/components/ThemeSwitcher.svelte
+++ b/src/components/ThemeSwitcher.svelte
@@ -1,6 +1,7 @@
 <script lang="js">
 	// @ts-nocheck
 	import { onMount } from 'svelte';
+	let checked = false;
 
 	onMount(() => {
 		const ROOT = document.querySelector(':root');
@@ -46,6 +47,9 @@
 			subtree: false,
 		});
 		setScheme();
+		// adjust the theme selector
+		checked = globalScheme === DARK;
+
 		setContrast();
 		// Switch to dark scheme
 		// ROOT.dataset.nuContrast = 'more';
@@ -66,7 +70,7 @@
 </script>
 
 <label class="switch">
-	<input aria-label="Nightmode" type="checkbox" on:change={toggleTheme} />
+	<input aria-label="Nightmode" type="checkbox" bind:checked on:change={toggleTheme} />
 	<span class="slider round" />
 </label>