mirror of
https://github.com/kennethreitz/kjvstudy.org.git
synced 2026-06-05 23:00:16 +00:00
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:
@@ -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) */
|
||||
|
||||
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user