From ec393c0f643b8bc494ee43d9ddd0491a4ec22e08 Mon Sep 17 00:00:00 2001
From: Rainnny7 <braydonrainnny@gmail.com>
Date: Tue, 16 Apr 2024 07:48:42 -0400
Subject: [PATCH] Scrollbar

---
 Frontend/src/app/globals.css | 22 ++++++++++++++++++++++
 1 file changed, 22 insertions(+)

diff --git a/Frontend/src/app/globals.css b/Frontend/src/app/globals.css
index 5ddbdd2..c979c50 100644
--- a/Frontend/src/app/globals.css
+++ b/Frontend/src/app/globals.css
@@ -48,9 +48,31 @@
 @layer base {
 	* {
 		@apply border-border;
+
+		/* Scrollbar (Firefox) */
+		scrollbar-color: hsl(var(--minecraft-green-2)) hsl(var(--background));
 	}
 
 	body {
 		@apply bg-background text-foreground;
 	}
 }
+
+/* Scrollbar (Chrome & Safari) */
+@layer base {
+	::-webkit-scrollbar {
+		@apply w-1.5;
+	}
+
+	::-webkit-scrollbar-track {
+		@apply bg-inherit;
+	}
+
+	::-webkit-scrollbar-thumb {
+		@apply bg-minecraft-green-2 rounded-3xl;
+	}
+
+	::-webkit-scrollbar-thumb:hover {
+		@apply bg-opacity-80;
+	}
+}