From 9ab3804aecb4121c0b9723e4a33bd16e70b8e56a Mon Sep 17 00:00:00 2001 From: Julien Dessaux Date: Sat, 28 Jan 2023 14:47:03 +0100 Subject: Hide theme switcher by default, only show it if javascript is enabled --- assets/header.css | 1 + layouts/partials/themeSwitcher.html | 4 +++- 2 files changed, 4 insertions(+), 1 deletion(-) diff --git a/assets/header.css b/assets/header.css index 94d3ca9..c725b06 100644 --- a/assets/header.css +++ b/assets/header.css @@ -41,6 +41,7 @@ header nav ol li a:hover { background-color: var(--bg-0); border: none; color: var(--fg-1); + display: none; font-size: 1.25rem; margin: 0; padding: 0; diff --git a/layouts/partials/themeSwitcher.html b/layouts/partials/themeSwitcher.html index 685bd82..902d8e3 100644 --- a/layouts/partials/themeSwitcher.html +++ b/layouts/partials/themeSwitcher.html @@ -8,7 +8,9 @@ const themeName = localStorage.getItem('theme'); if (themeName) { document.documentElement.className = themeName; - document.getElementById('themes').value = themeName; + const elt = document.getElementById('themes'); + elt.style.display = "block"; + elt.value = themeName; } })(); -- cgit v1.2.3