Merge pull request 'feat: enhance scrollbar styling for better visibility and aesthetics' (#29) from feat/enhance-scrollbacr-styling into dev

Reviewed-on: itm/siakad-itm#29

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