From 418e0603f2a4756f4ab2a5d7e735bcecaae15a97 Mon Sep 17 00:00:00 2001
From: Kenneth Reitz <me@kennethreitz.org>
Date: Sat, 29 Nov 2025 18:03:35 -0500
Subject: [PATCH] Add dark mode support to resources page
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Dark backgrounds for resource cards
- Dark gradient for featured cards (preserves gold border)
- Proper contrast for titles, counts, and descriptions

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

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

diff --git a/kjvstudy_org/templates/resources.html b/kjvstudy_org/templates/resources.html
index 7acde07..c1f654f 100644
--- a/kjvstudy_org/templates/resources.html
+++ b/kjvstudy_org/templates/resources.html
@@ -150,6 +150,38 @@
         margin-bottom: 2.5rem;
     }
 }
+
+/* Dark mode */
+[data-theme="dark"] .resource-card {
+    background: #1a1a1a;
+    border-color: #333;
+}
+
+[data-theme="dark"] .resource-card:hover {
+    border-color: #555;
+    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
+}
+
+[data-theme="dark"] .resource-card.featured {
+    background: linear-gradient(135deg, #2a2a1a, #1a1a1a);
+    border-color: #d4af37;
+}
+
+[data-theme="dark"] .resource-card h3 {
+    color: #e0e0e0;
+}
+
+[data-theme="dark"] .resource-card:hover h3 {
+    color: #6b9b7a;
+}
+
+[data-theme="dark"] .resource-count {
+    color: #888;
+}
+
+[data-theme="dark"] .resource-description {
+    color: #aaa;
+}
 </style>
 {% endblock %}