Fix red letter color inheritance by using explicit colors

Replace 'color: inherit' with explicit color values to prevent sidenotes and word definitions from inheriting red color. Using #111 for light theme and #ddd for dark theme ensures proper contrast and readability.

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

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
2025-11-28 15:17:40 -05:00
parent 6cc7c3f5e0
commit c4485423cf
2 changed files with 24 additions and 12 deletions
+2 -2
View File
@@ -20,14 +20,14 @@
.words-of-christ .marginnote,
.words-of-christ .sidenote-number,
.words-of-christ label.sidenote-number {
color: inherit;
color: #111;
}
[data-theme="dark"] .words-of-christ .sidenote,
[data-theme="dark"] .words-of-christ .marginnote,
[data-theme="dark"] .words-of-christ .sidenote-number,
[data-theme="dark"] .words-of-christ label.sidenote-number {
color: inherit;
color: #ddd;
}
.sidenote,
+22 -10
View File
@@ -53,33 +53,45 @@
.words-of-christ .marginnote,
.words-of-christ .sidenote-number,
.words-of-christ label.sidenote-number {
color: inherit;
color: #111;
}
[data-theme="dark"] .words-of-christ .sidenote,
[data-theme="dark"] .words-of-christ .marginnote,
[data-theme="dark"] .words-of-christ .sidenote-number,
[data-theme="dark"] .words-of-christ label.sidenote-number {
color: inherit;
color: #ddd;
}
/* Prevent word definitions from inheriting red color */
.words-of-christ .word-original,
.words-of-christ .word-transliteration,
.words-of-christ .word-strongs,
.words-of-christ .word-english,
.words-of-christ .word-parsing,
.words-of-christ .word-definition {
color: inherit;
color: #111;
}
.words-of-christ .word-transliteration,
.words-of-christ .word-parsing {
color: #666;
}
.words-of-christ .word-strongs {
color: #0066cc;
}
[data-theme="dark"] .words-of-christ .word-original,
[data-theme="dark"] .words-of-christ .word-transliteration,
[data-theme="dark"] .words-of-christ .word-strongs,
[data-theme="dark"] .words-of-christ .word-english,
[data-theme="dark"] .words-of-christ .word-parsing,
[data-theme="dark"] .words-of-christ .word-definition {
color: inherit;
color: #ddd;
}
[data-theme="dark"] .words-of-christ .word-transliteration,
[data-theme="dark"] .words-of-christ .word-parsing {
color: #999;
}
[data-theme="dark"] .words-of-christ .word-strongs {
color: #6699ff;
}
.verse-text {