From 326d1c6a6fffce68d432b5cb84131cca3a514558 Mon Sep 17 00:00:00 2001
From: Jonathan Miller <jmiller-moko@noreply.git.mokoconsulting.tech>
Date: Sat, 18 Apr 2026 12:22:12 -0500
Subject: [PATCH] Fix a11y toolbar: use theme-aware colors for dark mode

Panel, buttons, and labels now use --body-bg, --secondary-bg, and
--body-font-color with proper dark theme fallbacks instead of
hardcoded light-theme values (#fff, #444).

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 src/media/css/template.css | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/media/css/template.css b/src/media/css/template.css
index 40ffadd..1c1d64c 100644
--- a/src/media/css/template.css
+++ b/src/media/css/template.css
@@ -17494,12 +17494,13 @@ body[data-theme-fab-enabled="1"] #mokoA11yToolbar {
 
 /* Panel */
 .a11y-panel {
-  background: var(--bs-body-bg, #fff);
+  background: var(--body-bg, var(--bs-body-bg, #fff));
   border: 1px solid var(--border-color, #dee2e6);
   border-radius: var(--border-radius, .375rem);
   padding: .75rem;
   min-width: 200px;
   box-shadow: var(--box-shadow-lg, 0 1rem 3rem rgba(0,0,0,.175));
+  color: var(--body-font-color, var(--body-color, #e6ebf1));
 }
 
 .a11y-group {
@@ -17535,8 +17536,8 @@ body[data-theme-fab-enabled="1"] #mokoA11yToolbar {
   height: 34px;
   border: 1px solid var(--border-color, #dee2e6);
   border-radius: var(--border-radius, .375rem);
-  background: var(--bs-body-bg, #fff);
-  color: var(--body-font-color, #444);
+  background: var(--secondary-bg, var(--bs-body-bg, #fff));
+  color: var(--body-font-color, var(--body-color, #e6ebf1));
   font-size: .875rem;
   cursor: pointer;
   transition: background .15s, border-color .15s;
@@ -17554,7 +17555,7 @@ body[data-theme-fab-enabled="1"] #mokoA11yToolbar {
   font-weight: 600;
   min-width: 3ch;
   text-align: center;
-  color: var(--body-font-color, #444);
+  color: var(--body-font-color, var(--body-color, #e6ebf1));
 }
 
 .a11y-btn-wide {