From b22405522d7c6667b1c32b37e8553c6d1f8b4333 Mon Sep 17 00:00:00 2001
From: Afsheen Nadaf <afsheensameerahmednadafbtech24@rvu.edu.in>
Date: Fri, 2 Jan 2026 21:48:42 +0530
Subject: [PATCH 1/2] Fix theme toggle to show next theme state

---
 index.html        | 4 ++--
 package-lock.json | 6 ++++++
 2 files changed, 8 insertions(+), 2 deletions(-)
 create mode 100644 package-lock.json

diff --git a/index.html b/index.html
index 028f3ce28..490b3a592 100644
--- a/index.html
+++ b/index.html
@@ -199,8 +199,8 @@ <h2 class="h3 mb-3">Contribute to this Project</h2>
             html.dataset.bsTheme = theme;
             localStorage.setItem('theme', theme);
             const isLight = theme === 'light';
-            lightIcon.classList.toggle('d-none', !isLight);
-            darkIcon.classList.toggle('d-none', isLight);
+            lightIcon.classList.toggle('d-none', isLight);
+            darkIcon.classList.toggle('d-none', !isLight);
             lightLogo.classList.toggle('d-none', !isLight);
             darkLogo.classList.toggle('d-none', isLight);
         }
diff --git a/package-lock.json b/package-lock.json
new file mode 100644
index 000000000..ae8fffa94
--- /dev/null
+++ b/package-lock.json
@@ -0,0 +1,6 @@
+{
+  "name": "DISCOVER-Cookbook",
+  "lockfileVersion": 3,
+  "requires": true,
+  "packages": {}
+}

From 78930aefd0b1c27a79c62767ce9655568ba42f91 Mon Sep 17 00:00:00 2001
From: Afsheen Nadaf <afsheensameerahmednadafbtech24@rvu.edu.in>
Date: Fri, 2 Jan 2026 22:41:17 +0530
Subject: [PATCH 2/2] Improve accessibility of theme switcher label

---
 index.html | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/index.html b/index.html
index 490b3a592..539bf71f8 100644
--- a/index.html
+++ b/index.html
@@ -41,7 +41,7 @@
                     <li class="nav-item"><a class="nav-link" href="#contribute">Contribute</a></li>
                     <li class="nav-item d-flex gap-2 ms-lg-3">
                         <a href="https://github.com/numfocus/DISCOVER-Cookbook" class="btn btn-outline-secondary py-1 px-2 rounded-3" title="GitHub Repository"><i class="bi bi-github"></i></a>
-                        <button class="btn btn-outline-secondary py-1 px-2 rounded-3" id="theme-switcher" title="Toggle theme">
+                        <button class="btn btn-outline-secondary py-1 px-2 rounded-3" id="theme-switcher" title="Toggle theme" aria-label="Toggle theme">
                             <i class="bi bi-sun-fill d-none" id="light-icon"></i>
                             <i class="bi bi-moon-stars-fill" id="dark-icon"></i>
                         </button>
@@ -199,6 +199,13 @@ <h2 class="h3 mb-3">Contribute to this Project</h2>
             html.dataset.bsTheme = theme;
             localStorage.setItem('theme', theme);
             const isLight = theme === 'light';
+            themeSwitcher.setAttribute(
+                'aria-label',
+                isLight ? 'Switch to dark mode' : 'Switch to light mode'
+            );
+            themeSwitcher.title =
+            isLight ? 'Switch to dark mode' : 'Switch to light mode';
+
             lightIcon.classList.toggle('d-none', isLight);
             darkIcon.classList.toggle('d-none', !isLight);
             lightLogo.classList.toggle('d-none', !isLight);