Style errors

app.py

@@ -2,6 +2,13 @@ import gradio as gr
 import requests
 import pandas as pd
 import plotly.express as px
+from gradio.themes import Soft
+
+# theme.colors = Colors(
+#     error="#d92f2f",
+#     error_background="#fef2f2",
+#     background_fill_primary="#ffffff"
+# )
 
 class DownloadsTracker:
     def __init__(self):
@@ -42,15 +49,19 @@ class DownloadsTracker:
                 df = self.all_packages[pkg]
                 fig.add_scatter(x=df["date"], y=df["cumulative_downloads"], name=pkg)
 
-        return fig, errors
+        return fig, errors, gr.update(visible=errors is not None)
 
 tracker = DownloadsTracker()
 
-with gr.Blocks() as app:
+css = """
+#textbox_id textarea {color: red}
+#textbox_id span {background-color: red}
+"""
+with gr.Blocks(theme=gr.themes.Soft(), css=css) as app:
     packages = gr.Textbox("transformers", label="Package names (comma-separated)")
-    error_box = gr.Textbox(label="Errors:", interactive=False)
+    error_box = gr.Textbox(label="Errors:", interactive=False, visible=False, elem_id="textbox_id")
     render_btn = gr.Button("Render")
     plot = gr.Plot()
-    render_btn.click(tracker.plot, inputs=[packages], outputs=[plot, error_box])
+    render_btn.click(tracker.plot, inputs=[packages], outputs=[plot, error_box, error_box])
 
 app.launch()