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/projects/src/index.html | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

(limited to 'apps/projects/src')

diff --git a/apps/projects/src/index.html b/apps/projects/src/index.html
index 985b62b..22dba4f 100644
--- a/apps/projects/src/index.html
+++ b/apps/projects/src/index.html
@@ -26,11 +26,18 @@
     <link rel="icon"
           href="./_assets/pwa/favicon.svg">
     <script>
-		const currentTheme = localStorage.getItem("theme");
+		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 {
+		} 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>
     <link rel="stylesheet"
-- 
cgit v1.3