add dark mode color

app.py

@@ -61,6 +61,27 @@ def search_kbli(text: str):
             color: #4b5563;
             margin-top: 4px;
         }
+        
+        @media (prefers-color-scheme: dark) {
+            .kbli-item {
+                border: 1px solid #374151; /* abu gelap */
+            }
+            .kbli-item:hover {
+                background: #1f2937;
+            }
+            .kbli-title {
+                color: #f3f4f6;
+            }
+            .kbli-desc {
+                color: #d1d5db;
+            }
+            .kbli-item:hover .kbli-title {
+                color: #93c5fd;
+            }
+            .kbli-item:hover .kbli-desc {
+                color: #e5e7eb;
+            }
+        }
     </style>
     <div>
     """
@@ -82,8 +103,8 @@ def search_kbli(text: str):
 with gr.Blocks(css="""
     .title {font-size: 22px; font-weight: 700; color: #111827; margin-bottom: 4px;}
     .desc {font-size: 14px; color: #6b7280; margin-bottom: 16px;}
-    .btn-primary {background-color: #2563eb; color: white; border-radius: 6px;}
-    .btn-primary:hover {background-color: #1d4ed8;}
+    .btn-primary {background-color: #23e500; color: white; border-radius: 6px;}
+    .btn-primary:hover {background-color: #11a12f;}
     .btn-clear {background-color: #f3f4f6; color: #374151; border-radius: 6px;}
     .btn-clear:hover {background-color: #e5e7eb;}
 """) as demo:
@@ -104,7 +125,7 @@ with gr.Blocks(css="""
 
     with gr.Tab("Search KBLI"):
         inp2 = gr.Textbox(label="Masukkan teks")
-        out2 = gr.HTML(label="Hasil KBLI")
+        out2 = gr.HTML(label="Hasil Pencarian KBLI")
         inp2.submit(search_kbli, inp2, out2, api_name="search_kbli")
 
         with gr.Row():