From 0de37a490cfdd7c846aeffcaa563a27d104a6ce0 Mon Sep 17 00:00:00 2001
From: Jan Tuomi <jans.tuomi@gmail.com>
Date: Sun, 31 Mar 2024 21:54:22 +0300
Subject: Fix dark mode button HTML tag issue, add contrast to light mode links

---
 template.html | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

(limited to 'template.html')

diff --git a/template.html b/template.html
index beefe84..eca5f3e 100644
--- a/template.html
+++ b/template.html
@@ -82,8 +82,11 @@ $endif$
 $body$
 
 <script>
-document.querySelector("#dark-mode-btn").tagName = "button";
-document.querySelector("#dark-mode-btn").innerHTML = "🌓";
+const b = document.createElement("button");
+b.innerHTML = "🌓";
+b.setAttribute("id", "dark-mode-btn");
+b.setAttribute("aria-label", "Toggle dark mode");
+document.querySelector("#dark-mode-btn").replaceWith(b);
 
 const initialManualColorScheme = localStorage.getItem("colorScheme");
 // If null, no manual color scheme is set
-- 
cgit v1.3