dark mdoe

.gitignore

@@ -0,0 +1 @@
+venv

app.py

@@ -91,7 +91,8 @@ def edit_model(index, name, description, dateOfRelease, developer, use_case, imp
 with gr.Blocks(css="""
     body {
         font-family: 'Arial', sans-serif;
-        background-color: #f4f4f4;
+        background-color: #121212;  /* Dark background color */
+        color: white;  /* White text color for better contrast */
         margin: 0;
         padding: 0;
     }
@@ -100,6 +101,21 @@ with gr.Blocks(css="""
         margin: auto;
         padding: 20px;
     }
+    .gradio-markdown {
+        color: white;  /* Ensure markdown text is white */
+    }
+    .gr-button {
+        background-color: #333;  /* Dark button background */
+        color: white;  /* White button text */
+    }
+    .gr-button:hover {
+        background-color: #555;  /* Lighter shade on hover */
+    }
+    .gr-dropdown, .gr-textbox {
+        background-color: #333;  /* Dark input fields */
+        color: white;  /* White text */
+        border: 1px solid #555;  /* Lighter border */
+    }
 """) as app:
     gr.Markdown("# AI Timeline\n\nVisualize the development of AI models through an interactive timeline.")