engineering/uncloseai.com
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix: add theme-aware styling to modal textareas for blog sites

Browse source 
- Fix main chat input textarea in openUncloseaiEmbeddedModal (line 3837)
- Fix TTS modal textarea with conditional styling (line 4070)
- Fix translation modal textarea with conditional styling (line 4417)
- All textareas now use rgba glassmorphism when USE_CUSTOM_STYLING=false
- Should resolve white-on-white text issue in blog dark mode
This commit is contained in:
Russell Ballestrini 2025-07-03 14:52:09 -04:00
parent 3e01e9c713
commit 9659236bc2
1 changed files with 39 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

43
src/ui.js
View file

@ -3840,6 +3840,11 @@ Format: Start with "Greetings! I'm Hermes..." and make it sound natural and enga
min-height: 44px;
max-height: 120px;
resize: vertical;
background: rgba(255,255,255,0.1);
color: inherit;
border: 1px solid rgba(128,128,128,0.3);
border-radius: 8px;
backdrop-filter: blur(10px);
`;
}
@ -4063,8 +4068,23 @@ export function openTTSModal() {
header.appendChild(closeButton);
const textArea = document.createElement("textarea");
textArea.style.width = "100%";
textArea.style.height = "240px";
if (USE_CUSTOM_STYLING) {
textArea.style.cssText = `
width: 100%;
height: 240px;
`;
} else {
textArea.style.cssText = `
width: 100%;
height: 240px;
background: rgba(255,255,255,0.1);
color: inherit;
border: 1px solid rgba(128,128,128,0.3);
border-radius: 8px;
backdrop-filter: blur(10px);
padding: 0.5rem;
`;
}
textArea.placeholder = getUIText("ttsPlaceholder");
article.appendChild(textArea);
@ -4395,8 +4415,23 @@ export function openTranslateModal() {
// Custom text content
const textArea = document.createElement("textarea");
textArea.style.width = "100%";
textArea.style.height = "150px";
if (USE_CUSTOM_STYLING) {
textArea.style.cssText = `
width: 100%;
height: 150px;
`;
} else {
textArea.style.cssText = `
width: 100%;
height: 150px;
background: rgba(255,255,255,0.1);
color: inherit;
border: 1px solid rgba(128,128,128,0.3);
border-radius: 8px;
backdrop-filter: blur(10px);
padding: 0.5rem;
`;
}
textArea.placeholder = getUIText("translatePlaceholder");
customContent.appendChild(textArea);