From 095c51cbfce921489423413fb331ce8b4c9e05a3 Mon Sep 17 00:00:00 2001
From: Yoga Pangestu <ypangestu976@gmail.com>
Date: Tue, 25 Aug 2026 01:19:50 +0700
Subject: [PATCH] feat: enhance scrollbar styling for better visibility and
 aesthetics

---
 resources/css/app.css | 40 ++++++++++++++++++++++++++++++++++++++--
 1 file changed, 38 insertions(+), 2 deletions(-)

diff --git a/resources/css/app.css b/resources/css/app.css
index ade6286..c1920a5 100644
--- a/resources/css/app.css
+++ b/resources/css/app.css
@@ -206,8 +206,44 @@ @layer base {
     body {
         @apply bg-background text-foreground;
     }
-  html {
-    @apply font-sans;
+
+    html {
+        @apply font-sans;
+    }
+
+    * {
+        scrollbar-width: thin;
+        scrollbar-color: oklch(0.8 0 0) transparent;
+    }
+
+    *::-webkit-scrollbar {
+        width: 6px;
+        height: 6px;
+    }
+
+    *::-webkit-scrollbar-track {
+        background: transparent;
+    }
+
+    *::-webkit-scrollbar-thumb {
+        background-color: oklch(0.8 0 0);
+        border-radius: 3px;
+    }
+
+    *::-webkit-scrollbar-thumb:hover {
+        background-color: oklch(0.65 0 0);
+    }
+
+    .dark * {
+        scrollbar-color: oklch(0.35 0 0) transparent;
+    }
+
+    .dark *::-webkit-scrollbar-thumb {
+        background-color: oklch(0.35 0 0);
+    }
+
+    .dark *::-webkit-scrollbar-thumb:hover {
+        background-color: oklch(0.45 0 0);
     }
 }