From d320d62f4a66ef8de26914d977e455dde11ea64e Mon Sep 17 00:00:00 2001
From: Kenneth Reitz <me@kennethreitz.org>
Date: Tue, 9 Dec 2025 16:50:51 -0500
Subject: [PATCH] Fix interlinear word detail popup in dark mode
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Added explicit [data-theme="dark"] styles for the word detail popup
which was showing a white background on dark theme.

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

Co-Authored-By: Claude <noreply@anthropic.com>
---
 .../templates/chapter_interlinear.html        | 51 ++++++++++++++++++-
 1 file changed, 49 insertions(+), 2 deletions(-)

diff --git a/kjvstudy_org/templates/chapter_interlinear.html b/kjvstudy_org/templates/chapter_interlinear.html
index a5184ec..494f382 100644
--- a/kjvstudy_org/templates/chapter_interlinear.html
+++ b/kjvstudy_org/templates/chapter_interlinear.html
@@ -368,8 +368,55 @@
     margin-top: 0.5rem;
 }
 
-/* Dark mode */
-/* rely on theme variables */
+/* Dark mode - explicit theme */
+[data-theme="dark"] .word-original {
+    color: #eee;
+}
+
+[data-theme="dark"] .word-unit:hover .word-original {
+    color: #fff;
+}
+
+[data-theme="dark"] .word-unit:hover {
+    background: #2a2a2a;
+    border-color: #444;
+}
+
+[data-theme="dark"] .word-unit.expanded {
+    background: #1a2e1a;
+    border-color: #4a7c59;
+}
+
+[data-theme="dark"] .word-detail {
+    background: #1a1a1a;
+    border-color: #444;
+    box-shadow: 0 8px 24px rgba(0,0,0,0.4);
+}
+
+[data-theme="dark"] .word-detail-header {
+    border-bottom-color: #333;
+}
+
+[data-theme="dark"] .word-detail-original {
+    color: #eee;
+}
+
+[data-theme="dark"] .word-detail-label {
+    color: #888;
+}
+
+[data-theme="dark"] .word-detail-value {
+    color: #ddd;
+}
+
+[data-theme="dark"] .word-detail-value a {
+    color: #6b9b7a;
+}
+
+[data-theme="dark"] .word-detail-definition {
+    color: #bbb;
+    border-top-color: #333;
+}
 
 [data-theme="dark"] .verse-text {
     color: #ccc;