fix: force make color white

app.py

@@ -60,7 +60,7 @@ EXAMPLES = [
 ]
 
 HEADER = """
-<div style="width: 100%; display: flex; flex-direction: column; gap: 24px; padding-top: 24px; position: relative; color: #fff">
+<div style="width: 100%; display: flex; flex-direction: column; gap: 24px; padding-top: 24px; position: relative; color: #fff !important">
     <img src="https://postimage.me/images/2024/12/19/ICONGLIDER.md.png" width="175" style="position: absolute; top: 0; right: 48px">
     <div style="display: flex; justify-content: space-between; z-index: 1;">
         <a href="https://www.patronus.ai">
@@ -91,7 +91,7 @@ HEADER = """
 """
 
 EXAMPLES_HEADER = """
-<div style="color: #fff">
+<div style="color: #fff !important">
     # Try it Yourself!
 </div>
 """
@@ -172,7 +172,7 @@ with gr.Blocks(css=css, theme=theme) as demo:
     gr.Markdown(HEADER)
     with gr.Row(equal_height=True):
         with gr.Column(scale=1):
-            gr.Markdown("**Your Inputs**")
+            gr.Markdown("<div style='color: #fff !important'>**Your Inputs**</div>")
             model_output = gr.Textbox(label="MODEL OUTPUT (required)")
             user_input = gr.Textbox(label="USER INPUT (required)")
             gold_answer = gr.Textbox(label="GOLD ANSWER")
@@ -183,7 +183,7 @@ with gr.Blocks(css=css, theme=theme) as demo:
                 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("**GLIDER Output**")
+            gr.Markdown("<div style='color: #fff !important'>**GLIDER Output**</div>")
             score = gr.Textbox(label="Score")
             reasoning = gr.Textbox(label="Reasoning")
             highlights = gr.Textbox(label="Highlights")