From f0b3dc5d276962e12ea0bb162db3daec67e18930 Mon Sep 17 00:00:00 2001 From: Kenneth Reitz Date: Fri, 28 Nov 2025 15:14:00 -0500 Subject: [PATCH] Fix sidenote markers appearing over verse numbers MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Prevent sidenotes from inheriting red color from red letter text by adding CSS rules that reset color inheritance for .sidenote, .marginnote, and .sidenote-number elements nested within .words-of-christ spans. 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude --- kjvstudy_org/templates/chapter.html | 13 +++++++++++++ kjvstudy_org/templates/verse.html | 13 +++++++++++++ 2 files changed, 26 insertions(+) diff --git a/kjvstudy_org/templates/chapter.html b/kjvstudy_org/templates/chapter.html index f75f11b..97836c3 100644 --- a/kjvstudy_org/templates/chapter.html +++ b/kjvstudy_org/templates/chapter.html @@ -15,6 +15,19 @@ color: #ff6b6b; } +/* Prevent sidenotes from inheriting red color */ +.words-of-christ .sidenote, +.words-of-christ .marginnote, +.words-of-christ label.sidenote-number { + color: inherit; +} + +[data-theme="dark"] .words-of-christ .sidenote, +[data-theme="dark"] .words-of-christ .marginnote, +[data-theme="dark"] .words-of-christ label.sidenote-number { + color: inherit; +} + .sidenote, .marginnote { max-height: 150px; diff --git a/kjvstudy_org/templates/verse.html b/kjvstudy_org/templates/verse.html index 8ec0b26..632f6aa 100644 --- a/kjvstudy_org/templates/verse.html +++ b/kjvstudy_org/templates/verse.html @@ -48,6 +48,19 @@ color: #ff6b6b; } +/* Prevent sidenotes from inheriting red color */ +.words-of-christ .sidenote, +.words-of-christ .marginnote, +.words-of-christ label.sidenote-number { + color: inherit; +} + +[data-theme="dark"] .words-of-christ .sidenote, +[data-theme="dark"] .words-of-christ .marginnote, +[data-theme="dark"] .words-of-christ label.sidenote-number { + color: inherit; +} + .verse-text { font-size: 1.8rem; line-height: 2.4rem;