Add text under dark mode button

zalbright90 · Jul 31, 2024 · 56f3215 · 56f3215
1 parent 14024a2
commit 56f3215
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/index.html b/index.html
@@ -24,7 +24,7 @@
         <section class="container" aria-labelledby="stanza-header">
             <div class="mode-toggle">
                 <input type="checkbox" id="darkModeToggle" class="toggle-checkbox">
-                <label for="darkModeToggle" class="toggle-label"></label>
+                <label for="darkModeToggle" class="toggle-label"><p>Dark Mode</p></label>
               </div>
             <h1>ᚺᚨᚢᚨᛗᚨᛚ</h1>
             <h2>Hávamál</h2>

diff --git a/muninn.css b/muninn.css
@@ -309,6 +309,10 @@ footer p {
     transition: opacity var(--speed-3), visibility var(--speed-3);
 }
 
+.toggle-label p {
+    text-shadow: var(--text-shadow);
+}
+
 .toggle-checkbox:checked + .toggle-label {
     background-color: var(--light-text);
 }