From 90842ebaace0c100248212ce2282d33f0259607c Mon Sep 17 00:00:00 2001
From: Russell Ballestrini <russell.ballestrini@gmail.com>
Date: Wed, 2 Jul 2025 17:21:34 -0400
Subject: [PATCH] fix(ui): ensure batman toolbelt button text is visible in all
 themes

- Add !important to color property for control buttons
- Fix text visibility issue on mobile devices
- Apply same fix to download button
- Update theme change handler to use !important for dynamic updates
---
 src/ui.js | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/ui.js b/src/ui.js
index 57803a1..5d95ea5 100644
--- a/src/ui.js
+++ b/src/ui.js
@@ -1283,7 +1283,7 @@ async function openUncloseaiEmbeddedModalNew() {
 						cursor: pointer;
 						font-size: 14px;
 						white-space: nowrap;
-						color: ${colors.primaryText};
+						color: ${colors.primaryText} !important;
 						transition: all 0.2s;
 					`;
 					downloadBtn.onmouseover = () => {
@@ -1388,7 +1388,7 @@ async function openUncloseaiEmbeddedModalNew() {
 			cursor: pointer;
 			white-space: nowrap;
 			font-size: 14px;
-			color: ${colors.primaryText};
+			color: ${colors.primaryText} !important;
 			transition: all 0.2s;
 		`;
 		btn.onmouseover = () => {
@@ -1894,7 +1894,7 @@ async function openUncloseaiEmbeddedModalNew() {
 		controls.querySelectorAll('button').forEach(btn => {
 			btn.style.background = newColors.buttonBackground;
 			btn.style.borderColor = newColors.buttonBorder;
-			btn.style.color = newColors.primaryText;
+			btn.style.color = `${newColors.primaryText} !important`;
 			
 			// Re-attach hover handlers with new colors
 			btn.onmouseover = () => {