From cb90b2fb3a4ba692f2c32445bf7a84a03379fdfd Mon Sep 17 00:00:00 2001
From: Kenneth Reitz <me@kennethreitz.org>
Date: Wed, 3 Dec 2025 01:44:21 -0500
Subject: [PATCH] Fix kids callout dark mode styling
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Added dark mode styles for the kids-callout aside with appropriate
purple gradient background and lighter text colors.

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

Co-Authored-By: Claude <noreply@anthropic.com>
---
 kjvstudy_org/templates/story_detail.html | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/kjvstudy_org/templates/story_detail.html b/kjvstudy_org/templates/story_detail.html
index 60878f5..c5a2706 100644
--- a/kjvstudy_org/templates/story_detail.html
+++ b/kjvstudy_org/templates/story_detail.html
@@ -141,6 +141,17 @@ hr.story-divider::before {
     color: #7c3aed;
     font-weight: 600;
 }
+/* Dark mode kids callout */
+[data-theme="dark"] .kids-callout {
+    background: linear-gradient(135deg, #2d2640 0%, #1f1a2e 100%);
+    border-left-color: #a78bfa;
+}
+[data-theme="dark"] .kids-callout h3 {
+    color: #c4b5fd;
+}
+[data-theme="dark"] .kids-callout a {
+    color: #a78bfa;
+}
 
 /* Story navigation */
 .story-nav {