Enhance scrollbar styling for Firefox and Zen Browser compatibility

adhirajcs · Jan 12, 2025 · 70a154e · 70a154e
1 parent f781022
commit 70a154e
Showing 1 changed file with 19 additions and 6 deletions.
diff --git a/src/app/globals.css b/src/app/globals.css
@@ -25,10 +25,23 @@
   background-color: rgb(30 41 59);
 }
 
-/* Firefox */
-body {
-    scrollbar-width: thin; /* Match width */
-    scrollbar-color: rgb(71 85 105) rgb(2 6 23); /* Handle color and track background */
-  }
-
 
+
+/* For Firefox and Zen Browser */
+
+* {
+  scrollbar-width: auto;
+}
+
+html, body {
+  scrollbar-width: auto;
+  scrollbar-color: rgb(51 65 85) rgb(2 6 23);
+}
+
+/* For Firefox compatibility on different OS */
+@-moz-document url-prefix() {
+  * {
+    scrollbar-width: auto;
+    scrollbar-color: rgb(51 65 85) rgb(2 6 23);
+  }
+}