From a653cfc2b2d91bf2a5016456080a68235e457082 Mon Sep 17 00:00:00 2001
From: Kenneth Reitz <me@kennethreitz.org>
Date: Wed, 3 Dec 2025 11:35:10 -0500
Subject: [PATCH] Fix verse text color for light mode in resource pages
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Changed hardcoded #e8e8e8 (light gray) to var(--text-secondary)
so verse text is readable in both light and dark modes.

Affected templates:
- resource_detail.html
- biblical_angels.html
- twelve_apostles.html
- biblical_prophets.html
- names_of_god.html
- biblical_covenants.html
- biblical_festivals.html
- parables.html
- women_of_the_bible.html
- tetragrammaton.html

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

Co-Authored-By: Claude <noreply@anthropic.com>
---
 kjvstudy_org/templates/biblical_angels.html    | 2 +-
 kjvstudy_org/templates/biblical_covenants.html | 2 +-
 kjvstudy_org/templates/biblical_festivals.html | 2 +-
 kjvstudy_org/templates/biblical_prophets.html  | 2 +-
 kjvstudy_org/templates/names_of_god.html       | 2 +-
 kjvstudy_org/templates/parables.html           | 2 +-
 kjvstudy_org/templates/resource_detail.html    | 2 +-
 kjvstudy_org/templates/tetragrammaton.html     | 7 ++++++-
 kjvstudy_org/templates/twelve_apostles.html    | 2 +-
 kjvstudy_org/templates/women_of_the_bible.html | 2 +-
 10 files changed, 15 insertions(+), 10 deletions(-)

diff --git a/kjvstudy_org/templates/biblical_angels.html b/kjvstudy_org/templates/biblical_angels.html
index a3741ee..084a5bb 100644
--- a/kjvstudy_org/templates/biblical_angels.html
+++ b/kjvstudy_org/templates/biblical_angels.html
@@ -76,7 +76,7 @@
 .verse-text {
     max-width: 60%;
     font-style: italic;
-    color: #e8e8e8;
+    color: var(--text-secondary);
     line-height: 1.8;
 }
 
diff --git a/kjvstudy_org/templates/biblical_covenants.html b/kjvstudy_org/templates/biblical_covenants.html
index 88c1b00..f9012d6 100644
--- a/kjvstudy_org/templates/biblical_covenants.html
+++ b/kjvstudy_org/templates/biblical_covenants.html
@@ -76,7 +76,7 @@
 .verse-text {
     max-width: 60%;
     font-style: italic;
-    color: #e8e8e8;
+    color: var(--text-secondary);
     line-height: 1.8;
 }
 
diff --git a/kjvstudy_org/templates/biblical_festivals.html b/kjvstudy_org/templates/biblical_festivals.html
index dfca5b2..17e564c 100644
--- a/kjvstudy_org/templates/biblical_festivals.html
+++ b/kjvstudy_org/templates/biblical_festivals.html
@@ -76,7 +76,7 @@
 .verse-text {
     max-width: 60%;
     font-style: italic;
-    color: #e8e8e8;
+    color: var(--text-secondary);
     line-height: 1.8;
 }
 
diff --git a/kjvstudy_org/templates/biblical_prophets.html b/kjvstudy_org/templates/biblical_prophets.html
index 2fd7fad..ec97c56 100644
--- a/kjvstudy_org/templates/biblical_prophets.html
+++ b/kjvstudy_org/templates/biblical_prophets.html
@@ -105,7 +105,7 @@
 .verse-text {
     max-width: 60%;
     font-style: italic;
-    color: #e8e8e8;
+    color: var(--text-secondary);
     line-height: 1.8;
 }
 
diff --git a/kjvstudy_org/templates/names_of_god.html b/kjvstudy_org/templates/names_of_god.html
index 033ea72..2a96a33 100644
--- a/kjvstudy_org/templates/names_of_god.html
+++ b/kjvstudy_org/templates/names_of_god.html
@@ -76,7 +76,7 @@
 .verse-text {
     max-width: 60%;
     font-style: italic;
-    color: #e8e8e8;
+    color: var(--text-secondary);
     line-height: 1.8;
 }
 
diff --git a/kjvstudy_org/templates/parables.html b/kjvstudy_org/templates/parables.html
index 8aa7662..a82f984 100644
--- a/kjvstudy_org/templates/parables.html
+++ b/kjvstudy_org/templates/parables.html
@@ -109,7 +109,7 @@
 .verse-text {
     max-width: 60%;
     font-style: italic;
-    color: #e8e8e8;
+    color: var(--text-secondary);
     line-height: 1.8;
 }
 
diff --git a/kjvstudy_org/templates/resource_detail.html b/kjvstudy_org/templates/resource_detail.html
index c9da61e..0bd5f5e 100644
--- a/kjvstudy_org/templates/resource_detail.html
+++ b/kjvstudy_org/templates/resource_detail.html
@@ -55,7 +55,7 @@
 .verse-text {
     max-width: 75%;
     font-style: italic;
-    color: #e8e8e8 !important;
+    color: var(--text-secondary);
     line-height: 1.8;
     font-size: 1.1rem;
 }
diff --git a/kjvstudy_org/templates/tetragrammaton.html b/kjvstudy_org/templates/tetragrammaton.html
index 9d811bd..858c12a 100644
--- a/kjvstudy_org/templates/tetragrammaton.html
+++ b/kjvstudy_org/templates/tetragrammaton.html
@@ -5,6 +5,11 @@
 
 {% block head %}
 <style>
+.verse-text {
+    color: var(--text-secondary);
+    font-style: italic;
+}
+
 .toc {
     max-width: 55%;
     margin: 2rem 0;
@@ -134,7 +139,7 @@
     {% for verse in section.verses %}
     <p style="margin: 1rem 0; padding-left: 1.5rem; border-left: 2px solid var(--border-color-dark);">
         <strong><a href="/book/{{ verse.reference.rsplit(' ', 1)[0] }}/chapter/{{ verse.reference.rsplit(' ', 1)[1].split(':')[0] }}/verse/{{ verse.reference.rsplit(' ', 1)[1].split(':')[1] if ':' in verse.reference else '1' }}">{{ verse.reference }}</a></strong><br/>
-        <em style="color: #e8e8e8;">{{ verse.text }}</em>
+        <em class="verse-text">{{ verse.text }}</em>
     </p>
     {% endfor %}
     {% endif %}
diff --git a/kjvstudy_org/templates/twelve_apostles.html b/kjvstudy_org/templates/twelve_apostles.html
index 2a4f01e..4272a88 100644
--- a/kjvstudy_org/templates/twelve_apostles.html
+++ b/kjvstudy_org/templates/twelve_apostles.html
@@ -105,7 +105,7 @@
 .verse-text {
     max-width: 60%;
     font-style: italic;
-    color: #e8e8e8;
+    color: var(--text-secondary);
     line-height: 1.8;
 }
 
diff --git a/kjvstudy_org/templates/women_of_the_bible.html b/kjvstudy_org/templates/women_of_the_bible.html
index ca82f26..b13bab9 100644
--- a/kjvstudy_org/templates/women_of_the_bible.html
+++ b/kjvstudy_org/templates/women_of_the_bible.html
@@ -76,7 +76,7 @@
 .verse-text {
     max-width: 60%;
     font-style: italic;
-    color: #e8e8e8;
+    color: var(--text-secondary);
     line-height: 1.8;
 }