Update app.py

app.py

@@ -17,34 +17,23 @@ from dotenv import load_dotenv
 load_dotenv()
 
 # Configure Gemini API
-GEMINI_API_KEY = os.getenv("gemini_api")
+GEMINI_API_KEY = os.getenv("GEMINI_API_KEY")
 genai.configure(api_key=GEMINI_API_KEY)
-generation_config = {
-  "temperature": 1,
-  "top_p": 0.95,
-  "top_k": 64,
-  "max_output_tokens": 8192,
-  "response_mime_type": "text/plain",
-}
-
-model = genai.GenerativeModel(
-  model_name="gemini-2.0-pro-exp-02-05",
-  generation_config=generation_config,
-)
+model = genai.GenerativeModel('gemini-pro')
+chat_model = genai.GenerativeModel('gemini-pro')
 
-chat_model = genai.GenerativeModel('"gemini-2.0-pro-exp-02-05"')
-
-# Custom CSS styling
+# Custom CSS styling for dark mode
 CUSTOM_CSS = """
 .gradio-container {
     max-width: 1200px !important;
     margin: auto !important;
     padding: 20px !important;
-    background-color: #f8f9fa !important;
+    background-color: #1a1a1a !important;
+    color: #ffffff !important;
 }
 
 .main-header {
-    background: linear-gradient(90deg, #2C3E50, #3498DB);
+    background: linear-gradient(90deg, #2C3E50, #1e3c72);
     color: white !important;
     padding: 20px !important;
     border-radius: 10px !important;
@@ -53,10 +42,11 @@ CUSTOM_CSS = """
 }
 
 .tab-content {
-    background: white !important;
+    background: #2d2d2d !important;
     padding: 20px !important;
     border-radius: 10px !important;
-    box-shadow: 0 2px 4px rgba(0,0,0,0.1) !important;
+    box-shadow: 0 2px 4px rgba(0,0,0,0.2) !important;
+    color: #ffffff !important;
 }
 
 .action-button {
@@ -72,44 +62,107 @@ CUSTOM_CSS = """
 .action-button:hover {
     background: #2980B9 !important;
     transform: translateY(-2px) !important;
+    box-shadow: 0 4px 8px rgba(0,0,0,0.2) !important;
 }
 
 .status-box {
-    background: #E8F4F8 !important;
+    background: #363636 !important;
     border-left: 4px solid #3498DB !important;
     padding: 15px !important;
     margin: 10px 0 !important;
     border-radius: 0 5px 5px 0 !important;
+    color: #ffffff !important;
 }
 
 .chart-container {
-    background: white !important;
+    background: #2d2d2d !important;
     padding: 20px !important;
     border-radius: 10px !important;
-    box-shadow: 0 2px 4px rgba(0,0,0,0.1) !important;
+    box-shadow: 0 2px 4px rgba(0,0,0,0.2) !important;
+    color: #ffffff !important;
 }
 
 .chat-container {
     height: 400px !important;
     overflow-y: auto !important;
-    border: 1px solid #dee2e6 !important;
+    border: 1px solid #404040 !important;
     border-radius: 10px !important;
     padding: 15px !important;
+    background: #2d2d2d !important;
+    color: #ffffff !important;
 }
 
 .file-upload {
-    border: 2px dashed #dee2e6 !important;
+    border: 2px dashed #404040 !important;
     border-radius: 10px !important;
     padding: 20px !important;
     text-align: center !important;
+    background: #2d2d2d !important;
+    color: #ffffff !important;
 }
 
 .result-box {
-    background: #f8f9fa !important;
-    border: 1px solid #dee2e6 !important;
+    background: #363636 !important;
+    border: 1px solid #404040 !important;
     border-radius: 10px !important;
     padding: 20px !important;
     margin-top: 15px !important;
+    color: #ffffff !important;
+}
+
+/* Additional dark mode styles */
+.tabs {
+    background: #2d2d2d !important;
+    border-radius: 10px !important;
+    padding: 10px !important;
+}
+
+.tab-selected {
+    background: #3498DB !important;
+    color: white !important;
+}
+
+input, select, textarea {
+    background: #363636 !important;
+    color: #ffffff !important;
+    border: 1px solid #404040 !important;
+}
+
+input:focus, select:focus, textarea:focus {
+    border-color: #3498DB !important;
+    box-shadow: 0 0 0 2px rgba(52, 152, 219, 0.2) !important;
+}
+
+.label-text {
+    color: #ffffff !important;
+}
+
+.gr-box {
+    background: #2d2d2d !important;
+    border: 1px solid #404040 !important;
+}
+
+.gr-text-input {
+    background: #363636 !important;
+    color: #ffffff !important;
+}
+
+.gr-checkbox {
+    border-color: #404040 !important;
+}
+
+.gr-checkbox:checked {
+    background-color: #3498DB !important;
+}
+
+.gr-button-primary {
+    background: #3498DB !important;
+    color: white !important;
+}
+
+.gr-button-secondary {
+    background: #404040 !important;
+    color: white !important;
 }
 """