From c5ccc1ed285e73afde086bd727306ba9d3e14b39 Mon Sep 17 00:00:00 2001
From: Kenneth Reitz <me@kennethreitz.org>
Date: Wed, 3 Dec 2025 22:36:19 -0500
Subject: [PATCH] Fix search tips box dark mode styling
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Use CSS variables and add dark mode overrides for proper contrast.

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

Co-Authored-By: Claude <noreply@anthropic.com>
---
 kjvstudy_org/templates/search.html | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/kjvstudy_org/templates/search.html b/kjvstudy_org/templates/search.html
index 94a5238..b2c1da1 100644
--- a/kjvstudy_org/templates/search.html
+++ b/kjvstudy_org/templates/search.html
@@ -145,8 +145,8 @@
 .search-tips {
     margin: 2rem 0;
     padding: 1.5rem;
-    background: #f9f9f9;
-    border-left: 3px solid #111;
+    background: var(--code-bg);
+    border-left: 3px solid var(--text-color);
 }
 
 .search-tips h3 {
@@ -157,6 +157,11 @@
     line-height: 1.8;
 }
 
+[data-theme="dark"] .search-tips {
+    background: #1a1a1a;
+    border-left-color: #6b9b7a;
+}
+
 /* Mobile optimizations */
 @media (max-width: 768px) {
     .search-input-wrapper {