Update app.py

app.py

@@ -59,11 +59,18 @@ def show_loading_animation():
     if lottie_json:
         st_lottie(lottie_json, height=300, key="loading")
 
+
+
 def login_page():
-    st.title("Login Page")
+    # Add custom styling and an image at the top
+    customize_login_page_with_image("logo.png")  # Replace "image.png" with the actual path to your image
+    st.title("Login Page")  # The title will be styled in dark green
+
+    # Check login state
     if "login_success" not in st.session_state:
         st.session_state["login_success"] = False
 
+    # Login logic
     if not st.session_state["login_success"]:
         username = st.text_input("Username")
         password = st.text_input("Password", type="password")
@@ -77,6 +84,8 @@ def login_page():
             else:
                 st.error("Invalid username or password.")
 
+
+
 def add_return_to_login():
     if "logged_in" in st.session_state and st.session_state["logged_in"]:
         if st.sidebar.button("Back"):
@@ -261,11 +270,47 @@ def customize_navigation_menu_dark_green():
     )
 
 
-    
+def customize_login_page_with_image(image_path):
+    st.markdown(
+        """
+        <style>
+        h1 {
+            color: #084C3C !important; /* Dark green for Login Page title */
+            text-align: center; /* Center align the title */
+        }
+        </style>
+        """,
+        unsafe_allow_html=True
+    )
+    # Add the image
+    st.image(image_path, width=200, use_column_width=False)
+
+
+
+def customize_submit_button():
+    st.markdown(
+        """
+        <style>
+        div[data-testid="stFormSubmitButton"] button {
+            background-color: #084C3C !important; /* Dark green background */
+            color: white !important; /* White text */
+            border-radius: 10px !important; /* Rounded corners */
+            padding: 10px 20px !important; /* Padding for the button */
+            border: none !important;
+        }
+        div[data-testid="stFormSubmitButton"] button:hover {
+            background-color: #056C4C !important; /* Slightly lighter green on hover */
+            color: white !important; /* Keep text white on hover */
+        }
+        </style>
+        """,
+        unsafe_allow_html=True
+    )
 
 
 
 if __name__ == "__main__":
     customize_navigation_menu_dark_green()
+    customize_submit_button()
     main()