Update app.py

app.py

@@ -5,8 +5,6 @@ import seaborn as sns
 import plotly.graph_objects as go
 import plotly.express as px
 from st_social_media_links import SocialMediaIcons
-from streamlit_javascript import st_javascript
-from streamlit_theme import st_theme
 
 
 AVERAGE_COLUMN_NAME = "Average"
@@ -35,42 +33,12 @@ def style_dataframe(df: pd.DataFrame):
 
 def styler(df: pd.DataFrame):
     palette = sns.color_palette("RdYlGn", as_cmap=True)
-    styled_df = df.style.set_table_styles(
-        [{
-            'selector': 'th',
-            'props': [
-                ('background-color', '#4CAF50'),
-                ('color', 'white'),
-                ('font-family', 'Arial, sans-serif'),
-                ('font-size', '16px')
-            ]
-        }, 
-        {
-            'selector': 'td, th',
-            'props': [
-                ('border', '2px solid #4CAF50')
-            ]
-        }]
-    ).background_gradient(cmap=palette, subset=[AVERAGE_COLUMN_NAME, SENTIMENT_COLUMN_NAME, PHRASEOLOGY_COLUMN_NAME, UNDERSTANDING_COLUMN_NAME]
-                                            ).format(precision=2
-                                            )
+    styled_df = df.style.background_gradient(cmap=palette, subset=[AVERAGE_COLUMN_NAME, SENTIMENT_COLUMN_NAME, PHRASEOLOGY_COLUMN_NAME, UNDERSTANDING_COLUMN_NAME]).format(precision=2)
     return styled_df
 
 
 ### Streamlit app
 st.set_page_config(layout="wide")
-# Check if background color is white using JavaScript
-st.markdown("""
-<script>
-function checkBackgroundColor() {
-    var backgroundColor = getComputedStyle(document.body).backgroundColor;
-    var isWhite = backgroundColor === 'rgb(255, 255, 255)' || backgroundColor === '#FFFFFF';
-    return isWhite;
-}
-var isWhiteBackground = checkBackgroundColor();
-Streamlit.setComponentValue('background_color', isWhiteBackground);
-</script>
-""", unsafe_allow_html=True)
 
 st.markdown("""
         <style>
@@ -113,6 +81,7 @@ st.markdown("""
 # Background Color: #1C1C1C
 # {'LOW': '#7B7B7B', 'MEDIUM': '#A85E00', 'HIGH': '#FDA428'}
 # ----------------------------------------------------------
+st.markdown("""<br>""", unsafe_allow_html=True)
 
 ### Row: 1 --> Title + links to SpeakLeash.org website / GitHub / X (Twitter)
 social_media_links = [
@@ -127,23 +96,7 @@ light_orange = "#FDA428"
 dark_orange = "#A85E00"
 white_color = "#FFFFFF"
 black_color = "#000000"
-links_color = white_color
-
-return_value = False
-
-return_value = st_javascript("""function darkMode(i){return (window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches)}(1)""")
-print("IS dark mode? return_value: ", return_value)
-
-### Retrieve the background color information in Streamlit
-print("background_color: ", st.query_params.get('background_color'))
-
-print("st-theme: ", st_theme().get('backgroundColor'))
-
-
-if not return_value:
-    links_color = black_color
-else:
-    links_color = white_color
+links_color = light_orange
 
 social_media_links_colors = [
     links_color,
@@ -156,8 +109,9 @@ social_media_links_colors = [
 social_media_icons = SocialMediaIcons(social_media_links, social_media_links_colors)
 social_media_icons.render(justify_content='right')
 
+st.divider()
+
 st.markdown("""
-    <br>
     <img src="https://speakleash.org/wp-content/uploads/2023/09/SpeakLeash_logo.svg" alt="SpeakLeash Logo">
 """, unsafe_allow_html=True)