update: button colour, text background

app.py

@@ -100,7 +100,7 @@ body {
     box-sizing: border-box;  /* Ensure consistent sizing */
 }
 #run-button {
-    background-color: #6a1b9a !important;
+    background-color: #800000 !important;
     color: white !important;
     font-size: 12px !important;  /* Small font size */
     width: 100px !important;     /* Fixed width */
@@ -152,6 +152,7 @@ body {
     font-size: 18px;           /* Adjust font size as needed */
     font-weight: bold;
     text-align: center;
+    
 }
 
 """
@@ -161,10 +162,10 @@ body {
 with gr.Blocks(css=custom_css) as interface:
    
     gr.HTML("""
-  <span style="color: #800000; font-family: 'Papyrus', cursive; font-weight: bold; font-size: 32px;">NeuralVista</span><br><br>
+  <span style="color: #800000; font-family: 'Papyrus', cursive; font-weight: bold; font-size: 32px; background-color: #d3d3d3;">NeuralVista</span><br><br>
 
     
-     <span style="color: black; font-family: 'Papyrus', cursive; font-size: 18px;">A harmonious framework of tools ☼ designed to illuminate the inner workings of AI.</span>
+     <span style="color: black; font-family: 'Papyrus', cursive; font-size: 18px; background-color: #d3d3d3;">A harmonious framework of tools ☼ designed to illuminate the inner workings of AI.</span>
 """)
     
     # Default sample
@@ -200,7 +201,7 @@ with gr.Blocks(css=custom_css) as interface:
             )
 
 
-    gr.HTML("""<span style="font-family: 'Papyrus', cursive; font-size: 14px;">The visualization demonstrates object detection and interpretability. Detected objects are highlighted with bounding boxes, while the heatmap reveals regions of focus, offering insights into the model's decision-making process.</span>""")
+    gr.HTML("""<span style="font-family: 'Papyrus', cursive; font-size: 14px; background-color: #d3d3d3;">The visualization demonstrates object detection and interpretability. Detected objects are highlighted with bounding boxes, while the heatmap reveals regions of focus, offering insights into the model's decision-making process.</span>""")
     # Results and visualization
     with gr.Row(elem_classes="custom-row"):
         result_gallery = gr.Gallery(
@@ -222,9 +223,9 @@ with gr.Blocks(css=custom_css) as interface:
 
     gr.HTML("""
 <span style="font-family: 'Papyrus', cursive; font-size: 14px;">
-    <span style="color: #800000 ;">Concept Discovery</span> is the process of uncovering the hidden, high-level features that a deep learning model has learned. It provides a way to understand the essence of its internal representations, akin to peering into the mind of the model and revealing the meaningful patterns it detects in the data.
+    <span style="color: #800000 background-color: #d3d3d3; ;">Concept Discovery</span> is the process of uncovering the hidden, high-level features that a deep learning model has learned. It provides a way to understand the essence of its internal representations, akin to peering into the mind of the model and revealing the meaningful patterns it detects in the data.
     <br><br>
-    <span style="color: #800000 ;">Deep Feature Factorization</span> (DFF) serves as a tool for breaking down these complex features into simpler, more interpretable components. By applying matrix factorization on activation maps, it untangles the intricate web of learned representations, making it easier to comprehend what the model is truly focusing on. Together, these methods bring us closer to understanding the underlying logic of neural networks, shedding light on the often enigmatic decisions they make.
+    <span style="color: #800000 background-color: #d3d3d3;;">Deep Feature Factorization</span> (DFF) serves as a tool for breaking down these complex features into simpler, more interpretable components. By applying matrix factorization on activation maps, it untangles the intricate web of learned representations, making it easier to comprehend what the model is truly focusing on. Together, these methods bring us closer to understanding the underlying logic of neural networks, shedding light on the often enigmatic decisions they make.
 </span>
 """)