asdsada

app.py

@@ -237,8 +237,8 @@ custom_css = """
 html, body {
     height: 100%;
     font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
-    background-color: #f5f7fa;
-    color: #333333;
+    background-color: #2c3e50 !important;
+    color: #ecf0f1 !important;
     line-height: 1.6;
 }
 
@@ -254,10 +254,10 @@ html, body {
     text-align: center;
     margin-bottom: 30px;
     padding: 25px;
-    background: linear-gradient(135deg, #1a6dcc, #0096c7);
+    background: linear-gradient(135deg, #3498db, #2980b9);
     color: white;
     border-radius: 12px;
-    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.1);
+    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3);
 }
 
 .title {
@@ -283,44 +283,45 @@ html, body {
 
 /* Card styles */
 .card {
-    background: #ffffff;
+    background: #34495e !important;
     border-radius: 12px;
-    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
+    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
     padding: 25px;
     margin-bottom: 25px;
     transition: all 0.3s ease;
-    border: 1px solid #eaeaea;
+    border: 1px solid #2c3e50;
+    color: #ecf0f1 !important;
 }
 
 .card:hover {
     transform: translateY(-3px);
-    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);
+    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.4);
 }
 
 .input-section {
-    background: linear-gradient(to bottom right, #e3f2fd, #bbdefb);
-    border: 1px solid #90caf9;
+    background: linear-gradient(to bottom right, #2c3e50, #34495e);
+    border: 1px solid #3498db;
 }
 
 .output-section {
-    background: #ffffff;
-    border: 1px solid #e0e0e0;
+    background: #2c3e50 !important;
+    border: 1px solid #3498db;
 }
 
 /* Section headings */
 .card h3 {
-    color: #1a6dcc;
+    color: #3498db !important;
     margin-bottom: 20px;
     font-size: 1.4rem;
     font-weight: 600;
-    border-bottom: 2px solid #e3f2fd;
+    border-bottom: 2px solid #3498db;
     padding-bottom: 10px;
 }
 
 /* Button styles */
 .btn-primary {
-    background: linear-gradient(135deg, #1a6dcc, #0077b6);
-    color: white;
+    background: linear-gradient(135deg, #3498db, #2980b9);
+    color: white !important;
     border: none;
     padding: 14px 28px;
     font-size: 17px;
@@ -328,7 +329,7 @@ html, body {
     cursor: pointer;
     transition: all 0.3s ease;
     font-weight: 600;
-    box-shadow: 0 4px 10px rgba(26, 109, 204, 0.3);
+    box-shadow: 0 4px 10px rgba(52, 152, 219, 0.4);
     display: inline-block;
     width: 100%;
     text-align: center;
@@ -336,20 +337,20 @@ html, body {
 
 .btn-primary:hover {
     transform: translateY(-3px);
-    box-shadow: 0 6px 15px rgba(26, 109, 204, 0.4);
-    background: linear-gradient(135deg, #0077b6, #023e8a);
+    box-shadow: 0 6px 15px rgba(52, 152, 219, 0.6);
+    background: linear-gradient(135deg, #2980b9, #1c6ea4);
 }
 
 .btn-primary:active {
     transform: translateY(1px);
-    box-shadow: 0 2px 5px rgba(26, 109, 204, 0.3);
+    box-shadow: 0 2px 5px rgba(52, 152, 219, 0.4);
 }
 
 /* Input fields */
 .gr-textbox, .gr-textbox input, .gr-textbox textarea {
-    color: #333333 !important;
-    background-color: #ffffff !important;
-    border: 2px solid #cbd5e0 !important;
+    color: #ecf0f1 !important;
+    background-color: #34495e !important;
+    border: 2px solid #3498db !important;
     border-radius: 8px !important;
     padding: 12px 15px !important;
     font-size: 16px !important;
@@ -358,21 +359,22 @@ html, body {
 }
 
 .gr-textbox:focus, .gr-textbox input:focus, .gr-textbox textarea:focus {
-    border-color: #1a6dcc !important;
-    box-shadow: 0 0 0 3px rgba(26, 109, 204, 0.2) !important;
+    border-color: #1abc9c !important;
+    box-shadow: 0 0 0 3px rgba(26, 188, 156, 0.3) !important;
 }
 
 /* File upload */
 .gr-file {
-    border: 2px dashed #cbd5e0 !important;
+    border: 2px dashed #3498db !important;
     border-radius: 8px !important;
     padding: 15px !important;
-    background-color: #f8fafc !important;
+    background-color: #34495e !important;
+    color: #ecf0f1 !important;
 }
 
 .gr-file:hover {
-    border-color: #1a6dcc !important;
-    background-color: #f0f7ff !important;
+    border-color: #1abc9c !important;
+    background-color: #2c3e50 !important;
 }
 
 /* Checkbox */
@@ -382,73 +384,39 @@ html, body {
 
 .gr-checkbox label {
     font-size: 16px;
-    color: #333333;
+    color: #ecf0f1 !important;
     display: flex;
     align-items: center;
 }
 
-/* Examples section */
-.examples {
-    background: #f0f9ff;
-    border-left: 4px solid #0096c7;
-    padding: 15px;
-    border-radius: 0 8px 8px 0;
-    margin-top: 20px;
-}
-
-.examples h4 {
-    color: #1a6dcc;
-    margin-bottom: 10px;
-}
-
-.examples .gr-examples {
-    display: grid;
-    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
-    gap: 10px;
-    margin-top: 10px;
-}
-
-.examples .gr-example-item {
-    background: #e3f2fd;
-    padding: 12px;
-    border-radius: 8px;
-    cursor: pointer;
-    transition: all 0.2s ease;
-    border: 1px solid #bbdefb;
-}
-
-.examples .gr-example-item:hover {
-    background: #bbdefb;
-    transform: translateX(5px);
-}
-
 /* Streaming content area */
 .streaming-content {
     white-space: pre-wrap;
     font-family: 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
-    background-color: #f8fafc;
+    background-color: #34495e !important;
     padding: 20px;
     border-radius: 10px;
     margin: 15px 0;
-    border-left: 5px solid #1a6dcc;
-    box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.05);
+    border-left: 5px solid #3498db;
+    box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.3);
     min-height: 150px;
     max-height: 700px;
     overflow-y: auto;
-    color: #333333;
+    color: #ecf0f1 !important;
     font-size: 16px;
     line-height: 1.7;
+    border: 1px solid #2c3e50;
 }
 
 .streaming-content h2 {
-    color: #1a6dcc;
-    border-bottom: 2px solid #e3f2fd;
+    color: #3498db !important;
+    border-bottom: 2px solid #3498db;
     padding-bottom: 10px;
     margin-top: 0;
 }
 
 .streaming-content h3 {
-    color: #0077b6;
+    color: #1abc9c !important;
     margin-top: 20px;
 }
 
@@ -467,17 +435,17 @@ html, body {
     align-items: center;
     justify-content: center;
     padding: 12px;
-    background: #e3f2fd;
+    background: #34495e;
     border-radius: 8px;
     margin: 15px 0;
-    color: #1a6dcc;
+    color: #3498db;
     font-weight: 500;
-    border: 1px solid #bbdefb;
+    border: 1px solid #3498db;
 }
 
 .spinner {
-    border: 4px solid #f3f3f3;
-    border-top: 4px solid #1a6dcc;
+    border: 4px solid #2c3e50;
+    border-top: 4px solid #3498db;
     border-radius: 50%;
     width: 24px;
     height: 24px;
@@ -489,6 +457,7 @@ html, body {
 .progress-text {
     margin-left: 10px;
     font-weight: 500;
+    color: #ecf0f1 !important;
 }
 
 /* Footer */
@@ -496,67 +465,69 @@ html, body {
     text-align: center;
     margin-top: 30px;
     padding: 25px;
-    color: #666666;
+    color: #bdc3c7 !important;
     font-size: 0.95rem;
-    background: #f8fafc;
+    background: #34495e;
     border-radius: 10px;
-    border-top: 1px solid #eaeaea;
+    border-top: 1px solid #3498db;
 }
 
 .footer p {
     margin: 8px 0;
+    color: #ecf0f1 !important;
 }
 
 .highlight {
-    background: linear-gradient(120deg, #e3f2fd, #bbdefb);
+    background: linear-gradient(120deg, #3498db, #2980b9);
     padding: 3px 8px;
     border-radius: 5px;
     font-weight: 600;
-    color: #1a6dcc;
+    color: #ffffff;
 }
 
 /* Markdown content */
 .gr-markdown {
-    color: #333333 !important;
+    color: #ecf0f1 !important;
     line-height: 1.7;
+    background-color: #34495e !important;
 }
 
 .gr-markdown h1, .gr-markdown h2, .gr-markdown h3, 
 .gr-markdown h4, .gr-markdown h5, .gr-markdown h6 {
-    color: #1a6dcc !important;
+    color: #3498db !important;
     margin-top: 1.5rem;
     margin-bottom: 1rem;
 }
 
 .gr-markdown p {
-    color: #333333 !important;
+    color: #ecf0f1 !important;
     margin-bottom: 1rem;
 }
 
 .gr-markdown a {
-    color: #1a6dcc !important;
+    color: #1abc9c !important;
     text-decoration: underline;
 }
 
 .gr-markdown a:hover {
-    color: #0077b6 !important;
+    color: #16a085 !important;
 }
 
 .gr-markdown code {
-    background-color: #f1f5f9 !important;
+    background-color: #2c3e50 !important;
     padding: 2px 6px !important;
     border-radius: 4px !important;
-    color: #d63384 !important;
+    color: #f39c12 !important;
     font-size: 0.95em !important;
 }
 
 .gr-markdown pre {
-    background-color: #f1f5f9 !important;
+    background-color: #2c3e50 !important;
     padding: 15px !important;
     border-radius: 8px !important;
     overflow-x: auto !important;
-    color: #333333 !important;
-    border: 1px solid #e2e8f0 !important;
+    color: #ecf0f1 !important;
+    border: 1px solid #3498db !important;
 }
 
 .gr-markdown pre code {
@@ -566,11 +537,12 @@ html, body {
 }
 
 .gr-markdown blockquote {
-    border-left: 4px solid #1a6dcc !important;
+    border-left: 4px solid #3498db !important;
     padding: 10px 20px !important;
-    background-color: #f0f9ff !important;
+    background-color: #2c3e50 !important;
     margin: 20px 0 !important;
     border-radius: 0 8px 8px 0 !important;
+    color: #ecf0f1 !important;
 }
 
 .gr-markdown table {
@@ -580,14 +552,15 @@ html, body {
 }
 
 .gr-markdown table th, .gr-markdown table td {
-    border: 1px solid #cbd5e0 !important;
+    border: 1px solid #3498db !important;
     padding: 10px !important;
     text-align: left !important;
+    color: #ecf0f1 !important;
 }
 
 .gr-markdown table th {
-    background-color: #e3f2fd !important;
-    color: #1a6dcc !important;
+    background-color: #2980b9 !important;
+    color: #ffffff !important;
 }
 
 /* Animations */
@@ -632,12 +605,12 @@ html, body {
 /* High contrast mode support */
 @media (prefers-contrast: high) {
     body {
-        background-color: #ffffff;
-        color: #000000;
+        background-color: #1a1a1a !important;
+        color: #ffffff !important;
     }
     
     .card {
-        border: 2px solid #000000;
+        border: 2px solid #ffffff;
     }
 }
 """
@@ -676,17 +649,6 @@ with gr.Blocks(css=custom_css, title="Research Assistant") as demo:
                     value=False
                 )
                 submit_btn = gr.Button("Research", elem_classes=["btn-primary"])
-                
-                with gr.Group(elem_classes=["examples"]):
-                    gr.Markdown("### 💡 Example Queries")
-                    examples = gr.Examples(
-                        examples=[
-                            "Latest advancements in quantum computing",
-                            "Impact of climate change on global agriculture",
-                            "Recent developments in Alzheimer's treatment research"
-                        ],
-                        inputs=query_input
-                    )
         
         with gr.Column(scale=2):
             with gr.Group(elem_classes=["card", "output-section"]):