Update src/streamlit_app.py

src/streamlit_app.py

@@ -3,18 +3,46 @@ import pandas as pd
 import plotly.express as px
 import plotly.graph_objects as go
 
-# 1. SAYFA AYARLARI
+# 1. SAYFA AYARLARI VE ÖZEL TASARIM (CSS)
 st.set_page_config(layout="wide", page_title="Gold Intelligence Dashboard")
 
-# Streamlit Genel Koyu Tema ve Font Düzeltmeleri
+# Beyaz Tema CSS Kodları - Siyahı Bitiren Kısım
 st.markdown("""
     <style>
+    /* Ana Arka Planı Bembeyaz Yapalım */
     .stApp {
-        background-color: #0E1117;
+        background-color: #FFFFFF;
     }
-    h1, h2, h3, p {
-        color: #F8F9FA !important;
+    
+    /* Tüm Yazıların Siyah ve Net Olmasını Sağlayalım */
+    h1, h2, h3, h4, p, span, div {
+        color: #1A1A1A !important;
     }
+    
+    /* Ana Başlığı Altın Sarısı Yapalım */
+    h1.main-title {
+        color: #D4AF37 !important; /* Premium Gold */
+        text-shadow: 1px 1px 2px rgba(0,0,0,0.1);
+    }
+    
+    /* Metrik Kartlarını Şıklaştıralım */
+    [data-testid="stMetricValue"] {
+        color: #B28F2D !important; /* Biraz daha koyu altın sarısı */
+    }
+    
+    /* Grafikleri Çevreleyen Beyaz Alanlar */
+    .plot-container {
+        background-color: #FDFDFD;
+        border-radius: 8px;
+        box-shadow: 0 4px 6px rgba(0,0,0,0.05);
+        padding: 10px;
+    }
+    
+    /* Yan Panelin Beyazlığı */
+    .css-163utfM, .css-hxt7ib {
+        background-color: #F8F9FA !important;
+    }
+    
     </style>
     """, unsafe_allow_html=True)
 
@@ -34,46 +62,47 @@ except Exception as e:
     st.error(f"Veri yükleme hatası: {e}")
     st.stop()
 
-# 3. SIDEBAR
-st.sidebar.markdown("<h2 style='color: #FFD700;'>📅 Filtreler</h2>", unsafe_allow_html=True)
+# 3. SIDEBAR (SOL PANEL - BEYAZ)
+st.sidebar.markdown("<h2 style='color: #D4AF37;'>📅 Filtreler</h2>", unsafe_allow_html=True)
 years_list = sorted([y for y in df['YEAR'].unique() if y >= 2008])
 year = st.sidebar.selectbox("Yıl Seçin / Select Year", options=years_list, index=0)
 
 filtered_df = df[df['YEAR'] == year].copy()
 
 # 4. ANA BAŞLIK
-st.markdown("<h1 style='text-align: center; color: #FFD700; font-size: 45px;'>💰 Gold Price Intelligence</h1>", unsafe_allow_html=True)
-st.markdown("<p style='text-align: center; color: #E0E0E0;'>Altın Fiyat Analizi ve Stratejik Öngörü Paneli</p>", unsafe_allow_html=True)
+st.markdown("<h1 class='main-title' style='text-align: center; font-size: 48px;'>💰 Gold Price Intelligence</h1>", unsafe_allow_html=True)
+st.markdown("<p style='text-align: center; color: #4A4A4A; font-size: 18px;'>Altın Fiyat Analizi ve Stratejik Öngörü Paneli</p>", unsafe_allow_html=True)
 st.divider()
 
 # METRİK KARTLARI
-k1, k2, k3 = st.columns(3)
-with k1:
+m1, m2, m3 = st.columns(3)
+with m1:
     current_price = filtered_df['GLD'].iloc[-1]
     st.metric(label="Son Kapanış Fiyatı", value=f"{current_price:.2f}")
-with k2:
+with m2:
     st.metric(label=f"{year} Tepe Noktası", value=f"{filtered_df['GLD'].max():.2f}")
-with k3:
+with m3:
     st.metric(label=f"{year} Dip Noktası", value=f"{filtered_df['GLD'].min():.2f}")
 
 st.divider()
 
-# 5. YÖNETİCİ BİLGİ NOTU (Değişken isimleri TR_msg ve US_msg olarak düzeltildi)
+# 5. YÖNETİCİ BİLGİ NOTU (BEYAZ TEMA İÇİN YUMUŞATILMIŞ)
 st.markdown("## 💼 Yönetici Bilgi Notu / Executive Summary")
 info_col1, info_col2 = st.columns(2)
 
-# Değişken isimlerinde emoji kullanmıyoruz, sadece metin içinde kullanıyoruz
 if year == 2008:
     tr_text = "🇹🇷 2008'de altın güvenli limandır, alım faydalıdır."
     us_text = "🇺🇸 Gold is a safe haven in 2008; buying is beneficial."
-    border_color = "#FFD700" # Altın sarısı
+    box_color = "#FFF8E1" # Çok açık altın sarısı kutu
+    border_color = "#D4AF37" # Altın sarısı çizgi
 else:
     tr_text = f"🇹🇷 {year} yılı verileri istikrarlı görünüyor. Teknik analiz önerilir."
     us_text = f"🇺🇸 Data for {year} appears stable. Technical analysis recommended."
-    border_color = "#28A745" # Yeşil
+    box_color = "#E8F5E9" # Çok açık yeşil kutu
+    border_color = "#28A745" # Yeşil çizgi
 
-tr_msg = f"<div style='background-color: #1E2127; padding: 20px; border-left: 5px solid {border_color}; border-radius: 5px;'> <h3 style='margin:0; color: #F8F9FA;'>{tr_text}</h3> </div>"
-us_msg = f"<div style='background-color: #1E2127; padding: 20px; border-left: 5px solid {border_color}; border-radius: 5px;'> <h3 style='margin:0; color: #F8F9FA;'>{us_text}</h3> </div>"
+tr_msg = f"<div style='background-color: {box_color}; padding: 25px; border-left: 6px solid {border_color}; border-radius: 8px;'> <h3 style='margin:0;'>{tr_text}</h3> </div>"
+us_msg = f"<div style='background-color: {box_color}; padding: 25px; border-left: 6px solid {border_color}; border-radius: 8px;'> <h3 style='margin:0;'>{us_text}</h3> </div>"
 
 with info_col1:
     st.markdown(tr_msg, unsafe_allow_html=True)
@@ -82,39 +111,52 @@ with info_col2:
 
 st.divider()
 
-# 6. GRAFİKLER
+# 6. GRAFİKLER (PLOTLY - LIGHT TEMA İLE TİTREMESİZ VE NET)
 st.markdown(f"## 📈 {year} Piyasa Hareketi / Market Action")
 
+# Ana Grafik (Plotly Go ile Alan Grafiği - Beyaz Tema)
 fig1 = go.Figure()
 fig1.add_trace(go.Scatter(x=filtered_df['Date'], y=filtered_df['GLD'],
                           mode='lines',
-                          line=dict(color='#FFD700', width=3),
-                          fill='tozeroy', fillcolor='rgba(255, 215, 0, 0.1)'))
+                          line=dict(color='#B28F2D', width=3), # Biraz daha koyu altın
+                          fill='tozeroy', fillcolor='rgba(212, 175, 55, 0.1)')) # Çok açık altın dolgu
+
+fig1.update_layout(template="plotly_white", height=480, # Beyaz şablon
+                  title=f"{year} Altın Fiyat Grafiği | Alan Analizi",
+                  xaxis_title="Tarih / Date", yaxis_title="GLD Fiyatı / Price",
+                  margin=dict(l=40, r=40, t=60, b=40),
+                  paper_bgcolor='rgba(0,0,0,0)', plot_bgcolor='rgba(0,0,0,0)')
+fig1.update_xaxes(showgrid=True, gridcolor='#F0F0F0') # Hafif ızgara
+fig1.update_yaxes(showgrid=True, gridcolor='#F0F0F0')
 
-fig1.update_layout(template="plotly_dark", height=450,
-                  paper_bgcolor='rgba(0,0,0,0)', plot_bgcolor='rgba(0,0,0,0)',
-                  margin=dict(l=20, r=20, t=20, b=20))
 st.plotly_chart(fig1, use_container_width=True)
 
-# ALT GRAFİKLER
+st.markdown(f"#### 📝 Not: Bu grafik {year} yılındaki günlük fiyat hareketlerini gösterir.")
+st.divider()
+
+# ALT GRAFİKLER (YAN YANA)
 c1, c2 = st.columns(2)
 with c1:
     st.markdown("### 🎯 Dağılım / Distribution")
-    fig2 = px.histogram(filtered_df, x="GLD", color_discrete_sequence=['#FFD700'], template="plotly_dark")
-    fig2.update_layout(paper_bgcolor='rgba(0,0,0,0)', plot_bgcolor='rgba(0,0,0,0)')
+    # Histogram - Beyaz Tema
+    fig2 = px.histogram(filtered_df, x="GLD", color_discrete_sequence=['#D4AF37'], template="plotly_white")
+    fig2.update_layout(title="Fiyat Yoğunluğu / Price Density", paper_bgcolor='rgba(0,0,0,0)', plot_bgcolor='rgba(0,0,0,0)')
+    fig2.update_xaxes(showgrid=True, gridcolor='#F0F0F0')
     st.plotly_chart(fig2, use_container_width=True)
 
 with c2:
     st.markdown("### 🌡️ Korelasyon / Correlation")
+    # Korelasyon Heatmap - Beyaz Tema için Renk Skalası Değişti
     num_df = filtered_df.select_dtypes(include=['number']).corr()
-    fig3 = px.imshow(num_df, text_auto=True, color_continuous_scale='YlOrRd', template="plotly_dark")
-    fig3.update_layout(paper_bgcolor='rgba(0,0,0,0)', plot_bgcolor='rgba(0,0,0,0)')
+    fig3 = px.imshow(num_df, text_auto=True, color_continuous_scale='YlOrRd', template="plotly_white") # Sıcak renkler
+    fig3.update_layout(title="Varlık İlişkileri / Asset Correlation", paper_bgcolor='rgba(0,0,0,0)', plot_bgcolor='rgba(0,0,0,0)')
     st.plotly_chart(fig3, use_container_width=True)
 
 st.divider()
 
-# 7. VERİ TABLOSU
+# 7. VERİ TABLOSU (Her Zaman Açık, Temiz ve Net)
 st.markdown("### 📋 Detaylı Veri Seti / Detailed Dataset")
+# Beyaz modda tablo otomatik net ve okunurdur.
 st.dataframe(filtered_df.head(15), use_container_width=True)
 
 csv = filtered_df.to_csv(index=False).encode('utf-8')