style: customize the scrollbar

bmenegidio · Jul 18, 2024 · 2cb27d5 · 2cb27d5
1 parent 6054713
commit 2cb27d5
Showing 1 changed file with 17 additions and 0 deletions.
diff --git a/src/app/globals.css b/src/app/globals.css
@@ -7,6 +7,23 @@
     background: theme('colors.primary');
 }
 
+::-webkit-scrollbar {
+    width: 10px;
+}
+
+::-webkit-scrollbar-track {
+    background: theme('colors.gray.700');
+}
+
+::-webkit-scrollbar-thumb {
+    background: theme('colors.primary');
+    border-radius: theme('borderRadius.2xl');
+}
+
+::-webkit-scrollbar-thumb:hover {
+    background: theme('colors.gray.800');
+}
+
 body {
     background: theme('colors.background');
     color: theme('colors.textColor');