Update src/streamlit_app.py

src/streamlit_app.py

@@ -23,7 +23,7 @@ def set_background_and_styles():
         }
         
         /* Changed all header colors to white, also targeting labels directly */
-        h1, h2, h3, h4, h5, h6, .stMarkdown, label { /* Added label for white text */
+        h1, h2, h3, h4, h5, h6, .stMarkdown, label { /* Added .stMarkdown and label for white text */
             font-family: 'Merriweather', serif;
             color: white; 
         }
@@ -64,10 +64,10 @@ def set_background_and_styles():
             color: #333; /* Selectbox text color should remain dark for readability */
         }
         
-        /* Modified stSuccess and stInfo for white text on darker transparent background */
+        /* Modified stSuccess and stInfo for white text on darker transparent black background */
         .stSuccess { 
             border-left: 5px solid #28a745; 
-            background-color: rgba(40, 167, 69, 0.7); /* Darker transparent green */
+            background-color: rgba(0, 0, 0, 0.6); /* Transparent black */
             color: white; /* Make text white */
             border-radius: 8px;
             padding: 10px;
@@ -75,7 +75,7 @@ def set_background_and_styles():
         }
         .stInfo { 
             border-left: 5px solid #17a2b8; 
-            background-color: rgba(23, 162, 184, 0.7); /* Darker transparent blue */
+            background-color: rgba(0, 0, 0, 0.6); /* Transparent black */
             color: white; /* Make text white */
             border-radius: 8px;
             padding: 10px;
@@ -205,11 +205,11 @@ if st.button("Analyze"):
         emotion, polarity = detect_emotion(user_input)
         confidence = abs(polarity) * 100
         
-        # Display Emotion - now white due to .stSuccess CSS
+        # Display Emotion - now white text on transparent black background
         st.subheader("Detected Emotion:") 
         st.success(f"**{emotion.capitalize()}** with a confidence of **{confidence:.2f}%**")
 
-        # Show a personal quote - now white due to .stInfo CSS
+        # Show a personal quote - now white text on transparent black background
         st.markdown("### DilBot's Message:") 
         quote = get_quote(emotion)[0]
         st.info(f"_{quote}_")
@@ -253,12 +253,12 @@ if st.button("Analyze"):
 
         # Bar Chart
         ax1.bar(labels, display_values, color=colors)
-        ax1.set_title("Confidence by Emotion", color='black') # Title color changed to black for contrast
-        ax1.set_ylabel("Percentage", color='black') # Label color changed to black for contrast
-        ax1.tick_params(axis='x', colors='black') # X-axis tick labels color black
-        ax1.tick_params(axis='y', colors='black') # Y-axis tick labels color black
-        ax1.spines['bottom'].set_color('black') # X-axis line color black
-        ax1.spines['left'].set_color('black') # Y-axis line color black
+        ax1.set_title("Confidence by Emotion", color='black') 
+        ax1.set_ylabel("Percentage", color='black') 
+        ax1.tick_params(axis='x', colors='black') 
+        ax1.tick_params(axis='y', colors='black') 
+        ax1.spines['bottom'].set_color('black') 
+        ax1.spines['left'].set_color('black') 
         ax1.spines['top'].set_visible(False) 
         ax1.spines['right'].set_visible(False) 
 
@@ -268,11 +268,11 @@ if st.button("Analyze"):
                 display_values, labels=labels, autopct='%1.1f%%',
                 colors=colors, startangle=90, wedgeprops=dict(width=0.4)
             )
-            ax2.set_title("Emotion Distribution", color='black') # Title color changed to black for contrast
-            for text_obj in texts: # Renamed 'text' to 'text_obj' to avoid conflict with the texts list
-                text_obj.set_color('black') # Label color changed to black for contrast
-            for autotext_obj in autotexts: # Renamed 'autotext' to 'autotext_obj'
-                autotext_obj.set_color('black') # Percentage text color changed to black for contrast
+            ax2.set_title("Emotion Distribution", color='black') 
+            for text_obj in texts: 
+                text_obj.set_color('black') 
+            for autotext_obj in autotexts: 
+                autotext_obj.set_color('black') 
 
         else:
             ax2.text(0.5, 0.5, 'No data', horizontalalignment='center', verticalalignment='center', transform=ax2.transAxes, color='black')