explicitly changed fonts to black

views/questions_screen.py

@@ -120,10 +120,10 @@ def render_query_ratings(
         st.markdown(
             f"""
                <div style="background-color:{bg_color}; padding:1rem;">
-                    <h3 style="text-align:left;">
+                    <h3 style="text-align:left;color:black;">
                     {config.index.get_loc(model_name + "_" + query_key) - 5}
                     </h3> 
-                   <p style="text-align:left;">
+                   <p style="text-align:left;color:black;">
                    {query_text}</p>
                 </div>
            """,
@@ -225,11 +225,6 @@ def questions_screen(data):
         # st.subheader(f"Config ID: {config['config_id']}")
         st.markdown("### Instructions")
         with st.expander("Instructions", expanded=False):
-            st.markdown(
-                """
-              
-                """
-            )
             st.html('''<p style='font-size:large;'>You will be <mark>given a user profile and a travel-related 
             query</mark>. Your task is to <mark>evaluate the generated queries (numbered 1-6)</mark> based on the 
             following criteria:</p> <p><strong><mark>Relevance</mark>:</strong> Evaluate how well the query aligns