From f4e5c33c87a084c4dd6196eaec3b7f40f3df4ac4 Mon Sep 17 00:00:00 2001
From: Miguel Astor <it@jcglobalgroup.com>
Date: Thu, 26 Feb 2026 17:19:52 -0400
Subject: [PATCH] Improve card header visibility in brutalism template dark
 mode

- Keep card-header background yellow in both light and dark modes using
  --accent-tertiary variable (#ffff00 light, #ffff33 dark)
- Set card-title text to black in dark mode for optimal contrast against
  yellow background
- Remove dark mode overrides that changed header background to gray

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
---
 templates/brutalism.html | 21 ++++++++++-----------
 1 file changed, 10 insertions(+), 11 deletions(-)

diff --git a/templates/brutalism.html b/templates/brutalism.html
index c4a7062..45badff 100644
--- a/templates/brutalism.html
+++ b/templates/brutalism.html
@@ -154,17 +154,6 @@
             background: var(--accent-tertiary);
         }
 
-        [data-theme="dark"] .card-header,
-        .dark-theme .card-header {
-            background: var(--bg-tertiary);
-        }
-
-        @media (prefers-color-scheme: dark) {
-            :root:not([data-theme="light"]) .card-header {
-                background: var(--bg-tertiary);
-            }
-        }
-
         .card-title {
             font-size: 18px;
             font-weight: 900;
@@ -173,6 +162,16 @@
             color: var(--text-primary);
         }
 
+        [data-theme="dark"] .card-title {
+            color: #000000;
+        }
+
+        @media (prefers-color-scheme: dark) {
+            :root:not([data-theme="light"]) .card-title {
+                color: #000000;
+            }
+        }
+
         .card-content {
             padding: 20px;
         }