Update app.py

app.py

@@ -22,119 +22,119 @@ st.markdown("""
         font-family: 'Vazir';
         src: url('https://cdn.jsdelivr.net/gh/rastikerdar/vazir-font@v30.1.0/dist/Vazir.woff') format('woff');
     }
-    
+
     :root {
-        /* تنظیمات رنگ */
-        --primary-color: #6a0dad;
-        --text-color: #333333;
-        --background-color: #ffffff;
-        --rahyar-white: #ffffff;
-        
-        /* غیرفعال کردن تم تاریک */
-        color-scheme: light only;
+        --primary: #6a0dad;
+        --text: #333333;
+        --background: #ffffff;
+        --border: #dddddd;
     }
-    
+
     * {
         font-family: 'Vazir', sans-serif !important;
         text-align: right !important;
         direction: rtl !important;
-        color: var(--text-color) !important;
     }
-    
-    body, [data-testid="stAppViewContainer"], .stApp {
-        background-color: var(--background-color) !important;
+
+    /* تنظیمات اصلی استریملیت */
+    body, .stApp {
+        background-color: var(--background) !important;
+        color: var(--text) !important;
     }
-    
-    /* کامپوننت‌های سفارشی */
+
+    [data-testid="stAppViewContainer"] {
+        background-color: var(--background) !important;
+    }
+
+    /* باکس‌های ورودی */
+    .stTextInput input, 
+    .stNumberInput input, 
+    .stSelectbox select,
+    .stTextArea textarea,
+    .stDateInput input,
+    .stTimeInput input {
+        color: var(--text) !important;
+        background-color: var(--background) !important;
+        border: 1px solid var(--border) !important;
+        border-radius: 8px !important;
+        padding: 8px 12px !important;
+    }
+
+    /* دکمه‌های اصلی */
+    .stButton>button, 
+    [data-testid="baseButton-primary"] {
+        background-color: var(--primary) !important;
+        color: white !important;
+        border: none !important;
+        border-radius: 8px !important;
+        padding: 10px 20px !important;
+        font-weight: bold !important;
+    }
+
+    /* دکمه‌های ثانویه */
+    .stFormSubmitButton>button,
+    [data-testid="baseButton-secondary"] {
+        background-color: white !important;
+        color: var(--primary) !important;
+        border: 1px solid var(--primary) !important;
+        border-radius: 8px !important;
+        padding: 10px 20px !important;
+        font-weight: bold !important;
+    }
+
+    /* کامپوننت‌های سفارشی شما */
     .rahyar-header {
-        background-color: var(--primary-color) !important;
+        background-color: var(--primary) !important;
+        color: white !important;
         padding: 15px !important;
         border-radius: 10px !important;
-        color: white !important;
         margin-bottom: 20px !important;
         text-align: center !important;
     }
-    
+
     .price-container {
         background-color: #f8f9fa !important;
         border-radius: 10px !important;
         padding: 15px !important;
-        margin: 15px 0;
-        border-right: 5px solid var(--primary-color);
+        margin: 15px 0 !important;
+        border-right: 5px solid var(--primary) !important;
     }
-    
+
     .rahyar-price {
-        color: var(--primary-color) !important;
+        color: var(--primary) !important;
         font-size: 28px !important;
         font-weight: bold !important;
-        text-align: center !important;
-        margin: 10px 0;
     }
-    
-    .rahyar-btn, .accept-btn, [data-testid="baseButton-primary"] {
-        background-color: var(--primary-color) !important;
+
+    /* دکمه‌های پذیرش/رد */
+    .accept-btn {
+        background-color: var(--primary) !important;
         color: white !important;
-        border: none !important;
-        padding: 10px 20px !important;
-        border-radius: 8px !important;
-        font-weight: bold !important;
-        margin: 5px 0 !important;
-        width: 100% !important;
-        transition: all 0.3s ease;
-        box-shadow: 0 4px 8px rgba(0,0,0,0.1);
-    }
-    
-    .rahyar-btn:hover, .accept-btn:hover {
-        background-color: #7b1fa2 !important;
-        transform: translateY(-2px);
-        box-shadow: 0 6px 12px rgba(0,0,0,0.15);
-    }
-    
-    .reject-btn, .stFormSubmitButton>button, [data-testid="baseButton-secondary"] {
-        background-color: white !important;
-        color: var(--primary-color) !important;
-        border: 2px solid var(--primary-color) !important;
-        padding: 10px 20px !important;
-        border-radius: 8px !important;
-        font-weight: bold !important;
-        margin: 5px 0 !important;
-        width: 100% !important;
-        transition: all 0.3s ease;
-        box-shadow: 0 4px 8px rgba(0,0,0,0.1);
+        padding: 14px 28px !important;
     }
-    
-    .reject-btn:hover {
-        background-color: #f8f0ff !important;
-        transform: translateY(-2px);
-        box-shadow: 0 6px 12px rgba(0,0,0,0.15);
-    }
-    
-    /* استایل‌های فرم‌ها */
-    .stTextInput input,
-    .stNumberInput input,
-    .stSelectbox select,
-    .stTextArea textarea,
-    .stDateInput input,
-    .stTimeInput input {
-        color: var(--text-color) !important;
+
+    .reject-btn {
         background-color: white !important;
-        border: 1px solid var(--text-color) !important;
-        border-radius: 8px !important;
-        padding: 8px 12px !important;
+        color: var(--primary) !important;
+        border: 2px solid var(--primary) !important;
+        padding: 14px 28px !important;
     }
-    
-    /* تنظیمات رسپانسیو */
-    .folium-map {
-        height: 400px !important;
-        width: 100% !important;
-    }
-    
-    .price-container {
-        width: 80% !important;
-        margin: 20px auto !important;
+
+    /* تنظیمات مخصوص دسکتاپ */
+    @media (min-width: 769px) {
+        .folium-map {
+            height: 500px !important;
+        }
+        
+        .stTextInput input, 
+        .stNumberInput input {
+            color: black !important;
+            background-color: white !important;
+        }
     }
-    
-    @media only screen and (max-width: 768px) {
+
+    /* تنظیمات مخصوص موبایل */
+    @media (max-width: 768px) {
         .folium-map {
             height: 300px !important;
         }
@@ -142,11 +142,18 @@ st.markdown("""
         .price-container {
             width: 95% !important;
         }
-        
-        .rahyar-btn, .accept-btn, .reject-btn {
-            padding: 12px 20px !important;
-            font-size: 14px !important;
-        }
+    }
+
+    /* غیرفعال کردن کامل تم تاریک */
+    [data-testid="stAppViewContainer"] > .main > div {
+        background-color: white !important;
+        color: #333333 !important;
+    }
+
+    /* تضمین خوانایی متن در همه حال */
+    .st-bb, .st-at, .st-ae, .st-af, .st-ag, .st-ah, .st-ai, .st-aj, 
+    .st-ak, .st-al, .st-cm, .st-cn, .st-co, .st-cp, .st-cq, .st-cr {
+        color: var(--text) !important;
     }
 </style>
 """, unsafe_allow_html=True)