From d853e742edf784e6d55d5ec03f229c19016ce845 Mon Sep 17 00:00:00 2001
From: Yoga Pangestu <ypangestu976@gmail.com>
Date: Wed, 5 Aug 2026 20:31:17 +0700
Subject: [PATCH] feat: add custom scrollbar styles for improved aesthetics and
 usability

---
 resources/css/app.css | 23 +++++++++++++++++++++++
 1 file changed, 23 insertions(+)

diff --git a/resources/css/app.css b/resources/css/app.css
index 6b0c801..95fd0fb 100644
--- a/resources/css/app.css
+++ b/resources/css/app.css
@@ -140,6 +140,29 @@ @layer base {
         @apply border-border outline-ring/50;
     }
 
+    *::-webkit-scrollbar {
+        width: 6px;
+        height: 6px;
+    }
+
+    *::-webkit-scrollbar-track {
+        background: transparent;
+    }
+
+    *::-webkit-scrollbar-thumb {
+        background-color: oklch(0.708 0 0 / 30%);
+        border-radius: 3px;
+    }
+
+    *::-webkit-scrollbar-thumb:hover {
+        background-color: oklch(0.708 0 0 / 50%);
+    }
+
+    * {
+        scrollbar-width: thin;
+        scrollbar-color: oklch(0.708 0 0 / 30%) transparent;
+    }
+
     body {
         @apply bg-background text-foreground;
     }