UI - theme

app.py

@@ -47,12 +47,11 @@ def classify_text(text):
         
     return result_message
 
-title = "AI Text Detector"
+title = "Detect AI Generated Texts!"
 description = """
-**AI detection tool by SzegedAI**
 
--- **Identify AI Models:** Reveals which LLM generated the text if detected as AI.  
--- **Human Verification:** Marks human-written text with a green checkmark.  
+-- 🤖 - **Identify AI Models:** Reveals which LLM generated the text if detected as AI.  
+-- ✅ - **Human Verification:** Marks human-written text with a green checkmark.  
 
 **Note:** The longer the text, the better the detection accuracy.
 """
@@ -66,8 +65,9 @@ iface = gr.Blocks(css="""
         font-size: 18px;
         padding: 15px;
         margin-bottom: 20px;
-        width: 100%;
+        width: 70%;
         box-sizing: border-box;
+        margin: auto;
     }
     #result_output_box {
         border-radius: 10px;
@@ -75,16 +75,21 @@ iface = gr.Blocks(css="""
         font-size: 18px;
         padding: 15px;
         background-color: #2E2E3F;
-        margin-top: 10px;
+        margin-top: 20px;
         width: 50%;
         box-sizing: border-box;
         text-align: center;
+        margin: auto;
     }
     body {
         background: #1E1E2F;
         color: #E1E1E6;
         font-family: 'Aptos', sans-serif;
         padding: 20px;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        height: 100vh;
     }
     .gradio-container {
         border: 2px solid #4CAF50;
@@ -135,3 +140,4 @@ with iface:
     gr.Markdown(bottom_text, elem_id="bottom_text")
 
 iface.launch(share=True)
+