Update src/streamlit_app.py

src/streamlit_app.py

@@ -25,6 +25,7 @@ st.markdown("""
         font-weight: 500;
         margin-top: 1rem;
         margin-bottom: 2rem;
+        color: #1e3a8a; /* Deep blue */
     }
     
     /* Links container */
@@ -37,13 +38,13 @@ st.markdown("""
     .links-container a {
         margin: 0 1rem;
         text-decoration: none;
-        color: #667eea;
+        color: #3b82f6; /* Bright blue */
         font-weight: 600;
         transition: color 0.3s;
     }
     
     .links-container a:hover {
-        color: #764ba2;
+        color: #1e3a8a; /* Darker blue */
     }
         
     /* Instructions styling */
@@ -59,7 +60,7 @@ st.markdown("""
         width: 40px;
         height: 40px;
         border-radius: 50%;
-        background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+        background: linear-gradient(135deg, #3b82f6 0%, #1e3a8a 100%);
         color: white;
         display: flex;
         align-items: center;
@@ -72,7 +73,6 @@ st.markdown("""
         flex-grow: 1;
         padding-top: 0.3rem;
     }
-
 </style>
 """, unsafe_allow_html=True)
 
@@ -146,7 +146,7 @@ def create_bar_chart(df, view_type):
                 x=df['Model'],
                 y=df['Total Score'],
                 orientation='v',
-                marker_color=px.colors.sequential.Purples_r,
+                marker_color=px.colors.sequential.Blues_r
                 text=df['Total Score'].round(1),
                 textposition='outside',
             )
@@ -168,6 +168,7 @@ def create_bar_chart(df, view_type):
                 x=df['Model'],
                 y=df[col],
                 orientation='v',
+                marker_color=px.colors.qualitative.Plotly
                 text=df[col].round(1),
                 textposition='outside',
             ))
@@ -189,6 +190,7 @@ def create_bar_chart(df, view_type):
                 x=df['Model'],
                 y=df[col],
                 orientation='v',
+                marker_color=px.colors.qualitative.Plotly
                 text=df[col].round(1),
                 textposition='outside',
             ))
@@ -251,9 +253,6 @@ st.markdown("""
     <a href="https://huggingface.co/datasets/your-username/navitrace" target="_blank">
         <i class="fas fa-database"></i> Dataset
     </a>
-    <a href="https://your-demo-link.com" target="_blank">
-        <i class="far fa-images"></i> Demo
-    </a>
 </div>
 """, unsafe_allow_html=True)
 
@@ -284,6 +283,7 @@ st.plotly_chart(fig, use_container_width=True, config={
         'scale': 2
     }
 })
+st.caption("🔹 Note: Lower scores indicate better performance.")
 
 # Detailed table
 with st.expander("View Detailed Scores"):