From bfa9babb35448b4012e014050cd094c1252d8835 Mon Sep 17 00:00:00 2001
From: Victor Westerlund <victor.vesterlund@gmail.com>
Date: Thu, 3 Jun 2021 13:47:15 +0200
Subject: [PATCH] Added theme color change listener

---
 public/assets/js/script.js | 13 +++++++++++++
 1 file changed, 13 insertions(+)

diff --git a/public/assets/js/script.js b/public/assets/js/script.js
index 083e7f5..656c4d3 100644
--- a/public/assets/js/script.js
+++ b/public/assets/js/script.js
@@ -4,3 +4,16 @@ if(navigator.serviceWorker) {
 		scope: "/"
 	});
 }
+
+const theme = window.matchMedia("(prefers-color-scheme: dark)");
+
+// Set theme color
+function updateTheme() {
+	// Get theme color from stylesheet
+	const color = window.getComputedStyle(document.body).getPropertyValue("--color-background");
+	document.querySelector("meta[name='theme-color']").setAttribute("content",color);
+}
+
+// Set theme color and listen for changes
+theme.addEventListener("change",updateTheme);
+updateTheme(theme);