Create static/style.css

static/style.css

@@ -0,0 +1,45 @@
+.gradio-container {
+    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
+    max-width: 800px;
+    margin: 0 auto;
+}
+
+.dark .gradio-container {
+    background-color: #1a1a1a;
+}
+
+.chatbot {
+    min-height: 500px;
+    border-radius: 8px;
+    border: 1px solid #e0e0e0;
+}
+
+.dark .chatbot {
+    border-color: #444;
+}
+
+/* Button styling */
+button {
+    background-color: #6e6edf !important;
+    color: white !important;
+    border: none !important;
+    border-radius: 4px !important;
+    padding: 8px 16px !important;
+}
+
+button:hover {
+    background-color: #5a5acf !important;
+}
+
+/* Input styling */
+input, textarea {
+    border-radius: 4px !important;
+    padding: 10px !important;
+    border: 1px solid #ddd !important;
+}
+
+.dark input, .dark textarea {
+    background-color: #2d2d2d !important;
+    border-color: #444 !important;
+    color: white !important;
+}