dark mode toggle depending on system setting but the button dont wrk

front/layouts/basic.ejs

@@ -26,7 +26,7 @@
 				<button class="bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded"
 					onclick="loadPartialView('about')">About</button>
 				<button id="darkModeToggle" class="bg-gray-500 hover:bg-gray-700 text-white font-bold py-2 px-4 rounded"
-					onclick="toggleDarkMode()">Dark Mode</button>
+					onclick="toggleDarkModeT()">Dark Mode</button>
 			</nav>
 		</div>
 	</header>

front/raw/script.ts

@@ -27,35 +27,43 @@ window.addEventListener('popstate', (event: PopStateEvent) => {
 	}
 });
 
-function toggleDarkMode(): void {
-	document.body.classList.toggle('dark');
-	const isDarkMode: boolean = document.body.classList.contains('dark');
-}
-
+let isDarkModeT: boolean = false;
 window.addEventListener('DOMContentLoaded', () => {
     const prefersDarkScheme = window.matchMedia("(prefers-color-scheme: dark)");
     toggleDarkMode(prefersDarkScheme.matches);
+	isDarkModeT = prefersDarkScheme.matches;
 
     prefersDarkScheme.addEventListener('change', (event) => {
         toggleDarkMode(event.matches);
+		isDarkModeT = event.matches;
     });
 });
 
-function toggleDarkMode(isDarkMode: boolean): void {
+function toggleDarkMode(isDarkMode: boolean = isDarkModeT): void {
     if (isDarkMode) {
-        document.body.classList.add('dark');
+		document.body.classList.add('dark');
+		console.log('Dark mode enabled');
+		isDarkModeT = true;
     } else {
-        document.body.classList.remove('dark');
+		document.body.classList.remove('dark');
+		console.log('Dark mode disabled');
+		isDarkModeT = false;
     }
 
     const darkModeToggle: HTMLElement | null = document.getElementById('darkModeToggle');
     if (darkModeToggle) {
-        darkModeToggle.textContent = isDarkMode ? 'Light Mode' : 'Dark Mode';
+        darkModeToggle.textContent = isDarkModeT ? 'Light Mode' : 'Dark Mode';
     } else {
         console.warn("Dark mode toggle element not found");
     }
 }
 
+function toggleDarkModeT(): void {
+	isDarkModeT = !isDarkModeT;
+	console.log('Toggling dark mode to ' + isDarkModeT);
+	toggleDarkMode();
+}
+
 function setCookie(name: string, value: string, days: number): void {
 	const date: Date = new Date();
 	date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));