Update app.py

app.py

@@ -6,30 +6,17 @@ import matplotlib.pyplot as plt
 
 DATA_FILE = "habits.csv"
 
-# ---------- Page Setup ----------
-st.set_page_config(
-    page_title="Habit Tracker",
-    layout="centered"
-)
+st.set_page_config(page_title="Habit Tracker", layout="centered")
 
-# ---------- UI Styling ----------
+# ---------- SAFE VISIBILITY CSS ----------
 st.markdown("""
 <style>
 .block-container {
     padding-top: 2rem;
-    padding-bottom: 2rem;
 }
 
-h1 {
-    text-align: center;
-    color: #0f172a;
-    font-size: 36px;
-}
-
-.subtext {
-    text-align: center;
-    color: #64748b;
-    margin-bottom: 20px;
+h1, h2, h3, p, div {
+    color: #0f172a !important;
 }
 
 .card {
@@ -37,7 +24,7 @@ h1 {
     padding: 14px;
     border-radius: 12px;
     border-left: 5px solid #38bdf8;
-    box-shadow: 0 2px 8px rgba(0,0,0,0.06);
+    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
     margin-bottom: 10px;
 }
 
@@ -51,7 +38,6 @@ h1 {
     color: white;
     border-radius: 8px;
     border: none;
-    padding: 6px 12px;
 }
 
 .stButton > button:hover {
@@ -60,7 +46,7 @@ h1 {
 </style>
 """, unsafe_allow_html=True)
 
-# ---------- Data ----------
+# ---------- DATA ----------
 def load_data():
     if os.path.exists(DATA_FILE):
         return pd.read_csv(DATA_FILE)
@@ -74,15 +60,14 @@ if "habits" not in st.session_state:
 
 df = st.session_state.habits
 
-# ---------- Title ----------
+# ---------- TITLE ----------
 st.title("Habit Tracker")
-st.markdown("<div class='subtext'>Track your daily habits and build consistency</div>", unsafe_allow_html=True)
+st.write("Track habits and build consistency")
 
-# ---------- Add Habit ----------
+# ---------- ADD ----------
 st.subheader("Add Habit")
 
 col1, col2 = st.columns([4, 1])
-
 with col1:
     new_habit = st.text_input("Enter habit", label_visibility="collapsed")
 
@@ -96,27 +81,26 @@ with col2:
                 )
                 st.session_state.habits = df
                 save_data(df)
-                st.success("Habit added")
+                st.success("Added")
             else:
                 st.warning("Already exists")
-        else:
-            st.warning("Enter a habit name")
 
-# ---------- Habits ----------
+# ---------- HABITS ----------
 st.subheader("Your Habits")
 
 today = datetime.now().date()
 
 if df.empty:
-    st.info("No habits added yet")
+    st.info("No habits yet")
 else:
     for i, row in df.iterrows():
+
         col1, col2, col3 = st.columns([5, 1, 1])
 
         with col1:
             st.markdown(f"""
             <div class="card">
-                <div style="font-size:16px; font-weight:600;">
+                <div style="font-size:16px; font-weight:600; color:#0f172a;">
                     {row['Habit']}
                 </div>
                 <div class="streak">
@@ -153,17 +137,12 @@ else:
                 save_data(df)
                 st.rerun()
 
-# ---------- Chart ----------
+# ---------- GRAPH ----------
 st.subheader("Progress")
 
 if not df.empty:
     fig, ax = plt.subplots()
     ax.bar(df["Habit"], df["Streak"], color="#38bdf8")
     ax.set_ylabel("Streak")
-    ax.set_xlabel("Habit")
     plt.xticks(rotation=20)
-    st.pyplot(fig)
-
-# ---------- Footer ----------
-st.markdown("---")
-st.write("Consistency builds results.")
+    st.pyplot(fig)