Update app.py

app.py

@@ -28,29 +28,57 @@ st.markdown("""
         text-align: right !important;
         direction: rtl !important;
     }
+    :root {
+        color-scheme: light only;
+        --primary-color: #6a0dad;
+        --text-color: #333333;
+        --background-color: #ffffff;
+    }
+    
+    @media (prefers-color-scheme: dark) {
+        :root {
+            --text-color: #f0f0f0;
+            --background-color: #121212;
+        }
+    }
+    
+    * {
+        font-family: 'Vazir', sans-serif !important;
+        text-align: right !important;
+        direction: rtl !important;
+        color: var(--text-color) !important;
+    }
+    
+    body {
+        background-color: var(--background-color) !important;
+    }
+    
+    .stApp {
+        background-color: var(--background-color) !important;
+    }
     
     .rahyar-header {
-        background-color: #6a0dad;
-        padding: 15px;
-        border-radius: 10px;
-        color: white;
-        margin-bottom: 20px;
-        text-align: center;
+        background-color: #6a0dad !important;
+        padding: 15px !important;
+        border-radius: 10px !important;
+        color: white !important;
+        margin-bottom: 20px !important;
+        text-align: center !important;
     }
     
     .price-container {
-        background-color: #f8f9fa;
-        border-radius: 10px;
-        padding: 15px;
+        background-color: #f8f9fa !important;
+        border-radius: 10px !important;
+        padding: 15px !important;
         margin: 15px 0;
         border-right: 5px solid #6a0dad;
     }
     
     .rahyar-price {
-        color: #6a0dad;
-        font-size: 28px;
-        font-weight: bold;
-        text-align: center;
+        color: #6a0dad !important;
+        font-size: 28px !important;
+        font-weight: bold !important;
+        text-align: center !important;
         margin: 10px 0;
     }
     
@@ -86,25 +114,25 @@ st.markdown("""
     }
     
     .rahyar-badge {
-        background-color: #e6e6fa;
-        color: #6a0dad;
-        padding: 5px 10px;
-        border-radius: 15px;
-        font-size: 14px;
-        display: inline-block;
-        margin-left: 10px;
+        background-color: #e6e6fa !important;
+        color: #6a0dad !important;
+        padding: 5px 10px !important;
+        border-radius: 15px !important;
+        font-size: 14px !important;
+        display: inline-block !important;
+        margin-left: 10px !important;
     }
     
     .explanation-title {
-        color: #6a0dad;
-        font-weight: bold;
-        margin-top: 20px;
+        color: #6a0dad !important;
+        font-weight: bold !important;
+        margin-top: 20px !important;
     }
     
     .explanation-item {
         margin: 10px 0;
-        padding-right: 15px;
-        border-right: 3px solid #6a0dad;
+        padding-right: 15px !important;
+        border-right: 3px solid #6a0dad !important;
     }
         
     .accept-btn {
@@ -163,6 +191,14 @@ st.markdown("""
     .stApp {
         background-color: white !important;
     }
+    /* تنظیمات ریسپانسیو */
+    @media only screen and (max-width: 768px) {
+        /* استایل‌های مخصوص موبایل */
+        .rahyar-request-btn, .rahyar-reject-btn {
+            padding: 12px 20px !important;
+            font-size: 14px !important;
+        }
+    }
 </style>
 """, unsafe_allow_html=True)