Update app.py

app.py

@@ -2,8 +2,8 @@ import streamlit as st
 
 # Function to change text color based on user input
 def change_text_color(text, color):
-    # Apply HTML styling to change text color
-    styled_text = f'<span style="color:{color}; font-size: 24px; font-weight: bold;">{text}</span>'
+    # Apply HTML styling to change text color, set font size, and add a border
+    styled_text = f'<div style="color:{color}; font-size: 32px; font-weight: bold; border: 2px solid {color}; padding: 10px;">{text}</div>'
     return styled_text
 
 # Streamlit app
@@ -18,7 +18,7 @@ st.subheader("Select text color:")
 # Expanded list of predefined color options
 color_options = [
     "red", "blue", "green", "orange", "yellow", "purple", "pink", "brown", "gray",
-    "cyan", "magenta", "violet", "indigo", "lime", "olive", "teal", "navy", "maroon",
+    "cyan", "magenta", "violet", " indigo", "lime", "olive", "teal", "navy", "maroon",
     "aquamarine", "azure", "beige", "black", "fuchsia", "silver", "white",
     "lavender", "turquoise", "plum", "salmon", "sienna", "tomato", "wheat", "orchid",
     "thistle", "peru", "royalblue", "dodgerblue", "darkslategray", "darkseagreen",
@@ -45,6 +45,8 @@ if selected_color == "Custom":
 styled_text = change_text_color(user_text, selected_color)
 st.markdown(styled_text, unsafe_allow_html=True)
 
-# Add a separate submit button
-if st.button("Submit"):
-    st.success("Text color changed successfully!")
+# Add a separate custom button
+if st.button("Customize Text Color"):
+    selected_color = st.color_picker("Choose a custom color:")
+    styled_text = change_text_color(user_text, selected_color)
+    st.markdown(styled_text, unsafe_allow_html=True)