kennethreitz/kjvstudy.org
1
0
Fork 0
mirror of https://github.com/kennethreitz/kjvstudy.org.git synced 2026-06-05 23:00:16 +00:00
Code Issues Packages Projects Releases Wiki Activity

Refactor: consolidate shared dark mode rules in base.html

Browse Source 
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>
This commit is contained in:
Kenneth Reitz
2025-12-04 10:10:15 -05:00
parent 9a74654d9f
commit 8d02b5b8eb
7 changed files with 37 additions and 35 deletions
Download Patch File Download Diff File Expand all files Collapse all files
kjvstudy_org/templates/about.html
+1 -4
View File
@@ -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>
kjvstudy_org/templates/accessibility.html
+1 -4
View File
@@ -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>
kjvstudy_org/templates/base.html
+28
View File
@@ -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;
kjvstudy_org/templates/chapter.html
+1 -3
View File
@@ -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 {
kjvstudy_org/templates/family_tree.html
+4 -12
View File
@@ -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;
}
kjvstudy_org/templates/family_tree_person.html
+1 -9
View File
@@ -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;
kjvstudy_org/templates/verse.html
+1 -3
View File
@@ -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 {