Update app.py

app.py

@@ -37,6 +37,7 @@ def predict_sport_class(sentence):
     predicted_class = label_mapping[predicted_label]
     return predicted_class
 
+# Define examples
 examples = [
     ["The team won the championship in a thrilling match!"],
     ["The stock market saw a significant drop today."],
@@ -45,11 +46,48 @@ examples = [
     ["The actor delivered a stellar performance in the new movie."],
 ]
 
-# Custom CSS for background color
+# Custom CSS for a fascinating dark theme
 custom_css = """
 body {
-    background-color: #3b5998; /* Blue background */
-    color: white; /* Optional: Change text color to white */
+    background: linear-gradient(135deg, #1a1a2e, #16213e, #0f3460); /* Dark blue gradient */
+    color: #ff3e3e; /* Vibrant red text color */
+    font-family: 'Arial', sans-serif;
+}
+
+h1, h2, p {
+    color: #ff3e3e; /* Red for headings and descriptions */
+    text-shadow: 2px 2px 4px #000000; /* Text shadow for a glowing effect */
+}
+
+input[type="text"] {
+    background-color: #16213e; /* Dark input background */
+    color: #ffffff; /* White text in input fields */
+    border: 2px solid #0f3460; /* Blue border */
+    border-radius: 8px;
+}
+
+button {
+    background: linear-gradient(45deg, #ff3e3e, #0f3460); /* Gradient button */
+    color: #ffffff;
+    border: none;
+    border-radius: 8px;
+    padding: 10px 20px;
+    font-size: 16px;
+    cursor: pointer;
+    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5);
+    transition: transform 0.2s;
+}
+
+button:hover {
+    transform: scale(1.05); /* Slight zoom effect on hover */
+    box-shadow: 2px 2px 15px rgba(255, 62, 62, 0.8);
+}
+
+.gradio-container {
+    border-radius: 15px;
+    padding: 20px;
+    background: rgba(0, 0, 0, 0.7); /* Transparent black background for the main container */
+    box-shadow: 0px 0px 15px #0f3460; /* Glowing effect for the container */
 }
 """
 
@@ -59,7 +97,7 @@ interface = gr.Interface(
     inputs=gr.Textbox(lines=2, placeholder="Enter Article here..."),
     outputs=gr.Label(num_top_classes=1),
     title="Topic Classification App",
-    description="Enter a topic to classify it into one of the following categories: sport, business, politics, tech, entertainment.",
+    description="Classify topics into one of these categories: sport, business, politics, tech, entertainment.",
     examples=examples,
     css=custom_css,  # Apply custom CSS
 )