Update app.py

app.py

@@ -14,8 +14,34 @@ song_matcher = SongMatcher('./music_mental_health.csv')
 
 # Streamlit app layout
 st.set_page_config(page_title="MODUS MUSIC", layout="wide")  # New: Setting page title and layout
-#st.markdown("<h1 style='text-align: center; font-weight: bold;'>MODUS MUSIC</h1>", unsafe_allow_html=True)
 
+# Custom CSS for background and text color
+st.markdown("""
+    <style>
+    .stApp {
+        background: rgb(0,0,0);
+        background-size: cover;
+        color: white;  /* Sets global text color to white */
+    }
+    /* General rule for all labels */
+    label {
+        color: white !important;
+    }
+    /* Specific color for the main title */
+    h1 {
+        color: red !important;  /* Making the MODUS MUSIC title red */
+    }
+    /* Additional specific styling */
+    .stTextInput > label, .stButton > button, .css-10trblm, .css-1yjuwjr, .intro {
+        color: white !important;
+    }
+    </style>
+    """, unsafe_allow_html=True)
+
+
+image_path = '/content/MODUSMUSIC.png'  # Replace with the actual path to your image
+
+st.image(image_path, use_column_width=False, width=250)  # Adjust the width as needed
 # Custom gradient background using CSS
 st.markdown("""
     <style>
@@ -26,6 +52,9 @@ st.markdown("""
     </style>
     """, unsafe_allow_html=True)
 
+# Custom HTML for the main title
+st.markdown("<h1 style='text-align: center; font-weight: bold;'>MODUS MUSIC</h1>", unsafe_allow_html=True)
+
 st.title('Music Suggestion Based on Your Feeling')  # Existing Title
 
 # New: Introduction Section