feat: customize scrollbar styles for improved aesthetics

vignesh-gupta · Nov 14, 2024 · 57096ed · 57096ed
1 parent 14fb5ec
commit 57096ed
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 0 deletions.
diff --git a/bun.lockb b/bun.lockb
diff --git a/src/app/globals.css b/src/app/globals.css
@@ -90,3 +90,19 @@ body {
 .bg-gradient {
   background: linear-gradient(180deg, #1a1a1a, #131313);
 }
+
+::-webkit-scrollbar {
+  @apply w-1.5
+}
+
+::-webkit-scrollbar-track {
+  @apply bg-accent rounded-full
+}
+
+::-webkit-scrollbar-thumb {
+  @apply dark:bg-gray-400/30 bg-onyx/50 rounded-full
+}
+
+::-webkit-scrollbar-thumb:hover {
+  background: #c0a0b9;
+}