Upload streamlit_app.py

src/streamlit_app.py

@@ -13,23 +13,23 @@ st.set_page_config(
     initial_sidebar_state="collapsed"
 )
 
-# Custom CSS for eye-catching design
+# Custom CSS for white background and black text/borders
 st.markdown("""
     <style>
     @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');
     .main {background-color: #ffffff;}
-    .stTitle {color: #003087; font-family: 'Roboto', sans-serif; text-align: center; margin-bottom: 10px; font-size: 32px; font-weight: 700;}
-    .stSubheader {color: #003087; font-family: 'Roboto', sans-serif; font-size: 22px; font-weight: 700; margin-top: 10px; margin-bottom: 10px;}
-    .stMarkdown {font-family: 'Roboto', sans-serif; color: #212529; font-size: 16px;}
+    .stTitle {font-family: 'Roboto', sans-serif; text-align: center; margin-bottom: 10px; font-size: 32px; font-weight: 700;}
+    .stSubheader {font-family: 'Roboto', sans-serif; font-size: 22px; font-weight: 700; margin-top: 10px; margin-bottom: 10px;}
+    .stMarkdown {font-family: 'Roboto', sans-serif; font-size: 16px;}
     .stDataFrame {
         background-color: #ffffff;
         border-radius: 12px;
         padding: 15px;
-        box-shadow: 0 4px 8px rgba(0,0,0,0.1);
+        border: 1px solid #000000;
     }
     .stButton>button {
-        background-color: #007bff;
-        color: white;
+        background-color: #ffffff;
+        color: #000000;
         border-radius: 10px;
         padding: 12px 30px;
         font-size: 18px;
@@ -37,34 +37,28 @@ st.markdown("""
         font-weight: 700;
         display: block;
         margin: 15px auto;
-        border: none;
-        transition: all 0.3s ease;
+        border: 2px solid #000000;
     }
     .stButton>button:hover {
-        background: linear-gradient(45deg, #0056b3, #007bff);
-        transform: scale(1.05);
-        box-shadow: 0 4px 8px rgba(0,0,0,0.2);
+        background-color: #f0f0f0;
     }
     .stNumberInput label {
-        color: #007bff;
         font-family: 'Roboto', sans-serif;
         font-weight: 700;
         font-size: 16px;
     }
     .stNumberInput input {
         background-color: #ffffff;
-        color: #212529;
-        border: 2px solid #007bff;
+        color: #000000;
+        border: 2px solid #000000;
         border-radius: 8px;
         padding: 10px;
         font-family: 'Roboto', sans-serif;
         font-size: 14px;
-        caret-color: #212529;
     }
     .stNumberInput input:focus {
         outline: none;
-        border-color: #003087;
-        box-shadow: 0 0 8px rgba(0,123,255,0.3);
+        border: 2px solid #000000;
     }
     </style>
 """, unsafe_allow_html=True)
@@ -108,7 +102,7 @@ except Exception as e:
 st.title("Power Consumption Predictor")
 st.markdown("""
     Enter values for one timestep to predict power consumption for Zone1, Zone2, and Zone3.  
-    Results will be displayed as a vibrant bar plot and a clear table.
+    Results will be displayed as a bar plot and a table.
 """)
 
 # Input section
@@ -186,14 +180,13 @@ if 'predictions' in st.session_state and st.session_state.predictions is not Non
         st.session_state.pred_df.reset_index().melt(id_vars='index', value_vars=labels, var_name='Zone', value_name='Power Consumption'),
         x='index', y='Power Consumption', color='Zone', barmode='group',
         title='Predicted Power Consumption by Zone',
-        labels={'index': 'Sample', 'Power Consumption': 'Power Consumption (Original Scale)'},
-        color_discrete_sequence=['#007bff', '#28a745', '#dc3545']
+        labels={'index': 'Sample', 'Power Consumption': 'Power Consumption (Original Scale)'}
     )
     fig.update_layout(
         plot_bgcolor='white',
         paper_bgcolor='white',
-        font=dict(family='Roboto', size=12, color='#212529'),
-        title_font=dict(size=18, family='Roboto', color='#003087'),
+        font=dict(family='Roboto', size=12),
+        title_font=dict(size=18, family='Roboto'),
         xaxis_title="Sample",
         yaxis_title="Power Consumption (Original Scale)",
         legend_title="Zones",