Update app.py

app.py

@@ -199,7 +199,7 @@ language_dict = {
     'Croatian (Croatia)-Srecko (Male)': 'hr-HR-SreckoNeural',
     'Hungarian (Hungary)-Noemi (Female)': 'hu-HU-NoemiNeural',
     'Hungarian (Hungary)-Tamas (Male)': 'hu-HU-TamasNeural',
-    'Icelandic (Iceland)-Gudrun (Female)': 'is-IS-GudrunNeural',
+    'Icelandic (I Ascending (1)'>Icelandic (Iceland)-Gudrun (Female)': 'is-IS-GudrunNeural',
     'Icelandic (Iceland)-Gunnar (Male)': 'is-IS-GunnarNeural',
     'Javanese (Indonesia)-Dimas (Male)': 'jv-ID-DimasNeural',
     'Javanese (Indonesia)-Siti (Female)': 'jv-ID-SitiNeural',
@@ -246,48 +246,75 @@ for voice_name, voice_code in language_dict.items():
         language_groups[language] = []
     language_groups[language].append(voice_name)
 
-# CSS for centering elements and dark styling
+# Comprehensive CSS for a true dark theme
 st.markdown("""
     <style>
+    /* Main container and background */
     .main {
+        background-color: #000000 !important;
+        padding: 20px;
+        border-radius: 8px;
+        min-height: 100vh;
         display: flex;
         flex-direction: column;
         align-items: center;
         justify-content: center;
-        text-align: center;
-        background-color: #000000;
-        padding: 20px;
+    }
+    /* Override Streamlit's default white backgrounds */
+    .stApp {
+        background-color: #000000 !important;
+    }
+    .st-emotion-cache-1gv3atu {
+        background-color: #000000 !important;
+    }
+    /* Style for text area */
+    .stTextArea > div > div > textarea {
+        background-color: #1a1a1a;
+        color: #ffffff;
+        border: 1px solid #333333;
         border-radius: 8px;
     }
+    /* Style for dropdowns */
+    .stSelectbox > div > div > select {
+        background-color: #1a1a1a;
+        color: #ffffff;
+        border: 1px solid #333333;
+        border-radius: 8px;
+    }
+    /* Style for buttons */
     .stButton > button {
-        display: block;
+        background-color: #1f77b4;
+        color: #ffffff;
+        border-radius: 8px;
+        border: none;
+        padding: 10px 20px;
         margin-left: auto;
         margin-right: auto;
+        display: block;
+    }
+    .stDownloadButton > button {
         background-color: #1f77b4;
         color: #ffffff;
         border-radius: 8px;
+        border: none;
+        padding: 10px 20px;
+        margin-left: auto;
+        margin-right: auto;
+        display: block;
     }
+    /* Center audio player */
     .stAudio {
         display: flex;
         justify-content: center;
     }
-    .stDownloadButton > button {
-        display: block;
-        margin-left: auto;
-        margin-right: auto;
-        background-color: #1f77b4;
-        color: #ffffff;
-        border-radius: 8px;
-    }
-    .stTextArea > div > div > textarea {
-        background-color: #262730;
-        color: #ffffff;
-        border-radius: 8px;
+    /* Style text and labels */
+    h1, p, label, .stMarkdown, .stSpinner, .stError, .stWarning {
+        color: #ffffff !important;
+        text-align: center;
     }
-    .stSelectbox > div > div > select {
-        background-color: #262730;
-        color: #ffffff;
-        border-radius: 8px;
+    /* Override sidebar and other Streamlit elements */
+    .st-emotion-cache-1r4v8oq, .st-emotion-cache-10trblm {
+        background-color: #000000 !important;
     }
     </style>
 """, unsafe_allow_html=True)
@@ -300,7 +327,7 @@ async def text_to_speech_edge(text, voice):
     return tmp_path
 
 def main():
-    # Center the title and description with dark styling
+    # Center the title and description with white text
     st.markdown("<h1 style='text-align: center; color: #ffffff;'>Text-to-Speech Converter</h1>", unsafe_allow_html=True)
     st.markdown("<p style='text-align: center; color: #ffffff;'>Enter text and select a language and voice to generate an MP3 audio file.</p>", unsafe_allow_html=True)