fix input color

Vets-Who-Code · Nov 13, 2024 · 620e6a5 · 620e6a5
1 parent 59af70e
commit 620e6a5
Showing 1 changed file with 14 additions and 7 deletions.
diff --git a/app.py b/app.py
@@ -74,14 +74,21 @@ def get_svg_base64(svg_content):
         overflow-wrap: break-word;
     }
 
-       /* Style chat input text color */
-    .stChatInput > div > textarea::placeholder {
-            color: var(--white) !important;
-        }
+ /* Target both placeholder and actual text */
+    .stChatInput textarea,
+    .stChatInput textarea::placeholder,
+    .stChatInput textarea:not(:placeholder-shown) {
+        color: white !important;
+    }
+    
+    /* Force text color for active input */
+    .stChatInput textarea:focus {
+        color: white !important;
+    }
     
-    /* Style placeholder text color */
-    .stTextInput input::placeholder, .stTextInput textarea::placeholder {
-        color: var(--white);
+    /* Target the wrapper to ensure color inheritance */
+    [data-testid="stChatInput"] > div {
+        color: white !important;
     }
     </style>
 """, unsafe_allow_html=True)