Update app.py

app.py

@@ -1,8 +1,8 @@
 #!/usr/bin/env python3
 # -*- coding: utf-8 -*-
 """
-🪶 Council Matters Classifier – PT
-Modern Gradio interface with animated dark theme for Portuguese administrative document classification.
+🪶 Council Matters Classifier – PT (Light Edition)
+Simplified modern Gradio interface with light minimal theme.
 """
 
 import gradio as gr
@@ -12,7 +12,6 @@ import re
 from pathlib import Path
 from scipy.sparse import hstack, csr_matrix
 
-# Optional PyTorch
 try:
     import torch
     from transformers import AutoTokenizer, AutoModel
@@ -146,61 +145,56 @@ suggestions = [
     "O plano estratégico inclui medidas para atrair investimento privado.",
 ]
 
-# --- CSS & JS (modern dark theme with carousel) ---
+# --- Simplified Light CSS ---
 custom_css = """
 body {
-  background-color: #0c0c0c;
+  background-color: #fafafa;
   font-family: 'Inter', sans-serif;
+  color: #222;
 }
-.gradio-container { background-color: #0c0c0c; color: #f1f1f1; }
-h2, h3 { text-align: center; color: #00b4ff; font-weight: 600; }
+.gradio-container { background-color: #fafafa; color: #222; }
+h2, h3 { text-align: center; color: #0078cc; font-weight: 600; }
 textarea {
-  background-color: #181818 !important;
-  color: #fff !important;
-  border-radius: 12px !important;
-  border: 1px solid #333 !important;
+  background-color: #fff !important;
+  color: #222 !important;
+  border-radius: 8px !important;
+  border: 1px solid #ccc !important;
 }
 button {
-  background: linear-gradient(90deg, #007aff, #00c3ff);
-  color: white !important;
-  font-weight: 600 !important;
-  border-radius: 10px !important;
+  background-color: #0078cc !important;
+  color: #fff !important;
+  border-radius: 8px !important;
   border: none !important;
-  transition: 0.3s;
+  font-weight: 600 !important;
 }
-button:hover { opacity: 0.9; transform: scale(1.04); }
+button:hover { background-color: #0094ff !important; }
 .output-chip {
-  background-color: #1a1a1a;
-  color: #00c3ff;
-  padding: 6px 14px;
-  border-radius: 10px;
+  background-color: #f3f9ff;
+  color: #005fa3;
+  padding: 5px 12px;
+  border-radius: 8px;
   font-weight: 500;
-  border: 1px solid #007aff33;
-  transition: 0.3s;
-}
-.output-chip:hover {
-  background-color: #007aff33;
-  transform: scale(1.05);
+  border: 1px solid #cde5ff;
 }
 .suggestion-box {
-  background-color: #111;
-  border-radius: 12px;
-  border: 1px solid #1f1f1f;
-  padding: 12px;
+  background-color: #fff;
+  border-radius: 10px;
+  border: 1px solid #ddd;
+  padding: 10px;
   display: flex;
   align-items: center;
   justify-content: space-between;
-  color: #aaa;
-  margin-top: 25px;
+  color: #555;
+  margin-top: 20px;
 }
 .arrow-btn {
   background: none;
   border: none;
-  color: #00c3ff;
-  font-size: 22px;
+  color: #0078cc;
+  font-size: 20px;
   cursor: pointer;
 }
-.arrow-btn:hover { color: #00e0ff; transform: scale(1.2); }
+.arrow-btn:hover { color: #0094ff; transform: scale(1.1); }
 """
 
 custom_js = f"""
@@ -219,7 +213,8 @@ function updateSuggestion(direction) {{
 }}
 """
 
-# --- Gradio Interface ---
+
+# --- Interface ---
 def classify_display(text):
     preds = classifier.predict(text)
     if not preds:
@@ -230,28 +225,28 @@ def classify_display(text):
         label = p["label"]
         prob = p["probability"]
         conf = p["confidence"]
-        color = {"high": "#00ff88", "medium": "#ffd966", "low": "#ff6666"}[conf]
-        chips += f"<span class='output-chip' style='border-color:{color}80;color:{color}'>{label} ({prob:.0%})</span>"
-    return f"<div style='display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:10px'>{chips}</div>"
+        color = {"high": "#009e60", "medium": "#d1a000", "low": "#d13f3f"}[conf]
+        chips += f"<span class='output-chip' style='border-color:{color}33;color:{color}'>{label} ({prob:.0%})</span>"
+    return f"<div style='display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:10px'>{chips}</div>"
 
 
 with gr.Blocks(css=custom_css, js=custom_js, theme="gradio/soft") as demo:
     gr.Markdown("## 🏛️ **Council Matters Classifier – PT**")
-    gr.Markdown("### Enter Portuguese administrative text below:")
+    gr.Markdown("### Introduza texto administrativo em português:")
 
     input_text = gr.Textbox(
         label="",
-        placeholder="Escreva aqui o texto em português...",
+        placeholder="Escreva aqui o texto...",
         lines=6,
         elem_id="input-text"
     )
 
-    classify_btn = gr.Button("Classify")
-    output = gr.HTML(label="Predicted Topics")
+    classify_btn = gr.Button("Classificar")
+    output = gr.HTML(label="Tópicos previstos")
 
     classify_btn.click(fn=classify_display, inputs=input_text, outputs=output)
 
-    gr.Markdown("### 💡 Suggestions")
+    gr.Markdown("### 💡 Sugestões")
     gr.HTML("""
     <div class='suggestion-box'>
         <button class='arrow-btn' onclick="updateSuggestion('prev')">⟨</button>
@@ -262,6 +257,5 @@ with gr.Blocks(css=custom_css, js=custom_js, theme="gradio/soft") as demo:
     </div>
     """)
 
-# ---------------- Launch ----------------
 if __name__ == "__main__":
     demo.launch()