From bed94494ff86d0de32aa448006ce2fc5696a1775 Mon Sep 17 00:00:00 2001
From: Kenneth Reitz <me@kennethreitz.org>
Date: Thu, 4 Dec 2025 10:15:32 -0500
Subject: [PATCH] Fix: restore dark mode rules to templates where needed
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

CSS cascade order means template <style> blocks load after style.css,
so dark mode overrides for template-specific classes must stay inline.
Restored .section-card and .person-card-* rules to family_tree templates.

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

Co-Authored-By: Claude <noreply@anthropic.com>
---
 kjvstudy_org/static/style.css                 | 22 ++++---------------
 kjvstudy_org/templates/family_tree.html       | 16 ++++++++++----
 .../templates/family_tree_person.html         | 10 ++++++++-
 3 files changed, 25 insertions(+), 23 deletions(-)

diff --git a/kjvstudy_org/static/style.css b/kjvstudy_org/static/style.css
index 4716a21..bbfcfc3 100644
--- a/kjvstudy_org/static/style.css
+++ b/kjvstudy_org/static/style.css
@@ -2530,25 +2530,11 @@ label.sidenote-number {
     color: #ff6b6b;
 }
 
-[data-theme="dark"] .section-card {
-    background: #1a1a1a !important;
-    border-color: #333 !important;
-}
-
-[data-theme="dark"] .section-card h2 {
-    color: #e0e0e0 !important;
-    border-bottom-color: #333 !important;
-}
-
-[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);
 }
+
+/* Note: .section-card, .person-card-name, .person-card-verse dark mode rules
+   must stay in individual templates due to CSS cascade order (template <style>
+   blocks load after style.css) */
diff --git a/kjvstudy_org/templates/family_tree.html b/kjvstudy_org/templates/family_tree.html
index 8ef9c76..ce808b9 100644
--- a/kjvstudy_org/templates/family_tree.html
+++ b/kjvstudy_org/templates/family_tree.html
@@ -354,16 +354,18 @@
     }
 }
 
-/* Dark mode - .section-card and .person-card-name/verse rules are in base.html */
+/* Dark mode */
 [data-theme="dark"] .search-card,
 [data-theme="dark"] .feature-card,
-[data-theme="dark"] .stats-card {
+[data-theme="dark"] .stats-card,
+[data-theme="dark"] .section-card {
     background: #1a1a1a;
     border-color: #333;
 }
 
 [data-theme="dark"] .search-card h2,
-[data-theme="dark"] .stats-card h2 {
+[data-theme="dark"] .stats-card h2,
+[data-theme="dark"] .section-card h2 {
     color: #e0e0e0;
     border-bottom-color: #333;
 }
@@ -442,7 +444,9 @@
     background: linear-gradient(to right, #2a2a1a, #252525);
 }
 
-/* .person-card-name and .person-card-verse dark mode rules are in base.html */
+[data-theme="dark"] .person-card-name {
+    color: #e0e0e0;
+}
 
 [data-theme="dark"] .person-card-meta {
     color: #888;
@@ -452,6 +456,10 @@
     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 2b5e63d..cc4f97b 100644
--- a/kjvstudy_org/templates/family_tree_person.html
+++ b/kjvstudy_org/templates/family_tree_person.html
@@ -323,7 +323,15 @@
     color: #e0e0e0;
 }
 
-/* .section-card dark mode rules are in base.html */
+[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"] .family-card {
     background: #252525;