Fix: restore dark mode rules to templates where needed

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>
This commit is contained in:
2025-12-04 10:15:32 -05:00
parent 09c943e795
commit bed94494ff
3 changed files with 25 additions and 23 deletions
+4 -18
View File
@@ -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) */
+12 -4
View File
@@ -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;
}
@@ -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;