Update app.py

app.py

@@ -83,25 +83,60 @@ apple_theme = AppleStyleTheme()
 # 2. CUSTOM CSS FOR DARK MODE FIXES
 # This CSS targets the HTML elements specifically when Gradio is in "dark" mode.
 custom_css = """
-/* Force title color in dark mode */
+.gradio-container {
+    max-width: 960px !important;
+    margin: 0 auto !important;
+}
+
+body {
+    background-color: #F5F5F7;
+}
+
+.dark body,
+.dark .gradio-container {
+    background-color: #000000 !important; 
+}
+
+.dark .block,
+.dark .panel,
+.dark .gradio-block,
+.dark .gr-box,
+.dark .gr-panel {
+    background-color: #1C1C1E !important; 
+    border-color: #2C2C2E !important;
+    box-shadow: none !important;
+}
+
+.dark input,
+.dark textarea,
+.dark .gr-input,
+.dark .gradio-textbox,
+.dark .gradio-dropdown {
+    background-color: #2C2C2E !important; 
+    color: #F5F5F7 !important;
+    border-color: #3A3A3C !important;
+}
+
 .dark #app-title {
     color: #F5F5F7 !important;
 }
 .dark #app-subtitle {
     color: #A1A1A6 !important;
 }
-
-/* Dark mode adjustments for the custom theme colors */
-.dark .gradio-container {
-    background-color: #000000 !important;
+.dark label,
+.dark .gradio-label,
+.dark .gradio-markdown {
+    color: #F5F5F7 !important;
 }
-.dark .block.panel {
-    background-color: #1C1C1E !important; /* Apple Dark Mode Gray */
-    border-color: #2C2C2E !important;
+
+.dark a {
+    color: #0A84FF !important;
 }
-.dark input, .dark textarea, .dark .gr-input {
-    background-color: #2C2C2E !important;
+
+.dark button {
+    border-radius: 999px !important;
 }
+
 """
 
 # --- Model Loading ---