From 8d02b5b8ebb6d63de90d5a883d4b6b088f8db73b Mon Sep 17 00:00:00 2001
From: Kenneth Reitz <me@kennethreitz.org>
Date: Thu, 4 Dec 2025 10:10:15 -0500
Subject: [PATCH] Refactor: consolidate shared dark mode rules in base.html
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Move common dark mode CSS rules to base.html:
- .words-of-christ
- .section-card, .section-card h2
- .person-card-name, .person-card-verse
- .nav-paragraph.selected

Reduces duplication across 6 templates.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
---
 kjvstudy_org/templates/about.html             |  5 +---
 kjvstudy_org/templates/accessibility.html     |  5 +---
 kjvstudy_org/templates/base.html              | 28 +++++++++++++++++++
 kjvstudy_org/templates/chapter.html           |  4 +--
 kjvstudy_org/templates/family_tree.html       | 16 +++--------
 .../templates/family_tree_person.html         | 10 +------
 kjvstudy_org/templates/verse.html             |  4 +--
 7 files changed, 37 insertions(+), 35 deletions(-)

diff --git a/kjvstudy_org/templates/about.html b/kjvstudy_org/templates/about.html
index 1cf2ff0..313a9ce 100644
--- a/kjvstudy_org/templates/about.html
+++ b/kjvstudy_org/templates/about.html
@@ -255,10 +255,7 @@
         border-radius: 4px;
     }
 
-    [data-theme="dark"] .nav-paragraph.selected {
-        outline-color: #6b9b7a;
-        background: rgba(107, 155, 122, 0.1);
-    }
+    /* .nav-paragraph.selected dark mode is in base.html */
 
 </style>
 
diff --git a/kjvstudy_org/templates/accessibility.html b/kjvstudy_org/templates/accessibility.html
index 570f464..d252a5b 100644
--- a/kjvstudy_org/templates/accessibility.html
+++ b/kjvstudy_org/templates/accessibility.html
@@ -554,10 +554,7 @@
         border-radius: 4px;
     }
 
-    [data-theme="dark"] .nav-paragraph.selected {
-        outline-color: #6b9b7a;
-        background: rgba(107, 155, 122, 0.1);
-    }
+    /* .nav-paragraph.selected dark mode is in base.html */
 </style>
 
 <script>
diff --git a/kjvstudy_org/templates/base.html b/kjvstudy_org/templates/base.html
index c7e2e8d..b18352e 100644
--- a/kjvstudy_org/templates/base.html
+++ b/kjvstudy_org/templates/base.html
@@ -527,6 +527,34 @@
             font-size: 1.2rem;
         }
 
+        /* Shared dark mode rules for common classes across templates */
+        [data-theme="dark"] .words-of-christ {
+            color: #ff6b6b;
+        }
+
+        [data-theme="dark"] .section-card {
+            background: #1a1a1a;
+            border-color: #333;
+        }
+
+        [data-theme="dark"] .section-card h2 {
+            color: #e0e0e0;
+            border-bottom-color: #333;
+        }
+
+        [data-theme="dark"] .person-card-name {
+            color: #e0e0e0;
+        }
+
+        [data-theme="dark"] .person-card-verse {
+            color: #888;
+        }
+
+        [data-theme="dark"] .nav-paragraph.selected {
+            outline-color: #6b9b7a;
+            background: rgba(107, 155, 122, 0.1);
+        }
+
         .breadcrumb a {
             color: var(--link-color);
             text-decoration: none;
diff --git a/kjvstudy_org/templates/chapter.html b/kjvstudy_org/templates/chapter.html
index 9937aaa..85fa79a 100644
--- a/kjvstudy_org/templates/chapter.html
+++ b/kjvstudy_org/templates/chapter.html
@@ -16,9 +16,7 @@
     color: #c41e3a;
 }
 
-[data-theme="dark"] .words-of-christ {
-    color: #ff6b6b;
-}
+/* Dark mode for .words-of-christ is in base.html */
 
 /* Links inside red letter text should also be red */
 .words-of-christ a {
diff --git a/kjvstudy_org/templates/family_tree.html b/kjvstudy_org/templates/family_tree.html
index ce808b9..8ef9c76 100644
--- a/kjvstudy_org/templates/family_tree.html
+++ b/kjvstudy_org/templates/family_tree.html
@@ -354,18 +354,16 @@
     }
 }
 
-/* Dark mode */
+/* Dark mode - .section-card and .person-card-name/verse rules are in base.html */
 [data-theme="dark"] .search-card,
 [data-theme="dark"] .feature-card,
-[data-theme="dark"] .stats-card,
-[data-theme="dark"] .section-card {
+[data-theme="dark"] .stats-card {
     background: #1a1a1a;
     border-color: #333;
 }
 
 [data-theme="dark"] .search-card h2,
-[data-theme="dark"] .stats-card h2,
-[data-theme="dark"] .section-card h2 {
+[data-theme="dark"] .stats-card h2 {
     color: #e0e0e0;
     border-bottom-color: #333;
 }
@@ -444,9 +442,7 @@
     background: linear-gradient(to right, #2a2a1a, #252525);
 }
 
-[data-theme="dark"] .person-card-name {
-    color: #e0e0e0;
-}
+/* .person-card-name and .person-card-verse dark mode rules are in base.html */
 
 [data-theme="dark"] .person-card-meta {
     color: #888;
@@ -456,10 +452,6 @@
     color: #bbb;
 }
 
-[data-theme="dark"] .person-card-verse {
-    color: #888;
-}
-
 [data-theme="dark"] .page-header .subtitle {
     color: #888;
 }
diff --git a/kjvstudy_org/templates/family_tree_person.html b/kjvstudy_org/templates/family_tree_person.html
index cc4f97b..2b5e63d 100644
--- a/kjvstudy_org/templates/family_tree_person.html
+++ b/kjvstudy_org/templates/family_tree_person.html
@@ -323,15 +323,7 @@
     color: #e0e0e0;
 }
 
-[data-theme="dark"] .section-card {
-    background: #1a1a1a;
-    border-color: #333;
-}
-
-[data-theme="dark"] .section-card h2 {
-    color: #e0e0e0;
-    border-bottom-color: #333;
-}
+/* .section-card dark mode rules are in base.html */
 
 [data-theme="dark"] .family-card {
     background: #252525;
diff --git a/kjvstudy_org/templates/verse.html b/kjvstudy_org/templates/verse.html
index 29e981d..895b990 100644
--- a/kjvstudy_org/templates/verse.html
+++ b/kjvstudy_org/templates/verse.html
@@ -44,9 +44,7 @@
     color: #c41e3a;
 }
 
-[data-theme="dark"] .words-of-christ {
-    color: #ff6b6b;
-}
+/* Dark mode for .words-of-christ is in base.html */
 
 /* Links inside red letter text should also be red */
 .words-of-christ a {