Update src/streamlit_app.py

src/streamlit_app.py

@@ -21,12 +21,12 @@ st.set_page_config(
 st.markdown(
     """
     <style>
-    /* ... (your CSS styles here, as they were mostly fine) ... */
     .stApp {
         background: linear-gradient(135deg, #f0f8ff, #f5f0ff, #fff0f5);
         color: #000000;
         font-family: 'Inter', sans-serif;
     }
+    
     .stButton > button {
         background-color: #FF69B4;
         color: #FFFFFF;
@@ -35,11 +35,20 @@ st.markdown(
         transition: all 0.2s ease-in-out;
         box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
     }
+    
     .stButton > button:hover {
         background-color: #FFB6C1;
         box-shadow: 0 6px 8px rgba(0, 0, 0, 0.15);
         transform: translateY(-2px);
     }
+    
+    /* Text Area background and text color */
+    .stTextArea textarea {
+        background-color: #FFC0CB; /* A nice pink color */
+        color: #000000;
+        border: 1px solid #FF69B4; /* A pink border to match the button */
+    }
+    
     </style>
     """,
     unsafe_allow_html=True
@@ -57,7 +66,7 @@ if not comet_initialized:
 # --- UI Header and Notes ---
 st.subheader("AcademiaMiner", divider="rainbow")
 st.link_button("by nlpblogs", "https://nlpblogs.com", type="tertiary")
-expander = st.expander("**Important notes*")
+expander = st.expander("**Important notes**")
 expander.write('''**Named Entities:** This AcademiaMiner extracts keyphrases from English academic and scientific papers.
     
 Results are presented in easy-to-read tables, visualized in an interactive tree map, pie chart and bar chart, and are available for download along with a Glossary of tags.
@@ -68,7 +77,9 @@ Results are presented in easy-to-read tables, visualized in an interactive tree
 
 **Supported Languages:** English
 
-**Technical issues:** If your connection times out, please refresh the page or reopen the app's URL. For any errors or inquiries, please contact us at [email protected]''')
+**Technical issues:** If your connection times out, please refresh the page or reopen the app's URL. 
+
+For any errors or inquiries, please contact us at [email protected]''')
 
 with st.sidebar:
     st.write("Use the following code to embed the AcademiaMiner web app on your website. Feel free to adjust the width and height values to fit your page.")
@@ -78,12 +89,7 @@ with st.sidebar:
 	frameborder="0"
 	width="850"
 	height="450"
-    ></iframe>
-
-
-
-
-    
+    ></iframe>    
     '''
     st.code(code, language="html")
     st.text("")
@@ -171,11 +177,11 @@ if st.button("Results"):
                 st.dataframe(df, use_container_width=True)
                 with st.expander("See Glossary of tags"):
                     st.write('''
-                    **word**: ['keyphrase extracted from your text data']
-                    **score**: ['accuracy score; how accurately a tag has been assigned']
-                    **label**: ['label (tag) assigned to a given extracted keyphrase']
-                    **start**: ['index of the start of the corresponding entity']
-                    **end**: ['index of the end of the corresponding entity']
+                    -**word**: ['keyphrase extracted from your text data']
+                    -**score**: ['accuracy score; how accurately a tag has been assigned']
+                    -**label**: ['label (tag) assigned to a given extracted keyphrase']
+                    -**start**: ['index of the start of the corresponding entity']
+                    -**end**: ['index of the end of the corresponding entity']
                     ''')
 
                 # --- Most Frequent Keyphrases ---
@@ -198,7 +204,12 @@ if st.button("Results"):
                             color='count',
                             color_continuous_scale=px.colors.sequential.Viridis
                         )
-                        fig_frequent_bar.update_layout(yaxis={'categoryorder': 'total ascending'})
+                        fig_frequent_bar.update_layout(
+                            yaxis={'categoryorder': 'total ascending'},
+                            paper_bgcolor='#000000', # Sets the background color of the entire figure
+                            plot_bgcolor='#000000' # Sets the background color of the plotting area
+                        )
+                        
                         st.plotly_chart(fig_frequent_bar, use_container_width=True)
                         if experiment:
                             experiment.log_figure(figure=fig_frequent_bar, figure_name="frequent_keyphrases_bar_chart")
@@ -215,7 +226,7 @@ if st.button("Results"):
                     color='word',
                     color_continuous_scale=px.colors.sequential.Plasma
                 )
-                fig_treemap.update_layout(margin=dict(t=50, l=25, r=25, b=25))
+                fig_treemap.update_layout(margin=dict(t=50, l=25, r=25, b=25), paper_bgcolor='#000000', plot_bgcolor='#000000')
                 st.plotly_chart(fig_treemap, use_container_width=True)
                 if experiment:
                     experiment.log_figure(figure=fig_treemap, figure_name="entity_treemap")
@@ -241,7 +252,7 @@ if st.button("Results"):
 
                 with stylable_container(
                     key="download_button",
-                    css_styles="""button { background-color: yellow; border: 1px solid black; padding: 5px; color: black; }""",
+                    css_styles="""button { background-color: red; border: 1px solid black; padding: 5px; color: white; }""",
                 ):
                     st.download_button(
                         label="Download zip file",