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
This commit is contained in:
Russell Ballestrini 2025-07-02 17:21:34 -04:00
parent f8210bfe39
commit 90842ebaac

View file

@ -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 = () => {