From 068b04c0004e38a760c463589d45c7cfd090eec8 Mon Sep 17 00:00:00 2001
From: Peter Stone <thepeterstone@gmail.com>
Date: Thu, 22 Jan 2026 15:19:00 -1000
Subject: Complete dark translucent theme for all templates

Update all HTML templates to match terst.org styling:
- Dark semi-transparent backgrounds (bg-black/60)
- White text with opacity variants for hierarchy
- Glass effect with backdrop-blur
- Dark form inputs with subtle borders
- Updated modals and FAB button
- Login page with background image

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
---
 web/templates/partials/trello-boards.html | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

(limited to 'web/templates/partials/trello-boards.html')

diff --git a/web/templates/partials/trello-boards.html b/web/templates/partials/trello-boards.html
index 3d42517..d51446d 100644
--- a/web/templates/partials/trello-boards.html
+++ b/web/templates/partials/trello-boards.html
@@ -1,10 +1,10 @@
 {{define "trello-boards"}}
 {{if .Boards}}
-<section class="card section-spacing">
+<section class="card section-spacing text-shadow-sm">
     <!-- Section Header with Brand Color -->
     <div class="flex items-center gap-3 mb-6">
         <div class="w-1 h-8 bg-trello rounded"></div>
-        <h2 class="text-2xl font-bold text-gray-900">Trello Boards</h2>
+        <h2 class="text-2xl font-light text-white tracking-wide">Trello Boards</h2>
     </div>
 
     <!-- Active Boards Grid (boards with cards) -->
@@ -17,12 +17,12 @@
     </div>
 
     <!-- Empty Boards Collapsible (boards without cards) -->
-    <details class="mt-6 border-t border-gray-200 pt-6">
+    <details class="mt-6 border-t border-white/10 pt-6">
         <summary class="cursor-pointer flex items-center justify-between group">
-            <span class="text-sm font-medium text-gray-600 group-hover:text-gray-900 transition-colors">
+            <span class="text-sm font-medium text-white/50 group-hover:text-white/80 transition-colors">
                 Empty Boards
             </span>
-            <svg class="w-5 h-5 text-gray-400 group-hover:text-gray-600 transition-all"
+            <svg class="w-5 h-5 text-white/40 group-hover:text-white/60 transition-all"
                  fill="none" stroke="currentColor" viewBox="0 0 24 24">
                 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" />
             </svg>
@@ -31,9 +31,9 @@
             <div class="card-grid">
                 {{range .Boards}}
                 {{if not .Cards}}
-                <div class="border border-gray-200 rounded-lg p-4 bg-gray-50 opacity-70 hover:opacity-100 transition-opacity">
-                    <h3 class="font-semibold text-gray-700">{{.Name}}</h3>
-                    <p class="text-sm text-gray-500 mt-2">No cards</p>
+                <div class="border border-white/10 rounded-lg p-4 bg-black/30 opacity-70 hover:opacity-100 transition-opacity">
+                    <h3 class="font-medium text-white/70">{{.Name}}</h3>
+                    <p class="text-sm text-white/40 mt-2">No cards</p>
                 </div>
                 {{end}}
                 {{end}}
-- 
cgit v1.2.3