From 22f5f1f971510079bb4ec4f448c39d6aa7216586 Mon Sep 17 00:00:00 2001
From: Henry-Hiles <henry@henryhiles.com>
Date: Mon, 24 Apr 2023 11:02:56 -0400
Subject: [PATCH] Improve dark mode switcher buttons

---
 src/components/Nav.astro | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/components/Nav.astro b/src/components/Nav.astro
index c4ad4ff..2b823bf 100644
--- a/src/components/Nav.astro
+++ b/src/components/Nav.astro
@@ -16,8 +16,12 @@ import styles from "../styles/Nav.module.css"
 		</li>
 		<li>
 			<div id="themeToggle">
-				<div aria-hidden="false"><Icon name="ph:sun-fill" /></div>
-				<div aria-hidden="true"><Icon name="ph:moon-fill" /></div>
+				<button aria-hidden="false" title="Switch to light mode"
+					><Icon name="ph:sun-fill" /></button
+				>
+				<button aria-hidden="true" title="Switch to dark mode"
+					><Icon name="ph:moon-fill" /></button
+				>
 			</div>
 		</li>
 		<li>
@@ -39,7 +43,7 @@ import styles from "../styles/Nav.module.css"
 
 		const body = document.querySelector("body")
 		const themeToggle = document.querySelector("#themeToggle")
-		const icons = document.querySelectorAll("#themeToggle > div")
+		const icons = document.querySelectorAll("#themeToggle > button")
 		let lightMode = localStorage.getItem("lightMode") === "true" || false
 		const setLightMode = () => {
 			localStorage.setItem("lightMode", lightMode)