Update app.py

app.py

@@ -11,7 +11,33 @@ import pyarrow.parquet as pq
 # Set page config for a wider layout and custom theme
 st.set_page_config(layout="wide", page_title="Job Listings Dashboard")
 
-# [Your existing CSS styling code remains unchanged]
+# Custom CSS for black background and styling
+st.markdown("""
+<style>
+    .stApp {
+        background-color: #000000;
+        color: #FFFFFF;
+    }
+    .stButton>button {
+        background-color: #4e79a7;
+        color: white;
+    }
+    .stSelectbox, .stMultiSelect {
+        color: #FFFFFF;
+    }
+    .stDataFrame {
+        background-color: #1E1E1E;
+    }
+    .plotly-graph-div {
+        background-color: #1E1E1E;
+    }
+    .big-font {
+        font-size: 48px;
+        font-weight: bold;
+        text-align: center;
+    }
+</style>
+""", unsafe_allow_html=True)
 
 # Hugging Face setup
 HF_TOKEN = st.secrets["HF_TOKEN"]
@@ -69,7 +95,13 @@ def create_chart(data, _x, y, title, color_sequence):
 def create_time_series(df):
     df_by_date = df.groupby('date_posted').size().reset_index(name='count')
     fig = px.line(df_by_date, x='date_posted', y='count', title="Job Postings Over Time", color_discrete_sequence=['#4e79a7'])
-    fig.update_layout(plot_bgcolor='rgba(0,0,0,0)', paper_bgcolor='rgba(0,0,0,0)', font_color='#FFFFFF')
+    fig.update_layout(
+        plot_bgcolor='rgba(0,0,0,0)', 
+        paper_bgcolor='rgba(0,0,0,0)', 
+        font_color='#FFFFFF',
+        xaxis_title="Date",
+        yaxis_title="Number of Job Postings"
+    )
     return fig
 
 @st.cache_data
@@ -135,7 +167,7 @@ def display_dashboard(df):
         st.plotly_chart(fig, use_container_width=True)
 
     # Job Postings Over Time Chart
-    fig_time_series = create_time_series(df_by_date)
+    fig_time_series = create_time_series(df)
     st.plotly_chart(fig_time_series, use_container_width=True)
 
     col3, col4 = st.columns(2)