Update app.py

app.py

@@ -132,6 +132,7 @@ html, body, .stApp {
     [data-testid="stAppViewContainer"]::-webkit-scrollbar-thumb:hover {
         background: #5a0a96;
     }
+    
 }
 
 
@@ -553,26 +554,46 @@ h3 {
 
 @media (min-width: 768px) {
   /* اسکرول برای کادر موبایلی و محتوا */
-  [data-testid="stAppViewContainer"] {
+    [data-testid="stAppViewContainer"] {
     overflow-y: auto !important;
     overflow-x: hidden !important;
     height: 667px !important;
-  }
-
-  .stApp {
+    }
+    
+    .stApp {
     height: 100% !important;
     overflow-y: auto !important;
     padding: 0 5px !important;  /* ← برای پدینگ چپ و راست */
-  }
-
-  /* اطمینان از اینکه Scroll کار می‌کنه */
-  html, body {
+    }
+    
+    /* اطمینان از اینکه Scroll کار می‌کنه */
+    html, body {
     height: 100% !important;
-  }
-
-  body {
+    }
+    
+    body {
     overflow: hidden !important;  /* این اجازه میده اسکرول فقط در stApp باشه */
-  }
+    }
+      /* استایل کامل و مشخص برای scrollbar در دسکتاپ */
+    [data-testid="stAppViewContainer"]::-webkit-scrollbar {
+        width: 8px; /* ضخامت مشخص */
+    }
+    
+    [data-testid="stAppViewContainer"]::-webkit-scrollbar-track {
+        background: #e0e0e0; /* رنگ خاکستری روشن زمینه */
+        border-radius: 4px;
+    }
+    
+    [data-testid="stAppViewContainer"]::-webkit-scrollbar-thumb {
+        background: #6a0dad; /* رنگ بنفش بدنه اسکرول */
+        border-radius: 4px;
+        border: 1px solid white; /* کمی کنتراست با پس‌زمینه */
+    }
+    
+    [data-testid="stAppViewContainer"]::-webkit-scrollbar-thumb:hover {
+        background: #4e0788; /* رنگ بنفش تیره‌تر هنگام هاور */
+    }
+
 }
 
 </style>