revert changes

app.py

@@ -1,26 +1,31 @@
 import gradio as gr
 
+# Define a function that echoes the input text
 def echo_text(input_text):
     return input_text
 
-# Custom HTML layout for input and output
-custom_interface = """
-<div style="text-align: center;">
-    <label for="io-text">Input Text:</label><br>
-    <textarea id="io-text" name="io_text" rows="5" cols="40" style="width: 80%;"></textarea>
-</div>
-<script>
-document.getElementById("io-text").addEventListener("input", function() {
-    this.value = this.value;
-});
-</script>
+custom_css = """
+    .gr-textbox {
+        background-color: rgb(79, 129, 145);
+        color: #333;
+        font-size: 16px;
+        border: 2px solid #666;
+        padding: 10px;
+    }
+    .gr-textbox:focus {
+        border: 2px solid #009688;
+    }
 """
 
 iface = gr.Interface(
     fn=echo_text,
-    inputs=gr.HTML(custom_interface),  # Use custom HTML interface
-    outputs=gr.Textbox("Output will be displayed here.", type="text"),
-    live=True
+    inputs=gr.Textbox(text="Enter text here...", style=custom_css),
+    outputs=gr.Textbox(style=custom_css),
+    live=True,
+    title="LLM Evaluator with Linguistic Scrutiny",
+    width=500,
+    height=200,
+    theme="dark"  # You can use "dark" for a dark theme
 )
 
-iface.launch()
+iface.launch()