Prevent word definitions from inheriting red letter color

Add CSS rules to prevent interlinear word analysis elements (original text, transliteration, Strong's numbers, English, parsing, and definitions) from inheriting red color when nested within red letter text spans.

🤖 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:14:39 -05:00
parent f0b3dc5d27
commit 9107adbfac
+19
View File
@@ -61,6 +61,25 @@
color: inherit;
}
/* 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;
}
[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;
}
.verse-text {
font-size: 1.8rem;
line-height: 2.4rem;