From 44f6d379e42f6199fec3e6159166ea45c20fc937 Mon Sep 17 00:00:00 2001
From: develad <develadb@gmail.com>
Date: Sun, 17 Mar 2024 10:55:16 +0200
Subject: [PATCH] Adding a custom scrollbar with light/dark mode functionality

---
 app/[locale]/globals.css | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/app/[locale]/globals.css b/app/[locale]/globals.css
index 98ad8fb9..18e1cff1 100644
--- 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 {