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

fix: remove enforceModalTextColors function and set black text directly on textarea and dropdowns

Browse source
This commit is contained in:
Russell Ballestrini 2025-07-03 21:36:13 -04:00
parent a8de98a56a
commit cda3455a22
2 changed files with 4 additions and 20 deletions
Download patch file Download diff file Expand all files Collapse all files

14
src/ui-themes.js
View file

@ -96,17 +96,3 @@ export function initializeChunkFiveFont() {
document.head.appendChild(fontFaceStyle);
}
// Simple text color fix for white backgrounds
export function enforceModalTextColors() {
const modalElement = document.getElementById('uncloseai-embedded-modal');
if (!modalElement) return;
// Force black text on all form elements and content
modalElement.style.color = 'black';
// Fix specific form elements that might have white text
const inputs = modalElement.querySelectorAll('input, textarea, select, button');
inputs.forEach(input => {
input.style.color = 'black';
});
}

10
src/uncloseai-embed-modal.js
View file

@ -8,7 +8,6 @@ import {
detectCurrentTheme,
getThemeColors,
initializeChunkFiveFont,
enforceModalTextColors,
} from "./ui-themes.js";
import {
getUIText,
@ -169,7 +168,6 @@ function refreshModalUI() {
async function openUncloseaiEmbeddedModalNew() {
// Ensure ChunkFive font is loaded and text colors are enforced
initializeChunkFiveFont();
enforceModalTextColors();
// Get theme colors
const theme = detectCurrentTheme();
@ -368,7 +366,7 @@ async function openUncloseaiEmbeddedModalNew() {
border-radius: 6px;
font-size: 14px;
background: ${colors.inputBackground};
color: ${colors.primaryText};
color: black;
`;
// Store models for selection handler
@ -468,7 +466,7 @@ async function openUncloseaiEmbeddedModalNew() {
border-radius: 6px;
font-size: 14px;
background: ${colors.inputBackground};
color: ${colors.primaryText};
color: black;
`;
const voices = ["alloy", "echo", "fable", "onyx", "nova", "shimmer"];
@ -516,7 +514,7 @@ async function openUncloseaiEmbeddedModalNew() {
border-radius: 6px;
font-size: 14px;
background: ${colors.inputBackground};
color: ${colors.primaryText};
color: black;
`;
// Add options for each supported language
@ -1149,7 +1147,7 @@ async function openUncloseaiEmbeddedModalNew() {
line-height: 1.4;
outline: none;
background: ${colors.inputBackground};
color: ${colors.primaryText};
color: black;
transition: border-color 0.2s;
`;
input.onfocus = () => (input.style.borderColor = colors.focusBorder);