Update app_huggingface.py

app_huggingface.py

@@ -87,37 +87,61 @@ description = """
 css = """
 .gradio-container {
     font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
-    background-color: #f5f5f5;
-    color: #222;
+    background-color: #181818;
+    color: #f0f0f0;
 }
+
 input, button, textarea, select {
-    background-color: #ffffff !important;
-    color: #000000 !important;
-    border: 1px solid #ccc !important;
+    background-color: #2a2a2a !important;
+    color: #ffffff !important;
+    border: 1px solid #444 !important;
 }
+
 label, .label, .output_class, .output_label, .upload_box {
-    color: #000 !important;
+    color: #ffffff !important;
 }
+
 .gr-image-upload {
-    background-color: #fff !important;
-    border: 1px solid #ccc !important;
+    background-color: #2a2a2a !important;
+    border: 1px solid #555 !important;
+    color: #ffffff !important;
 }
+
 .examples {
-    background-color: #fafafa;
-    border: 1px solid #ddd;
+    background-color: #222;
+    border: 1px solid #444;
     border-radius: 10px;
     padding: 15px;
 }
+
+h1, h2 {
+    color: #ffd700; /* altın sarısı başlıklar */
+}
+
+h3 {
+    color: #90caf9; /* açık mavi alt başlık */
+}
+
+table {
+    background-color: #1f1f1f;
+    border-collapse: collapse;
+}
+
+td {
+    padding: 8px 15px;
+    background-color: #2a2a2a;
+    border: 1px solid #444;
+    color: #ffffff;
+    border-radius: 4px;
+}
+
 .footer {
     margin-top: 30px;
     text-align: center;
-    color: #444;
-    border-top: 1px solid #ccc;
+    color: #aaa;
+    border-top: 1px solid #333;
     padding-top: 20px;
-    background-color: #fafafa;
-}
-h1, h2, h3 {
-    color: #222;
+    background-color: #1e1e1e;
 }
 """