From fd7587fac5fedc20b784d12b8f99708b197180d7 Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Wed, 12 Nov 2025 04:55:03 +0000
Subject: [PATCH 1/2] Initial plan


From 8ff4ac835a28620218ceb586490a0322a2858052 Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Wed, 12 Nov 2025 04:58:36 +0000
Subject: [PATCH 2/2] Extract theme toggle to shared js/theme.js file

Co-authored-by: arjun7965 <15646612+arjun7965@users.noreply.github.com>
---
 books.html  | 23 ++---------------------
 index.html  | 24 +-----------------------
 js/theme.js | 24 ++++++++++++++++++++++++
 3 files changed, 27 insertions(+), 44 deletions(-)
 create mode 100644 js/theme.js

diff --git a/books.html b/books.html
index 9eaf5f8..9c17877 100644
--- a/books.html
+++ b/books.html
@@ -47,23 +47,8 @@
             font-size: 0.9rem;
         }
     </style>
+    <script src="js/theme.js"></script>
     <script>
-        // Check for saved theme preference or default to light mode
-        const currentTheme = localStorage.getItem('theme') || 'light';
-        document.documentElement.setAttribute('data-theme', currentTheme);
-
-        function toggleTheme() {
-            const theme = document.documentElement.getAttribute('data-theme');
-            const newTheme = theme === 'light' ? 'dark' : 'light';
-            
-            document.documentElement.setAttribute('data-theme', newTheme);
-            localStorage.setItem('theme', newTheme);
-            
-            // Update icon
-            const icon = document.querySelector('.theme-toggle-slider i');
-            icon.className = newTheme === 'light' ? 'fas fa-moon' : 'fas fa-sun';
-        }
-
         // Helper: Normalize ISBN (remove hyphens/spaces)
         function normalizeIsbn(isbn) {
             return (isbn || '').toString().replace(/[^0-9Xx]/g, '').toUpperCase();
@@ -184,12 +169,8 @@
             attemptNext();
         }
 
-        // Set initial icon on page load and resolve book covers
+        // Resolve book covers on page load
         window.addEventListener('DOMContentLoaded', (event) => {
-            const theme = document.documentElement.getAttribute('data-theme');
-            const icon = document.querySelector('.theme-toggle-slider i');
-            if (icon) icon.className = theme === 'light' ? 'fas fa-moon' : 'fas fa-sun';
-
             // Resolve covers with fallbacks/alternates
             document.querySelectorAll('.book-cover img[data-isbn]').forEach(img => {
                 tryLoadCover(img);
diff --git a/index.html b/index.html
index b4a86a0..4911b1c 100644
--- a/index.html
+++ b/index.html
@@ -75,30 +75,8 @@
             font-size: 0.9rem;
         }
     </style>
+    <script src="js/theme.js"></script>
     <script>
-        // Check for saved theme preference or default to light mode
-        const currentTheme = localStorage.getItem('theme') || 'light';
-        document.documentElement.setAttribute('data-theme', currentTheme);
-
-        function toggleTheme() {
-            const theme = document.documentElement.getAttribute('data-theme');
-            const newTheme = theme === 'light' ? 'dark' : 'light';
-            
-            document.documentElement.setAttribute('data-theme', newTheme);
-            localStorage.setItem('theme', newTheme);
-            
-            // Update icon
-            const icon = document.querySelector('.theme-toggle-slider i');
-            icon.className = newTheme === 'light' ? 'fas fa-moon' : 'fas fa-sun';
-        }
-
-        // Set initial icon on page load
-        window.addEventListener('DOMContentLoaded', (event) => {
-            const theme = document.documentElement.getAttribute('data-theme');
-            const icon = document.querySelector('.theme-toggle-slider i');
-            icon.className = theme === 'light' ? 'fas fa-moon' : 'fas fa-sun';
-        });
-
         // Menu dropdown toggle
         function toggleMenu() {
             const dropdown = document.querySelector('.menu-dropdown');
diff --git a/js/theme.js b/js/theme.js
new file mode 100644
index 0000000..479ed12
--- /dev/null
+++ b/js/theme.js
@@ -0,0 +1,24 @@
+// Theme toggle functionality shared across pages
+
+// Check for saved theme preference or default to light mode
+const currentTheme = localStorage.getItem('theme') || 'light';
+document.documentElement.setAttribute('data-theme', currentTheme);
+
+function toggleTheme() {
+    const theme = document.documentElement.getAttribute('data-theme');
+    const newTheme = theme === 'light' ? 'dark' : 'light';
+    
+    document.documentElement.setAttribute('data-theme', newTheme);
+    localStorage.setItem('theme', newTheme);
+    
+    // Update icon
+    const icon = document.querySelector('.theme-toggle-slider i');
+    icon.className = newTheme === 'light' ? 'fas fa-moon' : 'fas fa-sun';
+}
+
+// Set initial icon on page load
+window.addEventListener('DOMContentLoaded', (event) => {
+    const theme = document.documentElement.getAttribute('data-theme');
+    const icon = document.querySelector('.theme-toggle-slider i');
+    if (icon) icon.className = theme === 'light' ? 'fas fa-moon' : 'fas fa-sun';
+});