Update app.py

app.py

@@ -94,7 +94,7 @@ st.set_page_config(
     layout="centered"
 )
 
-# Custom CSS for kid-friendly styling with black text
+# Custom CSS for kid-friendly styling with improved readability
 st.markdown("""
     <style>
     .main {
@@ -118,14 +118,14 @@ st.markdown("""
         transform: scale(1.05);
     }
     .stFileUploader {
-        background-color: #fff3cd;
-        border: 2px dashed #ffca28;
+        background-color: #ffb300;  /* Darker yellow for better contrast with white label text */
+        border: 2px dashed #ff8c00;  /* Darker orange border to match */
         border-radius: 10px;
         padding: 10px;
     }
     /* Style for the file uploader's inner text */
     .stFileUploader div[role="button"] {
-        background-color: #cccccc;  /* Light gray background for contrast with black text */
+        background-color: #f0f0f0;  /* Very light gray background for contrast with black text */
         border-radius: 10px;
         padding: 10px;
     }
@@ -138,12 +138,13 @@ st.markdown("""
         background-color: #ffca28 !important;  /* Yellow button background */
         color: #000000 !important;  /* Black text */
         border-radius: 8px !important;
-        border: 1px solid #ffb300 !important;
+        border: 2px solid #ffb300 !important;  /* Match the container background */
         padding: 5px 15px !important;
         font-weight: bold !important;
+        box-shadow: 0 2px 4px rgba(0,0,0,0.2) !important;  /* Subtle shadow to make button stand out */
     }
     .stFileUploader button:hover {
-        background-color: #ffb300 !important;  /* Slightly darker yellow on hover */
+        background-color: #ff8c00 !important;  /* Slightly darker yellow on hover */
         color: #000000 !important;  /* Keep black text */
     }
     .stImage {
@@ -214,5 +215,4 @@ with st.container():
             audio_bytes = part3_text_to_speech_bytes(story, tts_pipe)
         st.audio(audio_bytes, format="audio/wav")
         st.success("Yay! Your story is ready! 🎈")
-        st.balloons()  # Fun animation
-    
+        st.balloons()  # Fun animation