Merge pull request #191 from develad/custom-scrollbar

Adding a custom scrollbar with light/dark mode functionality
Maakaf · Mar 21, 2024 · 3ce2185 · 3ce2185
2 parents c0a02db + 44f6d37
commit 3ce2185
Showing 1 changed file with 12 additions and 0 deletions.
diff --git a/app/[locale]/globals.css b/app/[locale]/globals.css
@@ -10,6 +10,18 @@
     width: auto;
     height: auto;
   }
+
+  *::-webkit-scrollbar {
+    @apply w-2;
+  }
+
+  *::-webkit-scrollbar-thumb {
+    @apply bg-blue-400 dark:bg-slate-500 rounded-full border-4 border-blue-400 dark:border-black;
+  }
+
+  *::-webkit-scrollbar-track {
+    @apply bg-purple-100 dark:bg-black rounded-full;
+  }
 }
 
 @layer components {