Update pages/Info _of_Image.py

pages/Info _of_Image.py

@@ -13,7 +13,7 @@ custom_css = """
         background-position: center;
         background-repeat: no-repeat;
         background-attachment: fixed;
-        color: blue;  /* Ensures all text is readable */
+        color: white;  /* Ensures all text is readable */
     }
     h2, h3 {
         color: #FFD700; /* Gold color for headings */
@@ -27,8 +27,14 @@ custom_css = """
         padding: 10px 20px;
         margin: 10px 5px;
         border-radius: 10px;
-        border: black;
+        border: none;
         cursor: pointer;
+        background-color: #FF0000; /* Red button color */
+        color: white;
+        transition: background-color 0.3s ease;  /* Smooth transition */
+    }
+    button:hover {
+        background-color: #CC0000; /* Darker red when hovered */
     }
 </style>
 """
@@ -49,7 +55,7 @@ st.markdown(
 col1, col2, col3 = st.columns(3)
 with col1:
     if st.button("Colour Space"):
-        st.markdown("<h3 style='text-align: left; color:Gold;'>Colour Space</h3>", unsafe_allow_html=True)
+        st.markdown("<h3 style='text-align: left; color: Gold;'>Colour Space</h3>", unsafe_allow_html=True)
         st.markdown(
             "<p style='font-size: 16px; color: White;'>"
             "Colour spaces define how colors are represented in an image. Common spaces include RGB (Red, Green, Blue), HSV (Hue, Saturation, Value), and LAB. "