fix: try markdown label text

app.py

@@ -97,10 +97,6 @@ EXAMPLES_HEADER = """
 """
 
 css = """
-.custom_textbox {
-    background-color: #fff !important;
-    color: #000 !important;
-}
 .example-button {
     width: fit-content;
     font-size: 1rem;
@@ -177,20 +173,20 @@ with gr.Blocks(css=css, theme=theme) as demo:
     with gr.Row(equal_height=True):
         with gr.Column(scale=1):
             gr.Markdown("<div style='color: #fff !important; font-weight: 600'>Your Inputs</div>")
-            model_output = gr.Textbox(label="MODEL OUTPUT (required)", elem_classes="custom_textbox")
-            user_input = gr.Textbox(label="USER INPUT (required)", elem_classes="custom_textbox")
-            gold_answer = gr.Textbox(label="GOLD ANSWER", elem_classes="custom_textbox")
-            retrieved_context = gr.Textbox(label="RETRIEVED CONTEXT", elem_classes="custom_textbox")
-            pass_criteria = gr.Textbox(label="Pass Criteria (required)", elem_classes="custom_textbox")
-            rubric = gr.Textbox(label="Rubric", elem_classes="custom_textbox")
+            model_output = gr.Textbox(label="<span style='color: #fff !important'>MODEL OUTPUT (required)</span>")
+            user_input = gr.Textbox(label="<span style='color: #fff !important'>USER INPUT (required)</span>")
+            gold_answer = gr.Textbox(label="<span style='color: #fff !important'>GOLD ANSWER</span>")
+            retrieved_context = gr.Textbox(label="<span style='color: #fff !important'>RETRIEVED CONTEXT</span>")
+            pass_criteria = gr.Textbox(label="<span style='color: #fff !important'>Pass Criteria (required)</span>")
+            rubric = gr.Textbox(label="<span style='color: #fff !important'>Rubric</span>")
             with gr.Row():
                 clear_btn = gr.ClearButton([model_output, user_input, gold_answer, retrieved_context, pass_criteria, rubric])
                 submit_button = gr.Button("Submit", variant="primary")
         with gr.Column(scale=1):
             gr.Markdown("<div style='color: #fff !important; font-weight: 600'>GLIDER Output</div>")
-            score = gr.Textbox(label="Score", elem_classes="custom_textbox")
-            reasoning = gr.Textbox(label="Reasoning", elem_classes="custom_textbox")
-            highlights = gr.Textbox(label="Highlights", elem_classes="custom_textbox")
+            score = gr.Textbox(label="<span style='color: #fff !important'>Score</span>")
+            reasoning = gr.Textbox(label="<span style='color: #fff !important'>Reasoning</span>")
+            highlights = gr.Textbox(label="<span style='color: #fff !important'>Highlights</span>")
     gr.Markdown("&nbsp;")
     gr.Markdown(EXAMPLES_HEADER)
     with gr.Row():