Update app.py

app.py

@@ -83,39 +83,6 @@ 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 = """
-.gradio-container {
-    max-width: 1120px !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;
@@ -123,18 +90,18 @@ body {
 .dark #app-subtitle {
     color: #A1A1A6 !important;
 }
-.dark label,
-.dark .gradio-label,
-.dark .gradio-markdown {
-    color: #F5F5F7 !important;
-}
 
-.dark a {
-    color: #0A84FF !important;
+/* Dark mode adjustments for the custom theme colors */
+.dark .gradio-container {
+    background-color: #000000 !important;
+}
+.dark .block.panel {
+    background-color: #1C1C1E !important; /* Apple Dark Mode Gray */
+    border-color: #2C2C2E !important;
 }
+.dark input, .dark textarea, .dark .gr-input {
+    background-color: #2C2C2E !important;
 
-.dark button {
-    border-radius: 999px !important;
 }
 
 """