From 07a7ab6f8ce7d23db492d86f00567fcbb930d98a Mon Sep 17 00:00:00 2001
From: PlexSheep <software@cscherr.de>
Date: Tue, 30 May 2023 23:57:22 +0200
Subject: [PATCH] persistent dark mode setting

---
 gawa/start/templates/start/base.html | 24 +++++++++++-------------
 1 file changed, 11 insertions(+), 13 deletions(-)
diff --git a/gawa/start/templates/start/base.html b/gawa/start/templates/start/base.html
index bbcee13..e7bcd47 100644
--- a/gawa/start/templates/start/base.html
+++ b/gawa/start/templates/start/base.html
@@ -8,6 +8,13 @@
         <meta charset="utf-8">
         <meta name="viewport" content="width=device-width, initial-scale=1">
         <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-9ndCyUaIbzAi2FUVXJi0CjmCapSmO7SnpJef0486qhLnuZ2cdeRhO02iuK6FUUVM" crossorigin="anonymous">
+        <script>
+            const setTheme = theme => {
+                document.documentElement.setAttribute('data-bs-theme', theme)
+            }
+
+            setTheme(localStorage.getItem('theme'));
+        </script>
     </head>
     <body>
         <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
@@ -149,27 +156,18 @@
         <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js" integrity="sha384-geWF76RCwLtnZ8qwWowPQNguL3RmwHVBC9FhGdlKrxdiJJigb/j/68SIy3Te4Bkz" crossorigin="anonymous"></script>
         <script>
             'use strict'
-
-            const getStoredTheme = () => localStorage.getItem('theme')
-            const setStoredTheme = theme => localStorage.setItem('theme', theme)
-
-
-            const setTheme = theme => {
-                document.documentElement.setAttribute('data-bs-theme', theme)
-            }
-
             document.getElementById("toggleThemeButton").onclick = function () { 
-                const storedTheme =  localStorage.getItem('theme')
+                const storedTheme =  localStorage.getItem('theme');
                 if (storedTheme == null) {
-                    setStoredTheme("dark");
+                    localStorage.setItem("theme", "dark");
                     setTheme("dark"); 
                 }
                 else if (storedTheme == "dark") {
-                    setStoredTheme("light");
+                    localStorage.setItem("theme", "light");
                     setTheme("light");
                 }
                 else if (storedTheme == "light") {
-                    setStoredTheme("dark");
+                    localStorage.setItem("theme", "dark");
                     setTheme("dark");
                 }
             };
