Add color

app.py

@@ -79,8 +79,16 @@ def search_kbli(text: str):
 # `inputs` adalah jenis input (dalam hal ini, sebuah teks)
 # `outputs` adalah jenis output (dalam hal ini, sebuah JSON)
 # `api_name` adalah nama endpoint API
-with gr.Blocks() as demo:
-    gr.Markdown("## Semantic KBLI Search")
+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-clear {background-color: #f3f4f6; color: #374151; border-radius: 6px;}
+    .btn-clear:hover {background-color: #e5e7eb;}
+""") as demo:
+    gr.Markdown("<div class='title'>Semantic KBLI Search</div>")
+    gr.Markdown("<div class='desc'>Cari kode KBLI dengan semantic search (Embedding + Matching)</div>")
 
     with gr.Tab("Embedding Only"):
         inp1 = gr.Textbox(label="Masukkan teks")
@@ -88,8 +96,8 @@ with gr.Blocks() as demo:
         inp1.submit(get_embedding, inp1, out1, api_name="get_embedding")
 
         with gr.Row():
-            btn_submit1 = gr.Button("Submit")
-            btn_clear1 = gr.Button("Clear")
+            btn_submit1 = gr.Button("Submit", elem_classes="btn-primary")
+            btn_clear1 = gr.Button("Clear", elem_classes="btn-clear")
 
         btn_submit1.click(get_embedding, inp1, out1, api_name="get_embedding")
         btn_clear1.click(lambda: ("", None), None, [inp1, out1])
@@ -100,8 +108,8 @@ with gr.Blocks() as demo:
         inp2.submit(search_kbli, inp2, out2, api_name="search_kbli")
 
         with gr.Row():
-            btn_submit2 = gr.Button("Submit")
-            btn_clear2 = gr.Button("Clear")
+            btn_submit2 = gr.Button("Submit", elem_classes="btn-primary")
+            btn_clear2 = gr.Button("Clear", elem_classes="btn-clear")
 
         btn_submit2.click(search_kbli, inp2, out2, api_name="search_kbli")
         btn_clear2.click(lambda: ("", None), None, [inp2, out2])