From 5433244f45ee142fd1bfab9b33dfcccff849ff35 Mon Sep 17 00:00:00 2001
From: zeph <hi@thatalex.dev>
Date: Sat, 13 Aug 2022 06:41:37 -0400
Subject: [PATCH] add dark/light mode overrides

---
 spotify.html | 23 +++++++++++++++++++++--
 1 file changed, 21 insertions(+), 2 deletions(-)

diff --git a/spotify.html b/spotify.html
index c0bdaa2..36acc25 100644
--- a/spotify.html
+++ b/spotify.html
@@ -15,8 +15,8 @@
             <img width="150" id="cover-img">
         </div>
 
-        <div style="text-align:center;" class="content">
-            <p style="color:white;" id="cover-text"></p>
+        <div style="text-align:center;" id="content">
+            <p id="cover-text"></p>
         </div>
     </div>
 
@@ -25,6 +25,25 @@
 </body>
 </html>
 
+<script>
+    const string = window.location.search;
+    const params = new URLSearchParams(string);
+
+    if (params.has('dark') && params.get('dark') == "true") {
+        console.log('[ws-iframe] received dark mode override');
+        document.body.style.backgroundColor = "black";
+        document.getElementById("content").style.color = "white";
+    } else if (params.has('light') && params.get("light") == "true") {
+        console.log('[ws-iframe] received light mode override');
+        document.body.style.backgroundColor = "white";
+        document.getElementById("content").style.color = "black";
+    } else {
+        console.log('[ws-iframe] no override, defaulting to dark');
+        document.body.style.backgroundColor = "black";
+        document.getElementById("content").style.color = 'white';
+    }
+</script>
+
 <style>
     body {
         font-family: 'Quicksand', sans-serif;