Enhance scrollbar styles for light and dark themes

Updated scrollbar styles for light and dark themes with improved visibility and contrast.

Author: Papia-tech

src/css/custom.css

@@ -1988,47 +1988,47 @@ h3:first-child {
 /* --- CUSTOM MODERN SCROLLBAR --- */
 
 ::-webkit-scrollbar {
-  width: 8px;
-  height: 10px;
+  width: 10px !important;
+  height: 10px !important;
 }
 
 /* --- LIGHT THEME --- */
 html[data-theme="light"] ::-webkit-scrollbar-track {
-  background: transparent;
+  background: #f1f5f9 !important; 
 }
 
 html[data-theme="light"] ::-webkit-scrollbar-thumb {
-  background-color: #944A8C;
-  border: 2px solid var(--ifm-background-color);
-  border-radius: 10px;
+  background-color: #cbd5e1 !important; 
+  border: 2px solid #f1f5f9 !important;
+  border-radius: 10px !important;
 }
 
 html[data-theme="light"] ::-webkit-scrollbar-thumb:hover {
-  background-color: #60226E;
+  background-color: #94a3b8 !important;
 }
 
 /* --- DARK THEME --- */
 html[data-theme="dark"] ::-webkit-scrollbar-track {
-  background: transparent;
+  background: #0f172a !important; /* Fixed: Giving it a solid dark background so it doesn't disappear */
 }
 
 html[data-theme="dark"] ::-webkit-scrollbar-thumb {
-  background-color: #944A8C;
-  border: 2px solid var(--ifm-background-color);
-  border-radius: 10px;
+  background-color: #334155 !important; /* Fixed: Clear contrast slate grey thumb */
+  border: 2px solid #0f172a !important; 
+  border-radius: 10px !important;
 }
 
 html[data-theme="dark"] ::-webkit-scrollbar-thumb:hover {
-  background-color: #60226E;
+  background-color: #06b6d4 !important; /* Pops cyan on hover */
 }
 
 /* --- FIREFOX FALLBACKS --- */
 html[data-theme="light"] * {
-  scrollbar-width: thin;
-  scrollbar-color: #944A8C transparent;
+  scrollbar-width: thin !important;
+  scrollbar-color: #cbd5e1 #f1f5f9 !important;
 }
 
 html[data-theme="dark"] * {
-  scrollbar-width: thin;
-  scrollbar-color: #944A8C transparent;
+  scrollbar-width: thin !important;
+  scrollbar-color: #334155 #0f172a !important;
 }