UI - theme

app.py

@@ -32,7 +32,7 @@ def classify_text(text):
         outputs = model(**inputs)
         probabilities = torch.softmax(outputs.logits, dim=1)[0]
         predicted_class = torch.argmax(probabilities).item()
-        confidence = probabilities[predicted_class].item() * 100  # Confidence as %
+        confidence = probabilities[predicted_class].item() * 100
 
         if predicted_class == 24:
             prediction_label = f"✅ - The text is **{confidence:.2f}%** likely **Human written**."
@@ -56,8 +56,7 @@ Detect AI-generated texts with precision using the new **ModernBERT** model, fin
 - **🤖 Identify AI Models**: Reveals which LLM generated the text if detected as AI.
 - **✅ Human Verification**: Marks confidently human-written text with a green checkmark.
 
-**Press the button below to classify your text!**
-
+**Note:** The longer the text, the better the detection accuracy.
 
 """
 
@@ -73,13 +72,17 @@ iface = gr.Interface(
     title=title,
     description=description,
     allow_flagging="never", 
-    live=False,  
+    live=True,  
     css="""
     #text_input_box {
         border-radius: 10px;
         border: 2px solid #4CAF50;
         font-size: 18px;
-        padding: 10px;
+        padding: 15px;
+        text-align: center;
+        margin: 0 auto;
+        display: block;
+        width: 80%;
     }
     #result_output_box {
         border-radius: 10px;
@@ -87,19 +90,26 @@ iface = gr.Interface(
         font-size: 18px;
         padding: 15px;
         background-color: #2E2E3F;
-        margin-top: 20px;
+        margin: 20px auto;
+        width: 80%;
+        text-align: center;
     }
     body {
         background: #1E1E2F;
         color: #E1E1E6;
         font-family: 'Aptos', sans-serif;
         padding: 20px;
+        text-align: center;
     }
     .gradio-container {
         border: 2px solid #4CAF50;
         border-radius: 15px;
-        padding: 25px;
+        padding: 30px;
         box-shadow: 0px 0px 20px rgba(0,255,0,0.6);
+        margin-top: 40px;
+        max-width: 600px;
+        margin-left: auto;
+        margin-right: auto;
     }
     h1, h2 {
         text-align: center;