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

---
 static/style.css | 3 ++-
 template.html    | 7 +++++--
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/static/style.css b/static/style.css
index cfbecf5..a5d3e72 100644
--- a/static/style.css
+++ b/static/style.css
@@ -26,7 +26,7 @@ body {
 
     --light--header-color: #1a1a1a;
     --light--p-color: #101010;
-    --light--link-color: #0090a0;
+    --light--link-color: #007973;
     --light--bg-color: #fff;
     --light--blockquote-color: #606060;
     --light--blockquote-bg-color: #c8c8c820;
@@ -93,6 +93,7 @@ h1, h2, h3, h4, h5, h6 {
 a, a:visited {
     color: var(--link-color);
     text-decoration: none;
+    font-weight: bold;
 }
 
 a:hover {
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