Merge pull request #356 from freezingsaddles/no-dark-mode-flash

Store dark mode in a cookie to avoid always starting in light mode
freezingsaddles · Dec 31, 2024 · 18b4fbf · 18b4fbf
2 parents f6872c6 + 459295b
commit 18b4fbf
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/freezing/web/templates/base.html b/freezing/web/templates/base.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="en">
+<html lang="en" data-bs-theme="{{ request.cookies.get('theme', 'light') }}">
     <head>
         <title>
             {% block title %}
@@ -557,6 +557,10 @@
                     "dark" :
                     "light";
                 document.querySelector("html").setAttribute("data-bs-theme", colorMode);
+                // Persist the theme to avoid light-mode always flashing in first
+                const date = new Date();
+                date.setDate(date.getDate() + 30);
+                document.cookie = "theme=" + colorMode + "; expires=" + date.toUTCString() + "; path=/";
             }
 
             // Set theme on load