Update app.py

app.py

@@ -94,7 +94,7 @@ st.set_page_config(
     layout="centered"
 )
 
-# Custom CSS for kid-friendly styling with dark blue text
+# Custom CSS for kid-friendly styling with improved readability
 st.markdown("""
     <style>
     .main {
@@ -123,6 +123,29 @@ st.markdown("""
         border-radius: 10px;
         padding: 10px;
     }
+    /* Style for the file uploader's inner text */
+    .stFileUploader div[role="button"] {
+        background-color: #333333;  /* Darker background for contrast */
+        border-radius: 10px;
+        padding: 10px;
+    }
+    .stFileUploader div[role="button"] > div {
+        color: #ffeb3b !important;  /* Bright yellow text for readability */
+        font-size: 16px;
+    }
+    /* Style for the "Browse files" button inside the file uploader */
+    .stFileUploader button {
+        background-color: #ffca28 !important;  /* Yellow button background */
+        color: #ffffff !important;  /* White text for readability */
+        border-radius: 8px !important;
+        border: 1px solid #ffb300 !important;
+        padding: 5px 15px !important;
+        font-weight: bold !important;
+    }
+    .stFileUploader button:hover {
+        background-color: #ffb300 !important;  /* Slightly darker yellow on hover */
+        color: #ffffff !important;
+    }
     .stImage {
         border: 3px solid #81c784;
         border-radius: 10px;