Scrollbar

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;
+	}
+}