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 {