added dark mode css

app.py

@@ -71,6 +71,36 @@ with gr.Blocks(css="""
         color: black;
         border: 1px solid #D0D0D0;
     }
+      
+
+    /* Dark mode specific styles */
+    @media (prefers-color-scheme: dark) {
+        .gradio-container {
+            background-color: #1e1e1e; /* Dark background */
+            color: white; /* Light text color for contrast */
+        }
+        h1, h2, p {
+            color: white; /* Light text for headings */
+        }
+        .gr-textbox textarea {
+            background-color: #333333; /* Dark background for text area */
+            color: white; /* Light text color */
+        }
+        .gr-button {
+            background-color: #555555; /* Darker button for dark mode */
+            color: white;
+        }
+        .gr-dropdown {
+            background-color: #333333; /* Dark dropdown background */
+            color: white;
+        }
+        .source-box {
+            background-color: #333333; /* Dark background for sources box */
+            color: white;
+            border: 1px solid #555555; /* Lighter border for visibility */
+        }
+    }
+
     @media (max-width: 600px) {
         .gr-row { flex-direction: column !important; }
         .gr-column { width: 100% !important; }