From 44a95927edb532f8982cf24c03d9fdd129016bd6 Mon Sep 17 00:00:00 2001
From: ivarlovlie <git@ivarlovlie.no>
Date: Sun, 5 Jun 2022 21:50:26 +0200
Subject: feat: Implement new theme switcher component and backend

The theme is now shared between the domain returned by base_domain()
---
 apps/frontpage/src/app.html | 15 +++++++++++++++
 1 file changed, 15 insertions(+)

(limited to 'apps/frontpage')

diff --git a/apps/frontpage/src/app.html b/apps/frontpage/src/app.html
index 917c2aa..5893110 100644
--- a/apps/frontpage/src/app.html
+++ b/apps/frontpage/src/app.html
@@ -4,6 +4,21 @@
   <meta charset="utf-8"/>
   <link rel="icon"
         href="%sveltekit.assets%/favicon.png"/>
+  <script>
+    const value = `; ${document.cookie}`;
+    const parts = value.split(`; go_theme=`);
+    let currentTheme = "system";
+    if (parts.length === 2) {
+      currentTheme = parts.pop().split(";").shift();
+    }
+    if (currentTheme === "light") {
+      document.querySelector("html").dataset.theme = "light";
+    } else if (currentTheme === "dark") {
+      document.querySelector("html").dataset.theme = "dark";
+    } else {
+      document.querySelector("html").dataset.theme = window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
+    }
+  </script>
   <meta name="viewport"
         content="width=device-width, initial-scale=1"/>
   %sveltekit.head%
-- 
cgit v1.3