diff options
| author | Jan Tuomi <jans.tuomi@gmail.com> | 2024-03-31 21:54:22 +0300 |
|---|---|---|
| committer | Jan Tuomi <jans.tuomi@gmail.com> | 2024-03-31 21:54:22 +0300 |
| commit | 0de37a490cfdd7c846aeffcaa563a27d104a6ce0 (patch) | |
| tree | 77ea9de518f11befbc2e2748c619fdd7b8f5c563 | |
| parent | 7eb044672595946e0b360ff57128dad50892a2ee (diff) | |
Fix dark mode button HTML tag issue, add contrast to light mode links
| -rw-r--r-- | static/style.css | 3 | ||||
| -rw-r--r-- | 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 |