Update app.py

app.py

@@ -193,13 +193,25 @@ example_queries = [
 
 # 自定義 CSS
 custom_css = """
+body {
+    background-color: #1E1E1E;
+    color: #E0E0E0;
+}
 .container {display: flex; flex-direction: row;}
 .input-column {flex: 1; padding-right: 20px;}
 .output-column {flex: 2;}
 .examples-list {display: flex; flex-wrap: wrap; gap: 10px;}
 .examples-list > * {flex-basis: calc(50% - 5px);}
 footer {display:none !important}
-.gradio-container {font-size: 16px;}
+.gradio-container {font-size: 16px; background-color: #1E1E1E; color: #E0E0E0;}
+.gr-button {background-color: #3B3B3B; color: #FFFFFF;}
+.gr-button:hover {background-color: #4B4B4B;}
+.gr-input, .gr-textarea {background-color: #2B2B2B; color: #E0E0E0; border: 1px solid #3B3B3B;}
+.gr-input:focus, .gr-textarea:focus {border-color: #4B4B4B;}
+.gr-form {background-color: #2B2B2B; border: 1px solid #3B3B3B;}
+.gr-box {background-color: #2B2B2B; border: 1px solid #3B3B3B;}
+.gr-padded {background-color: #2B2B2B;}
+.gr-text {color: #E0E0E0;}
 """
 
 # 創建Gradio界面