Update app.py

app.py

@@ -23,7 +23,7 @@ import base64
 import time
 from sklearn.cluster import KMeans
 
-# Configuration
+# Configurations
 st.set_page_config(page_title="Executive Insights Pro", layout="wide", page_icon="📈")
 
 # ----Load Image----
@@ -43,7 +43,6 @@ def set_background():
     """Sets the background image using base64 encoding."""
     image_url = "https://wallpapers.com/images/featured/skrwoybjif4j8l2j.jpg"  # Corporate Image
     image_data = load_image(image_url)
-
     if image_data:
         # Convert bytes to base64
         image_base64 = base64.b64encode(image_data).decode()
@@ -53,131 +52,44 @@ def set_background():
             .stApp {{
                 background-image: url(data:image/jpeg;base64,{image_base64});
                 background-size: cover;
-                background-position: center center;  // center image on load
-                background-attachment: fixed;  // make image static on background, instead of moving with it
-                
-            }}
-            [data-testid="stSidebar"] {{
-                background-color: rgba(52, 73, 94, 0.8); /* Add opacity to background to make texts readable */
-                border-right: 1px solid rgba(0, 247, 255, 0.4); /* Soften border for softer sidebar visuals */
-                box-shadow: 3px 0 5px rgba(0,0,0,.25); /* Subltle depth for content readability */
-            }}
-
-
-            .main h1, .main h2, .main h3, .main h4, .main h5, .main h6{{ /* Focuses solely on header elements*/
-                font-weight: bolder !important;
-                color: #f1f6f9 ; /* Softer Cyan color*/
-            text-transform: uppercase;/* Add the effect where it gets highlighted on text on h1 h2 . */
+                background-position: center center;
+                background-attachment: fixed;
             }}
             </style>
-            
             """,
             unsafe_allow_html=True,
         )
     return
 
-# Apply custom styles based on the chosen theme
-def apply_c_suite_theme():
-    """Injects custom CSS for C-Suite professional and simple Theme, less is more principle"""
-
-    # set_background() #set the current theme's background
+# Simplified CSS
+def apply_simplified_theme():
+    """Injects simplified CSS to enhance Streamlit's default style."""
     st.markdown(
         """
-<style>
-    
-    body {
-        background-color: #f0f2f6; /*Light Gray*/
-        color: red; /* Near black text*/
-        font-family: 'Arial', sans-serif;
-        -webkit-font-smoothing: antialiased;
-        -moz-osx-font-smoothing: grayscale;
-    }
-    /* Enhance sidebar container */
-    [data-testid="stSidebar"] {
-        background-color: rgba(52, 73, 94, 0.9); /* Make texts easier to see */
-        border-right: 1px solid rgba(0, 247, 255, 0.4); /* Cyan to highlight sidebar separation */
-        box-shadow: 3px 0 5px rgba(0,0,0,.25); /* Shadow add touch aspect */
-        color: red;
-    }
-
-
-/* Content headers - subtler is classier :) */
-    h1, h2, h3, h4, h5, h6{
-        font-weight: bolder !important;
-        color: #5396C6 ; /* Refined and not so heavy */
-        text-transform: uppercase;/* Highlights texts - makes easier to distinguish */
-}
-    /* Standardized text appearance */
-     div, label, li, blockquote, .st-ag {
-            color: #2e2e2e !important; /* Changed to very dark gray */
-         }
-    
-    /* Makes the Metric section with great impact and depth*/
-    [class="st-emotion-cache-10trblm e16nr0p34"] {
-        background-color: rgba(47, 49, 49, 0.75) !important;/*Subtle touch is key! */
-        border: 1.2px solid rgba(178, 190, 195, 0.2) !important;/*Clean light is important too! */
-    }
-
-    /* The following configurations are for general purposes, as they're meant to keep the entire layout cohesive and easy to maintain*/
-    .block-container, .element-container{ /* Containers for all main layouts are the same /
-        padding-top: 30px; / move down so this reduces the content height to have /
-        padding-bottom: 20px;
-        max-width: 800px;
-        margin: auto;
-        box-shadow: 1px 1px 5px #888888 / Subtlet touches /
-        border-width: 15 px;
-        border-color: black;
-        background-color: rgba(248, 249, 250, 0.5);
-        align-items: flex-start !important; / added new content where puts all elements to upper most locations*/
-    }
-    .st-bb, .st-ae, .st-bv{
-        background-color: rgba(20,20,30, 0.3) !important;
-        box-shadow: 1px 1px 5px #4e4e4e; /* A tint to make the data frame and background come as easy data to catch the attention of. - this effect is also on charts! */
-        border-color: black;
-
-}
-
-
-.css-16idsys p{ /* General styling for each paragraphs */
-    font-size: 15px !important;
-      text-justify: inter-word;
-}
-
-.css-j8qz5q { /* Stylizes code block with color themes */
-    border-style: groove;
-    background: rgba( 255, 255, 255, 0.0 ) !important; /* Code block with subtle effects, a lot of transparency so that text is focus.*/
-    padding: 1.1rem
-
-}
-.katex-display {
-    letter-spacing: 1px !important; /* Subtle touch */
-    text-shadow: 3px 2px 2px white;
-
-}
-section[data-testid="stSidebar"] { /* Applies a tint on the page so that sidebar and text contents aren't messy, all well sorted*/
-padding-bottom: 0px
-display: block; /* Make the sections view well*/
-border-style: groove;
-color:#000000;
-}
-
-.formatCode .token.keyword { /*Keyword are colored so they do better show for importance - example: variable type such as true, function names*/
-    background: rgba( 0, 119, 179, 0.0 );
-    color: rgb(0, 247, 255);
-    font-style: italic
-}
-
-
-""",
+        <style>
+        [data-testid="stSidebar"] {
+            background-color: rgba(52, 73, 94, 0.9);
+            color: white;
+        }
+        .main h1, .main h2, .main h3, .main h4, .main h5, .main h6 {
+            color: #5396C6;
+        }
+        .st-bb, .st-ae, .st-bv {
+            background-color: rgba(20, 20, 30, 0.3);
+            box-shadow: 1px 1px 5px #4e4e4e;
+        }
+        </style>
+        """,
         unsafe_allow_html=True,
     )
     return
 
 # Set the App configuration
-# st.set_option('deprecation.showPyplotGlobalUse', False)
-# -- general settings end
-# Apply C-Suite theme if the application is not running for the background first
-apply_c_suite_theme()
+st.set_page_config(page_title="Executive Insights Pro", layout="wide", page_icon="📈")
+
+# Apply background and simplified theme
+set_background()
+apply_simplified_theme()
 
 def show_loader(message="Loading..."):
     """Displays an animated loader."""
@@ -227,6 +139,19 @@ if 'preprocessor' not in st.session_state:
 
 # Sidebar Navigation
 st.sidebar.title("🔮 Data Wizard Pro")
+
+# Apply custom CSS to change text color in the sidebar
+st.markdown(
+    """
+    <style>
+    [data-testid="stSidebar"] {
+        color: #00f7ff; /* Cyan color for sidebar text */
+    }
+    </style>
+    """,
+    unsafe_allow_html=True,
+)
+
 # Replace the existing app_mode section with this:
 app_mode = st.sidebar.radio("Navigate", [
     "Data Upload",