From 51616f1bc48f4e7f00f9ae23dea30846166179cd Mon Sep 17 00:00:00 2001 From: Chuck <33324927+ChuckBuilds@users.noreply.github.com> Date: Fri, 13 Feb 2026 15:50:34 -0500 Subject: [PATCH] fix(web): dark mode for collapsible config section headers (#246) * fix(web): add dark mode overrides for collapsible config section headers The collapsible section headers in plugin config schemas used bg-gray-100 and hover:bg-gray-200 which had no dark mode overrides, resulting in light text on a light background when dark mode was active. Co-Authored-By: Claude Opus 4.6 * fix(web): add missing bg-gray-100 light-mode utility class Co-Authored-By: Claude Opus 4.6 --------- Co-authored-by: Chuck Co-authored-by: Claude Opus 4.6 --- web_interface/static/v3/app.css | 3 +++ 1 file changed, 3 insertions(+) diff --git a/web_interface/static/v3/app.css b/web_interface/static/v3/app.css index 54ae4eb6..7bbedd37 100644 --- a/web_interface/static/v3/app.css +++ b/web_interface/static/v3/app.css @@ -66,6 +66,7 @@ /* Dark Mode - Utility Class Overrides */ [data-theme="dark"] .bg-white { background-color: var(--color-surface); } [data-theme="dark"] .bg-gray-50 { background-color: var(--color-background); } +[data-theme="dark"] .bg-gray-100 { background-color: var(--color-surface); } [data-theme="dark"] .bg-gray-200 { background-color: var(--color-border); } [data-theme="dark"] .text-gray-900 { color: var(--color-text-primary); } @@ -79,6 +80,7 @@ [data-theme="dark"] .border-gray-300 { border-color: #4b5563; } [data-theme="dark"] .hover\:bg-gray-50:hover { background-color: var(--color-border); } +[data-theme="dark"] .hover\:bg-gray-200:hover { background-color: #4b5563; } [data-theme="dark"] .hover\:text-gray-700:hover { color: #e5e7eb; } [data-theme="dark"] .hover\:border-gray-300:hover { border-color: #6b7280; } @@ -100,6 +102,7 @@ body { /* Utility classes */ .bg-gray-50 { background-color: #f9fafb; } +.bg-gray-100 { background-color: #f3f4f6; } .bg-white { background-color: #ffffff; } .bg-gray-800 { background-color: #1f2937; } .bg-gray-900 { background-color: #111827; }